본문 바로가기

디자인 스킬/아이콘 디자인

아이콘디자인 기초 파악하기 본 포스트는 18년 12월 8일 대전디자이너스 주간 디자인스터디에서 공유된 자료를 기반으로 작성되었습니다. 아이콘디자인 개요 아이콘디자인이 무엇인지 생각하는데 앞서 아이콘이 무엇인가에 대한 생각이 우선해야 할 것으로 보입니다. 기본적으로 아이콘은 비언어적 커뮤니케이션을 위한 기호 체계의 형식이라고 볼 수 있습니다. 기호의 역사는 인류의 역사와 궤를 같이 한다고 볼 수 있을 것 같습니다. 쉽게 말해 픽토그램 등의 용어로 통용되는 비언어적 기호를 말한다고 볼 수 있습니다. 최근 들어 유난히 아이콘에 대한 관심도가 높아진 이유는 무엇일까요? 여러가지 요인이 있을 수 있지만, 2007년을 기점으로 시작된 모바일 혁명은, 인간 삶의 디지털화를 가속화하였습니다. 더 많은 디스플레이를 더 많은 용도로 쓰게 되면서 자..
ico 파일 포토샵에서 열기, ico 패키지 파일 만들기, ico 편집 프로그램 소개, ico 비트 수 설정하기 파비콘이나 윈도우 프로그램용 아이콘을 만들 때는 ICO 포맷의 파일 제작이 필요합니다. ICO 포맷의 경우 전용 에디팅 프로그램이 딱히 없는 실정인데요. 이를 포토샵에서 편집하고, 또 ICO파일의 특성인 패키징 파일(하나의 파일에 여러 개의 ICO 파일이 있는 경우)를 위해서는 별도의 프로그램 활용이 필요합니다. 포토샵으로 ICO파일 열기1. ICO FORMAT(포토샵용 ico 파일 플러그인)을 텔레그래픽스 홈페이지에서 다운 받습니다.* 다운로드 URL : http://www.telegraphics.com.au/sw/product/ICOFormat * 32비트, 64비트 및 7 이상용을 잘 구분하여 자신에게 맞는 운영체제의 파일을 다운 받도록 합니다. 2. 포토샵이 설치된 디렉토리의 plug-ins 폴더..
웹디자인을 쉽게 해줄 7가지 폰트아이콘 소개 *본 포스트는 "SITE-POINT'에 게재된 " CHRIS COYIER"가 쓴 "5 Golden Rules For Mobile Email Design"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.*본 포스트는 2012년에 기재된 포스트로서 현 시점에서 내용과 다소 차이가 있을 수 있으나, 현재에도 유용한 정보를 담고 있다고 판단하여 번역하는 내용이니 이에 참고 바랍니다.2012년 초 TNW에서는 폰트아이콘(icon font)의 사용세가 증가함을 보고 드린 바 있습니다. 폰트아이콘에 대해서 아직 잘 모르시는 분들을 위해 설명 드리자면, 과거 딩뱃폰트의 실용적인 형태의 업그레이드 버전이라고 보시면 될 것 같습니다. Pictonic에 설명에 ..
일러스트레이터에서 픽셀 아이콘을 잘 만드는 8가지 방법 소개 *본 포스트는 "Digital Synopsis'에 게재된 "8 Dos and Don’ts Of Creating Pixel Icons In Illustrator"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. UI/UX디자이너 M.A Kather는 어도비 일러스트레이터로 픽셀 아이콘을 제작할 때 주의해야 할 8가지 주의사항에 대해서 글을 작성하였습니다. Kather는 이전에 포토샵과 일러스트레이터를 비교한 아티클을 이전에 공유한 적도 있었습니다. 디자인 초보자에서 프로페셔널 레벨 사용자까지 활용할 수 있는 픽셀 아이콘 디자인 시 참고할 8가지 사항 아래에서 확인해 보시죠1. 심플함 2. 기본 기하학 조형3. 정면 시점4. 정수값5. 픽셀 프리..