0412 uiux 10일차

0412 금 uiux 10일차

 

웹코딩 참고 사이트

(https://kimyws.tistory.com/29)

(https://webstoryboy.co.kr/)

 

 

---

 

다음주 수요일 구현 평가 - 레이아웃 구현

 

 

 

라이브 페인트

expand로 확장 시

 

[Alt] + [Shift] 하나씩 가져오기

 

선에 색 넣기 Shift + 클릭

 

표 만들기. 라이브페인트 사용하면 도트이미지 만들 때 좋음.

 

만든 후 확장-merge

오 이거 집순이 인포그래픽 만들 때 쓰면 좋을 듯

 

폴리곤아트

 

반만 그리고 라이브페인트로 색칠 후 복사. 가운데 기준선 땜에 안보여도 선 다 그려야 색칠됨

 

 

3d extrude&bevel 수정하려면 프로퍼티스 어피어런스 부분에 fx. 3d extrude&bevel 더블클릭

 

이펙트-distort&transform - Pucker & Bloat로 꽃 모양 만들기 가능

 

 

 

---

 

웹

 

...

 

이거 만드는 연습하기(메뉴만)

 

 

head에 <link rel="stylesheet" href="style.css"> 넣는 거 잊지말기

 

flex-wrap: wrap;

align-content: flex-wrap: wrap; 일 때만 사용

 

교차축에 대한 space를 가지고 있다.

 

 

 

align-content: center; 넣기 전  /  align-content: center; 넣은 후

flex-grow
flex item이 기본크기에 비해 더 커질 수 있다.
container에서 할당받을 수 있는 공간을 상대적으로 정의
(https://codepen.io/YoungHeom/pen/PogaRYE) grow 예시

 

flex-shrink 작아지는 것(페이지 크기 조절하는 건 안 커지고 페이지가 작아질 때만). 작아지는 비율을 변경할 수 있다.