0411 uiux 9일차

0411 목 uiux 9일차

 

웹코딩 참고 사이트

(https://kimyws.tistory.com/29) (https://webstoryboy.co.kr/)

플렉스 개구리(https://flexboxfroggy.com/#ko)

 

오늘 받은 책

맛있는 디자인 포토샵&일러스트레이터 CC 2023

쉽게 배우는 HTML & CSS3 그리고 JavaScript (전부 읽진 말기)

사용자 경험을 창조하는 UI/UX 디자인 (집에서 시간나면 읽기)

성공하는 포트폴리오는 따로 있다.

 

 

 

일러스트레이터

 

 

패턴을 선택하고 도형을 만들었을 때↓

ㄴtransform - object only 체크하면 도형이 움직일 때 패턴도 같이 움직임

object only / both

스케일 툴, 로테이트(회전), 리플렉트(반사) 툴에서 패턴 체크하면 패턴 크기나 각도 등의 조절도 됨

 

Appearance(모양)

 

블렌드 단축키

[Ctrl] + [Alt] + [B]

[Ctrl] + [Alt] + [Shift] + [B]

 

바운딩 박스 사라졌을 때 단축키(껐다 켰다 가능)

[Ctrl]  + [Shift] + [B]

 

서로 다른색 도형 그리기 → 2개 선택 후 블렌딩 주기 → 원(면 없이 획만) 그리기

→ 둘 다 선택 후 오브젝트 - 블렌드 - Replace Spine

 

 

 

Replace Spinevvvvvvvvㅍㅍㅍㅍㅍ

Effect - Roughen : 털 효과 주기

 

.

 

레이어 잠금&잠금해제 컨2 & 컨 알 2

 

블렌드 효과로 입체감 주기

 

(동그라미 한개 그려서 전부 블렌드 툴로만 만들었다) 중간중간 확장(expand) 필수

7*7 원들 크기 줄이는거만 스케일툴 사용. 작은 7*7 원은 색을 배경색과 같게 하기

---

 

 

.box 오른쪽 아래 정렬

 

flex-box 정렬 (https://blog.naver.com/readytosee/223035587045) 좀 외우고 참고하자...

 

요소 안에 요소 넣고 또 요소 안에 요소들 넣는 연습 하기