App 아이콘의 기능과 효과는?
Icon 이란? 모든 사람이 쉽게 이해할수 있는 그림으로 표현하며 그 안에는 심볼이 담겨져
있어 한번에 어떤것을 의미하는지 알게 하는 역할을 하게 됩니다.
일상에서의 아이콘(그림기호)은 일종의 픽토그램 -(Pictogram) Picto와 텔레그램 (Telegram)의 합성어-으로 사물이나 시설, 행동 등을 다수에게 쉽고 빠르게 이해할수 있도록 나타낸 시각 디자인입니다. 예를 들면 공공시설에서 많이 볼수 있는 신호등이나 비상구, 엘리베이터 등으로 그 그림이 어떤것을 말하는지 한눈에 알수 있도록 합니다.
컴퓨터에서 아이콘은 마우스에 의해 폴더와 응용프로그램, 파일을 보여주는 역할을 합니다. 컴퓨터를 좀 더 쉽게 사용할수 있게 하기위해 1970년대에 개발되었다고 합니다.
이쁘거나 멋지고 쿨한, 취향에 맞는 아이콘을 사용하기 위해 아이콘 사이트들을 뒤지고, 폴더
와 시스템, 파일 아이콘을 바꿔 데스크탑을 꾸미는 것이 컴퓨터 사용시 기분전환과 함께 개성
을 표현하기도 합니다. 같은 회사제품의 같은 컴퓨터인데 남의 데스크탑이 더 멋져 보이는것
은 한개의 멋진 아이콘이 자리하고 있기 때문일 경우도 있습니다.
여기서 기능이란 앱을 여는 역할만을 말하지는 않습니다.
기능이란 글자가 없이도 기호와 심볼이 명확하게 표현되어, 응용프로그램이 어떤 기능을 가
졌는지 사용자에게 시각적인 전달을 하는 것입니다.
아이폰과 RSS를 그렸다면 어떤 기능을 가진 앱일까요? 아이폰에서 RSS로 블로그나 커뮤니
티의 글과 뉴스 등을 읽는 기능을 가진 앱일것입니다. 첫번째 아이콘은 MobileRSS Pro입니
다. 헐리웃의 Hollywood Walk of Fame에는 수많은 스타들이 남긴 별이 있고 중앙 하단에는 배우인지 가수인지 알수 있는 심볼이 하나 더 들어가 있습니다. iMovie는 헐리웃의 별 이미지와 흡사하게 만들어 자신을 나타냅니다.
iBooks는 책장의 의미하는 나무결과 펼쳐진 책 한권으로 간단 명료하게 책을 읽을수 있는
곳 이란것을 알립니다.
지 짐작할수 있습니다. AppShopper은 웹사이트로 알려져 있던 곳이라 첫글자인 A만을
잘 표현되었고, 심플하기도 합니다. 복잡한 앱 아이콘 옆에 있을 경우 심플한 디자인이 눈에
더 잘 들어옵니다.
으로 표현했고, 사과와 다이어트, 줄자를 이용해 칼로리 계산 앱(Calorie Counter PRO)
이란 제목과 잘 어울립니다. ifinance mobile은 보기만 해도 가계부 프로그램인듯 합니다.
악기 앱인 iOrgel Pro 입니다. 라디오 알람과 아이오르겔은 안틱풍의 분위기를 풍기는데
두가지 모두 앱에 적합한 이이콘을 사용하고 있지만, 선명도는 iOrgel Pro가 훨씬 나아 보
입니다. 두가지가 함께 있으면 iOrgel Pro가 더 잘 보일 겁니다.
모습을 달리합니다. RPG 장르는 주인공의 모습이 강하고 거칠며 멋진 모습을 하고 있는 경우
가 많고, 퍼즐과 보드 게임은 중요 아이템을 이용해 게임 방식을 표현하기도 합니다.
중요한것은 어떤 게임인지 알수 있다는 것입니다.
Enigmo는 게임의 중요 아이템이 물방울과 반사경인데 그것을 표현했습니다. 이 아이콘은
무엇을 하는 게임인지는 알수 없고, 취향에 따라 다르겠지만 호기심을 불러 일으키고 있습
니다.
Phototreats는 인화 장면이 아이콘 입니다. 사진을 찍어 테마에 따라 효과를 적용시키는
것이 주기능이기 때문에 인화 장면은 효과적으로 보입니다. Camera N1은 보통의 카메라
앱에 다양한 기능을 더한 있는 앱이지만 아이콘으로는 그 특징을 찾기가 약간 애매해 보입
니다. Instagram은 사진에 주로 로모나 토이카메라 같은 효과를 주고, 트위터, 플릭커, 페이스북, 포스퀘어에 공유기능이 있으며, 사진 커뮤티니티의 기능도 가지고 있습니다. 주로 사용하는 카메라 이미지를 이용해서 사진효과의 특징은 나타난듯 합니다.
석해 들려주는 앱으로 명화에서 눈을 사용하고 있는데 아주 적절해 보입니다.
보티첼리의 The Birth of Venus(Galleria degli Uffizi, Florence)에서 비너스의 얼굴을 사용한 Skrambler는 뭘까요?
마치며
아이콘은 앱의 기능과 제목을 표현하는 그림기호입니다. 사용자들은 수많은 앱중에서 튀는
아이콘에 눈이 가는 경우도 많습니다. 아이콘이 앱을 잘 표현한 앱들의 경우 기능도 잘 다듬
어져 있을 확률이, 그렇지 않은 앱에 비해 조금 더 높을것입니다.
통계는 없지만 지금까지 앱을 사용해 보면서 많이 다듬고, 만지고, 또 노력이 많이 들어간 앱들은 아이콘도 매우 정성을 들이고, 명확한 의미를 전달하기 위해 신경을 썼기 때문일것입니다.
엉망으로 만들어진 아이콘은 잘 만들어진 앱에 비해 클릭하고 싶지 않을 때도 있습니다.
아이콘만 멋지고 기능이 부실한 앱도 물론 있습니다. 앱을 선택해서 사용해본 경우에 한해서
는 기능이 좋고 잘 만들어진 대부분의 프로그램들은 아이콘으로 앱을 잘 표현하고 있었습니다.
아이콘은 그림으로 앱의 중요한 부분을 표현합니다. 기능과 분야, 제목을 시각적으로 표현
하기때문에 소홀하게 다뤄지면 안될 요소이며, 사용자들에게는 포장지로 보여주려 하지말고
앱의 중요한 요소가 제대로 표현되길 바랍니다.
관련리뷰
구글리더와 동기화 사용-모바일RSS-MobileRSS-아이팟터치 아이폰 앱
아이폰 추천 제스처를 이용한 동영상편집 아이무비 iMovie
아이폰 아이팟터치 아이패드를 위한 듣고 보는 책: 아이북스 iBooks
아이폰 아이패드 무료앱을 알아볼수 있는 앱쇼퍼 AppShopper 외
그래픽디자인과 기능의 조화 -단위변환기 Convertbot-아이팟터치 아이폰 App
아이폰 파일매니저 - 파일 생성과 보관 FileApp Pro
추천 아이폰 앱 알람과 취침타이머, 라디오가 결합한 라디오알람 리뷰
아이팟터치에서 라디오 방송 듣기-imeem과 Boombox
아름다운 그래픽의 명상을 위한 퍼즐 Zen Bound 2 Universal
아이폰 사진, 스치기만으로 필터를 적용하는 Phototreats
저는 2Do 와 같은 아이콘이 참 맘에 들더라구요 ㅎ
심플하면서도 정말 이 어플이 무엇인지 보여줄 수 있고
또한 촌스럽지 않은 디자인도요 ^^
디자인만 갖고 모든 것을 판단할 수는 없겠지만
디자인 또한 정말 중요한 요소중의 하나라고 생각합니다 ㅎ
이쁘게 잘 만들었어요. 아이콘이 먼저 보이지만 물론 그게 다는 아니지요. 하지만 기능 좋은 앱과 잘 어울리는 아이콘은 완성도에 점 하나 더 찍는거 아닐까요. 완료했다고 :)
Skrambler는 명화퍼즐이였군요!
앱을 잘 설명하는 아이콘도 좋지만 색상이나 모양자체가 강렬하고 예쁘면 아무래도 조금 더 좋은 자리를 내주게 되더군요ㅎㅎ 앱의 완성은 아이콘에서 마무리 된다고해도 과언이 아닐것 같습니다. 게다가 요즘 아이폰4 출시에 맞춰 발빠르게 아이콘의 해상도 업데이트를 하는 앱들은 왠지 정이 더 갑니다. ^^
아이콘들이 아이폰4 레디나 디스플레이용으로 업데이트 되더군요. 강렬한 아이콘은 진짜 잘 보여요. +1점..ㅋㅋ
아이폰 어플 아이콘을 보면 상당히 기발한것이나 예쁜것들이 많더라구요,. 이렇게 정리를 해서 보니 더욱 그렇다는것을 알 수 있었어요... 저는 개인적으로 adobe ideas 라는 어플의 아이콘을 상당히 좋아합니다.. 물론 어플자체도 상당히 마음에 들구요..^^
adobe ideas는 포토샵에 이어 정말 쓸만하지요?
ideas 같은 경우는 벡터기반이라서 더욱 매력있는 것 같습니다. 사용하는 용도에 따라 다르겠지만 저같은 경우는 디자인자료로 이용하기 위해 다양하게 그림도 그려보고 사진도 불러와 간단히 수정하고 있습니다 ^^;;
사진 편집은 포토샵이 훨씬 뛰어난것이 사실이지만 ideas 같은 경우 그림을 그리는데 있어 색감이나 필기감(?)이 뛰어나서 매력적입니다.
좋은 포스트 잘 보았습니다.
항상 앱들에 대한 좋은 소개 글들에 많은 도움을 얻고 있는데,
아이콘에 대한 이런 포스트는 국내 블로그에선 처음 보는 듯 하네요.
디자이너 입장에서 왠지 반가웠습니다.
추운 날씨에 감기 조심하세요. ^^
그래픽디자이너들이 아이콘만들때 매우 고심하겠지요? 그래픽디자인이 좋으면 앱의 기능도 좋은것이 많고, 기능에 딱맞게 움직이며, 또 그것이 새로운 것일땐 감탄이 나옵니다. 그래픽이 중요한데 개인 개발자가 디자이너가 없어서 그부분이 안되는걸 보면 안타깝기도 하구요. :)