본문 바로가기

디자인

메뉴 (Menu) 메뉴란? 디자인 시스템과 디자인 컴포넌트의 정의는 사용자 경험 설계에 관계한 환경과 디자인 철학에 따라 시스템별로 상이한 규칙성을 지니게 됩니다. '메뉴'라는 일반적인 용어조차 시스템별로 다른 용도로 사용이 됩니다. GUI의 대부분의 요소들이 그렇듯, 메뉴 또한 현실의 메타포에 기반합니다. 식당에서 고르는 그 메뉴에서 기반한 것이며, 문화적으로 송나라에서 미리 음식을 만들어 골라서 먹을 수 있게 제공하던 서비스에서 기원하며 어원 상으로는 라틴어 'minutus(작게 만들어진 물건)'에서 파생된 불어 'menu'에서 기원한다고 합니다. '선택할 수 있는 작은 단위' 정도의 의미로 파악하는 것이 적절한 메뉴의 의미가 아닐까 싶습니다. 다소 넓은 범위의 이와 같은 정의는 사용자가 컨트롤할 수 있는 대부분의 항..
피그마(Figma)가 앞으로 대세 디자인 프로그램이 될 수밖에 없는 이유 최근 UX Design Tool 2019 Survey에 따르면 피그마의 이용률 상승세가 뚜렷하며, 이제는 스케치의 절반에 달하는 점유율을 보이고 있다고 밝힌 바가 있습니다. 피그마 베타 시절부터 피그마를 어반젤리스팅하던 사람으로서 이같은 현상이 당연하게(?) 느껴지기도 하면서도, 한편으로 이같은 확장세는 여기서 멈추지 않고 더욱 그 영향력이 증대될 거라는 확신 아닌 확신을 갖게 되었습니다. 특히 단순히 UI디자인 영역에 국한되는 것이 아닌 '디자인 소프트웨어'로서, 과거 2000년대 초반의 포토샵의 위상만큼이나 대중적인 소프트웨어로 디자이너 뿐 아니라 일반인들에게까지 자리잡을 것이라고 생각합니다. 이번 글에서는 그 이유에 대해서 개인적인 견해 몇 가지를 밝히고자 합니다. 피그마의 미친 확장성 윈도우XP에..
일러스트레이터 compound path & compound shape, path & shape 비교 Compound Shape과 Compound Path Compound Path와 Compound Shape 모두 원래 Shape을 Editable하게 유지하면서 조합을 통한 새로운 조형을 이룰 때 사용. Compound Shape는 Unite, Minus, Interact, Exclude 등 다양한 조합 가능하며 레이어 상으로 하위 개체를 생성함. Compound Path는 Exclude 조합만 가능하며 레이어 상으로 하나의 개체로 처리됨. Compound Path와 Shape 모두 Release하여 조합 이전 조형들을 복원하는 것이 가능하나 Shape이 아닌 Path 형태로 복원됨. Compound Path가 더 일반적인 Vector 그래픽 형태이나 기능성에 제약이 있음. Compound Shape은 ..
그림으로 알아보는 컴퓨터 아이콘의 역사 *본 포스트는 "Futuramo Blog"의 2015년 05월 10일 게재된 "Visual History of Computer Icons"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 컴퓨터에 사용되는 폴더 아이콘, 스마트폰 상의 삭제 버튼, 혹은 웹 상의 PDF 다운로드를 위한 파일 아이콘 등은 언제부터 사용되기 시작했을까요? 컴퓨터 아이콘들은 일상적으로 사용되지만 35년의 역사를 가지고 있다는 것은 사실 많은 사람들이 알지는 못합니다. 컴퓨터 아이콘의 역사는 매우 유의미합니다. 컴퓨터 아이콘은 먼 어디에선가 만들어졌다고 볼 수도 있으며 혹은 우리 생활 근처에서 발생했다고 볼 수도 있습니다. 뉴스에서 다뤄지지도 않았으며, 저녁 식사의 주..
무료 UX 및 쇼핑몰 관련 플랫+라인 아이콘 세트 (83개 아이콘, AI, EPS, PNG, SVG) *본 포스트는 "Smashing Magazine"의 "Freebie: Flat Line UX And E-Commerce Icon Sets (83 Icons, AI, EPS, PNG, SVG)"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.회사 내에서 목표를 설명해야 하는 상황에 얼마나 자주 처하시는 편입니까? 다음 목표에 대한 프레젠테이션을 준비해야 할 수도 있고, 디자이너로서 새로운 디자인 패턴 라이브러리를 제작해야 할 수도 있습니다. 어떤 식의 프로젝트를 진행 중이든 간에 오늘 제공드릴 아이콘 세트는 매우 유용하게 이용될 수 있을 것입니다. Ecommerce Website Design이라는 디자인팀에 의해서 제작된 이 아이콘들은 다양한 포..
모질라 재단의 새로운 로고디자인과 인터넷 공개 투표 이미지 출처 : http://thenextweb.com/ 파이어폭스로 유명한 모질라 재단은 6월 부터 아이덴티티를 다시 정립하는 작업을 시작했으며, 인터넷에 이에 도움을 구하고 있습니다. 모질라는 이미 많은 디자이너들과 관련 커뮤니티들로부터 최종 선정된 디자인 로고 후보들에 대한 피드백을 받아 내기도 했습니다. 이미지 출처 : www.blog.mozilla.org 위에 보시다시피 여러 스타일과 카테고리로 분류가 되어 있습니다. The Good Fight(괜찮았던 싸움), For The Internet of People(인터넷 사람들을 위해), Choose Open(마음대로 선택하세요), With you from the Start(처음부터 당신과 함께), Mavericks & United(메버릭스앤유나이티..
팬톤의 새로운 디자인 어플리케이션 출시 '팬톤 스튜디오' 최근 세계적인 색상 연구 및 관련 상품을 제공하는 팬톤에서 디지털 환경에서 일하는 디자이너들을 위한 색상 관리 및 영감 어플리케이션을 출시했습니다. 팬톤스튜디오라는 이름의 이 어플리케이션의 주요 특징에 대해 간략히 알아 보겠습니다. 이 앱의 주요 기능을 말하자면 색상에 관련한 영감을 받을 수 있게 하고, 업무에 도움이 되는 색상 관련 정보를 제공함과 동시에 모바일, 데스크톱 등 플랫폼에 상관 없이 색상 관리를 가능하게 하며 더불어 소셜에서의 공유도 가능하게 해주는 앱이라고 할 수 있습니다. 약 53년 간의 기간 동안 글로벌 색상 관련 스탠다드라는 제공하는 업체로서의 역할을 해온 팬톤은 이번 새로운 앱을 발표하면서 디지털 시대에서의 색상 관리에 대한 새로운 패러다임을 제공하려 한다는 태도를 보이고 있습니다..
2016년의 웹디자인 & UI디자인 트렌드 7가지 다른 저작물들에 의해 영감을 받고 이를 팀에 공유하는 것은 팀 전체의 작업물을 보다 신선하게 하고, 디자인 수준을 더 높은 단계로 높이는 데에 긍정적인 역할을 한다고 합니다. SQUARE 205라는 디자인 에이전시는 그러한 작업의 일환으로 꾸준히 디자인 트렌드가 무엇인지 찾아보고 이를 정리하는 작업을 진행하고 있습니다. SQUARE 205가 바라보는 2016년의 웹디자인 & UI디자인 트렌드는, 전반적으로 2013~5년에 걸쳐 꾸준히 진행되온 디자인 트렌드가 보다 확장되는 개념이라고 합니다. 예를 들면 반응형 디자인이나, 모바일 기반 디자인은 이제는 표준으로 까지 자리를 잡았다고 할 수 있습니다. 헤더 이미지는 계속해서 크게 자리 잡게 될 것이고, 비디오와 애니메이션 또한 지속적으로 쉽게 이용될 수 있는..
외주/과외 문의