Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 포인트
- 패캠챌린지
- 뉴북
- 아이폰
- .DS_Store
- 머티리얼 디자인
- Xcodebuild
- viewDidLoad
- 픽셀
- 플랫디자인
- commit messages
- commit
- 패스트캠퍼스후기
- 직장인자기계발
- git
- commit message
- 디자인 트렌드
- git workflow
- 패스트캠퍼스
- ios
- 직장인인강
- viewDidAppear
- 마크다운
- iOS앱개발올인원패키지Online.
- 스큐어모피즘
- 입력 개수 제한
- 8 그리드 시스템
- 뉴모피즘
- SWIFT
- Git Tutorial
Archives
- Today
- Total
목록8 그리드 시스템 (1)
왕논의 연구실
[디자인] 8그리드 시스템
개발자로서 디자인을 하는 것은 맨땅에 헤딩하는 느낌이 듭니다. 디자인을 시작하는데 있어서 하얀 빈 화면을 보고 있자면, 어디서부터 시작해야하는지 혼란스럽기만 합니다. 어떻게 시작해야할지, 어떻게 그려나가야할지 애매한데 있어서 기준으로 사용할 수 있는 것 중 8 그리드 시스템이 있습니다. 기본 사용법 기본적인 사용법은 높이, 너비, 여백, 마진 등 수치를 8의 배수로 정하는 것입니다. 8인 이유 일단 여러가지 화면에서 픽셀을 맞출 수 있기 때문입니다. 5의 배수는 3/4, 1.5배 하면 깨집니다. 그러나 8은 깨끗하게 만들어집니다. 아이폰 기기들의 사이즈를 보시면 알겠지만 8의 배수나 8로 조합할 수 있는 수가 많습니다. 장점 일관성과 안정감 같은 수치를 적용하여 만들어진 UI는 일관적이고 안정적인 느낌을..
디자인
2022. 4. 16. 15:23