[UI]iOS7 키패드 리디자인

▲iOS7키패드 리디자인

(rollstory.tistory.com)

iOS7의 키패드 디자인을 다시 작업해 보았습니다. 기존에 공개되었던 iOS7 베타버전의 키패드 GUI/UI구성이 여러모로 말이 많았습니다. 저의 개인적인 생각과 다른 글들을 참조하여 최대한 저의 느낌대로 한번 리디자인 해보았습니다.

왼쪽 첫번째부터 iOS6의 키패드 이미지, 이번에 공개된 iOS7 Beta, 그리고 3번째사진이 제가 다시 구성해본 iOS7 Re-design 버전입니다. iOS6의 키패드가 습관이 되어서 그런지 솔직히 처음 iOS7의 키패드 디자인을 봤을땐 뭔가 모르게 조금 이질감이 들었습니다. 물론, 애플이 요번에 새로이 UI를 전면 개편함으로써 플랫디자인을 추구하는 경향을 띄었으나, 역시 베타버전은 뭔가 모르게 너무 심하게 플랫한 느낌이였습니다.

▲iOS7 Re-design 소개도

상단부터 얘기하자면, 일단 기본 시계표시 및 수신도 표시는 기본 베타 버전과 동일하게 적용했습니다. 특히나 안테나감도를 표시하는 부분이 개인적으로 마음에 들더군요..   번호창 숫자는 기존 iOS6에서 -(하이픈)표시가 나타난 반면에 그냥 심플하게 숫자만 표시되게 빼버렸습니다.    그 아래엔 기존과 동일한 저장된 번호라면 표시되는 이름입니다.   숫자아이콘은 누르기전과 눌렀을때의 효과를 아웃글로우로 조금더 밝게 구분을 지었으며,   역시나 전체적으로 눌러진 아이콘은 밝은 느낌의 톤으로 컨셉을 정했습니다.   특히나 요번에 iOS7베타 버전에서 가장 마음에 들었던 배경 블러(뿌연효과)처리를 저도 같이 키패드 기본 배경을 원래 배경의 블러 처리한 효과로 하였습니다.

▲아이폰에 적용한 모습

네... 이렇게 아이폰에 한번 적용 해보았습니다. 물론 이번 컨셉도 역시 흠을 잡자면 끝도 없이 잡히겠지만 조금더 최대한 감성을 살리고 요번 iOS7에서 추구하던 블러와 플랫디자인을 최대한 한번 접목 시켜 보았습니다. :-)

감사합니다.

■ 2013/08/21 - [GUI/UI/UX/8月 - August] - [UI]iOS7 키패드 리디자인 ver2.0

■ 2013/10/08 - [GUI/UI/UX/10月 - October] - [UI]iOS7 키패드 리디자인 Ver2.0 iPhone4/4S