반응형웹디자인2 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 3 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) 반응형 웹 그리드 (Responsive Web Grid) 3 웹 사이트 레이아웃 그리드 가이드 (Website Layout Grid Guide, Material Design Guide) - 3 머터리얼 디자인 가이드(Material Design Guide) / 8 픽셀 그리드(8 Pixel Grid) 등 레이아웃 그리드(Layout Grid) 레이아웃 구조 (Layout Structure) 머터리얼 디자인 가이드(Material Design Guide) Screen Size Screen Type Columns Body Margin / Gutter 0-599dp Extra-Small (Mobile) 4 Fluid(Scaling) 16.. 2022. 5. 18. [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 2 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) 반응형 웹 그리드 (Responsive Web Grid) 2 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 2 8 픽셀 그리드 (8 pixel grid) ※ 출처 : https://uxdesign.cc/responsive-layout-grid-guide-for-designers-c3ba7d161bdf 레이아웃 정의 (Layout Definition) 이미지 / 텍스트 / 컴포넌트 등을 화면에 배치하는 것을 의미한다. 레이아웃(Layout) 의 원칙(principles) · 균형(Balanced) : 그리드(Grid) 사용하여 시각적 요소를 정렬 .. 2022. 5. 16. 이전 1 다음 반응형