PC 그리드 잡는 법
복잡한 사이트를 잘 정리하는 것
w1920
1440 1320 1080
1320 보편적으로 많이 사용(ex.신세계)
보통 12컬럼 많이 사용
w1320
1320/ 110*12
110을 한 컬럼으로 / 좌우-20(20_70_20) / 10 90 10, 15 80 15로 해도 됨 자유
2개
1320의 좌우 -20을 제외한 1280을 사용
1280-40=1240/2=600, 사이값 간격 40을 뺌
3개
1280-80/3=400
4개
1280-120=1160/4=290
5개
1280-160/5=224
딱안떨어짐 앞부분에 맞춰서 진행
6개
1280-200/6=180
딱 떨어지는 수치를 찾는건 굉장히 어렵다
w1440
1440/12=120, 1컬럼(20 80 20) 10 100 10해도 됨
w1080
1080 1컬럼(10 70 10)
1060-20=1040/2=520
1060-40/3=340
'영상리뷰' 카테고리의 다른 글
| 자동차를 이용한 PC컨셉디자인[포토샵] (0) | 2021.04.25 |
|---|---|
| 프로덕트 디자이너 스킬셋 | UI UX 프로덕트 디자인 독학 뭐 부터 배워야하지? (0) | 2021.04.23 |
| 01_UIUX_PC #꿀팁 알려줄 때 배워가세요~[포토샵] (0) | 2021.04.21 |
| 작업 환경 세팅하기 - 일러스트레이터 기초 강좌 (0) | 2021.04.20 |
| 레이어와 에셋 정리하는 법(Feat.Zeplin) (0) | 2021.04.20 |