본문 바로가기

분류 전체보기21

레이아웃 연습02 :: 네이버 큰면 중간면 작은면 2021. 4. 7.
웹 디자인 공부방법 출처 youtu.be/xCNRKKvks1g 1. 레이아웃 모니터 와이드값 해상도 2. 폰트 (모바일/피씨 : 자간,행간,사이즈) - 유명 포털사이트(네이버) 참고하기 개발자도구로 폰트사이즈확인 - 모바일 >캡쳐해서 똑같이 따라해보기 3. 운율감 - 시선의 편안함, 집중도 - 컬러 조화, 레이아웃 리듬 - 모바일 : 한 스크롤에 크게크게, 깔끔/심플, 아이콘 크기/간격 2021. 4. 7.
레이아웃 연습01 :: 목우촌몰 2021. 4. 7.
레이아웃 UI 디자인 연습방법 출처 m.blog.naver.com/salvia0623/221441418741 레이아웃 UI 디자인 연습방법 ​요즘 이전 디자인 작업물을 정리하다가 옛날에 디자인 공부 했던 흔적을 발견했어요! UI 디자인 공부하... blog.naver.com 디자인을 잘한 UI일 수록일정한 그리드 폼과 규칙적인 컴포넌트가 존재하며 철처하게 지킨다. 큰면 -> 중간면 -> 작은면 순으로 그리드 박스를 그려보며 규칙성을 이해하는 연습이 필요하다. 그리드를 다 표시했다면 글자 간 간격, 사진 여백, 컴포넌트 크기에 주목해야 한다. 그리드 박스만 놓고 보면 훨씬 더 잘보인다. 가장 옅은 파란색이 가장 큰 면으로 나뉜 레이어다. 색이 진해질 수록 중간면, 작은면으로 면이 쪼개진 레이아웃이 만들어진다. 색이 진한 그리드 박스는 .. 2021. 4. 6.