경험이 없을 초창기에는 모바일 어플리케이션을 디자인 하면서 난항을 겪는 부분이 있기 마련입니다.
그 중 한가지가 바로 '버튼의 크기'인데요. :)
iOS에서 기본으로 제공하는 버튼을 사용하는 경우는 예외지만, 대체로 디자인을 하다보면 새로 버튼을 디자인 하기 마련입니다.
하지만, 막상 예상치 못하게 크기가 너무 크거나 작은 경우가 있지요.
과연 사용자가 편리하게 사용할 수 있는 버튼의 크기는 어떻게 고려해야 할까요?
몇 가지 어플리케이션으로 살펴봅시다 (!)
* 버튼의 크기는 모두 직접 측정하였으며, Shadow나 기타 Stroke에 외부 요인을 일부 배제하고 실질적인 버튼 영역만 계산하고자 하였습니다.
실질적인 개발과정을 고려해 치수를 대부분 짝수로 맞추고자 하였습니다. (!)
+ dpi 72의 640x960 기준입니다.
- 아이폰 어플리케이션 디자인을 하시는 분 들은 실제로 비교해 보시면서 감을 잡으시면 될 것 같네요. :)
'다음' 어플리케이션입니다. 실제 기기로 보시면 텍스트로 이루어진 버튼들은 작은 편 입니다.
그린 몬스터의 Flava 앱입니다. Flava는 대체로 아기자기 하기 보다는 큼직큼직한 버튼들이 눈에 확 들어옵니다. :)
개인적으로 SNS 앱 중 디자인이 가장 예쁘다고 생각하는 Path 입니다. 아기자기함이 바로 매력이라고 생각하는데요.
기기에서는 마냥 아기자기 해보였는데 , 예상외로 수치상으로는 작지 않은 편이네요. 최소한 이 정도 선은 고려하여 디자인 해야하지 않을까 합니다.
'IT > Tip' 카테고리의 다른 글
창의적인 발상을 키워주는 재미있는 광고 디자인 모음 (0) | 2018.04.27 |
---|---|
플래시를 손쉽게 HTML5로 변환해 봅시다. (0) | 2018.04.27 |
사용자의 편리성을 고려한 모바일 어플리케이션 디자인 - '서체' 편 (0) | 2018.04.20 |
스큐모픽 디자인을 플랫 디자인으로 바꾸는 방법 (0) | 2018.04.20 |
시각적인 차이를 만드는 디자인 방법 8가지 (0) | 2018.04.17 |
[CSS] CSS와 황금비율, CSS로 표현하는 한계는? (0) | 2018.04.16 |
[Web Design] 헤드와 푸터를 조합시킨 창의적인 웹디자인 20가지 사례 모음 (0) | 2018.04.15 |
특수 문자 찾을 때 팁 (0) | 2018.04.13 |