본문 바로가기

디자인

메뉴 (Menu) 메뉴란? 디자인 시스템과 디자인 컴포넌트의 정의는 사용자 경험 설계에 관계한 환경과 디자인 철학에 따라 시스템별로 상이한 규칙성을 지니게 됩니다. '메뉴'라는 일반적인 용어조차 시스템별로 다른 용도로 사용이 됩니다. GUI의 대부분의 요소들이 그렇듯, 메뉴 또한 현실의 메타포에 기반합니다. 식당에서 고르는 그 메뉴에서 기반한 것이며, 문화적으로 송나라에서 미리 음식을 만들어 골라서 먹을 수 있게 제공하던 서비스에서 기원하며 어원 상으로는 라틴어 'minutus(작게 만들어진 물건)'에서 파생된 불어 'menu'에서 기원한다고 합니다. '선택할 수 있는 작은 단위' 정도의 의미로 파악하는 것이 적절한 메뉴의 의미가 아닐까 싶습니다. 다소 넓은 범위의 이와 같은 정의는 사용자가 컨트롤할 수 있는 대부분의 항..
뱅킹앱 UI디자인 시범작 시안 (PSD 원본 파일 포함) 2018년 10월 13일에 시범작으로 작업한 사항으로 UI디자인 연습용 작품입니다. 해외 뱅킹앱 디자인 사례를 참고로 하여 디자인한 시범작입니다. 포토샵을 이용해서 작업했습니다. PSD 원본 파일도 함께 참고 차원에서 공유드립니다. 레이어 정리는 안 되어 있으니 참고 바랍니다.
피그마(Figma)가 앞으로 대세 디자인 프로그램이 될 수밖에 없는 이유 최근 UX Design Tool 2019 Survey에 따르면 피그마의 이용률 상승세가 뚜렷하며, 이제는 스케치의 절반에 달하는 점유율을 보이고 있다고 밝힌 바가 있습니다. 피그마 베타 시절부터 피그마를 어반젤리스팅하던 사람으로서 이같은 현상이 당연하게(?) 느껴지기도 하면서도, 한편으로 이같은 확장세는 여기서 멈추지 않고 더욱 그 영향력이 증대될 거라는 확신 아닌 확신을 갖게 되었습니다. 특히 단순히 UI디자인 영역에 국한되는 것이 아닌 '디자인 소프트웨어'로서, 과거 2000년대 초반의 포토샵의 위상만큼이나 대중적인 소프트웨어로 디자이너 뿐 아니라 일반인들에게까지 자리잡을 것이라고 생각합니다. 이번 글에서는 그 이유에 대해서 개인적인 견해 몇 가지를 밝히고자 합니다. 피그마의 미친 확장성 윈도우XP에..
피그마 활용 UI디자인 실습 2018년 모작 피그마
일러스트레이터 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은 ..
우리나라는 왜 Sass를 안 쓸까? (2019) 2019년 대전 GDG 개발자 모임 신년 라이트닝토크에 사용된 발표자료로서 SCSS를 유난히 사용하지 않는 대한민국 개발환경에 대해서 나름의 생각을 정리하여 담은 발표자료입니다. SCSS의 효율에 대해서 이야기함과 함께 차후 어떠한 기술들이 CSS에 적용될 예정인지에 대해서 함께 다루었습니다.
2018 구글 I/O 디자인 세션 내용 정리 및 발표 구글 I/O 2018에서 공개된 디자인 관련 세션들의 주요 내용을 정리한 발표자료로서 GDG 2018 구글 IO 익스텐디드 모임에서 발표자료로 활용되었습니다.
그림으로 알아보는 컴퓨터 아이콘의 역사 *본 포스트는 "Futuramo Blog"의 2015년 05월 10일 게재된 "Visual History of Computer Icons"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 컴퓨터에 사용되는 폴더 아이콘, 스마트폰 상의 삭제 버튼, 혹은 웹 상의 PDF 다운로드를 위한 파일 아이콘 등은 언제부터 사용되기 시작했을까요? 컴퓨터 아이콘들은 일상적으로 사용되지만 35년의 역사를 가지고 있다는 것은 사실 많은 사람들이 알지는 못합니다. 컴퓨터 아이콘의 역사는 매우 유의미합니다. 컴퓨터 아이콘은 먼 어디에선가 만들어졌다고 볼 수도 있으며 혹은 우리 생활 근처에서 발생했다고 볼 수도 있습니다. 뉴스에서 다뤄지지도 않았으며, 저녁 식사의 주..