오늘은 잘 된 디자인, Good Design의 대표! 좋은 디자인의 대표적인 사례인 '에어비앤비(airbnb)'의 앱 디자인을 공부해볼 겁니다. 에어비앤비는 창업자 두 명이 디자이너들인만큼, 디자인이 아주 잘 된 기업으로 유명합니다. 본 포스팅은 패스트캠퍼스 강의를 듣고 작성하는 포스팅입니다. 저는 현재 강사님께서 예제로 에어비앤비와 밀리의서재를 가져와서 분석해주시는 4-1, 4-2 회차를 듣고 있습니다. 4-1 에서는 잘 된 디자인을 분석하며 에어비앤비 앱 구조를, 4-2 에서는 개선이 필요한 디자인을 분석하며 밀리의서재 앱 구조를 분석합니다. 그리고 4-3 부터는 유튜브와 클럽하우스 앱을 심도 있게 분석하고 카피해보는 시간을 가집니다. 오늘은 4-1 강의를 수강하고 작성하는 공부기록입니다. (참고로 ..

안녕하세요. 오늘은 피그마의 기능을 궁금해하실 분들을 위해, 피그마가 갖고 있는 기능들에 대해 알아보겠습니다. 피그마란? 피그마는 디자이너가 링크를 통해 이해관계자들에게 공유할 수 있어 아주 편한 툴입니다. 프로그램을 다운받을 필요 없이 웹에서 바로 사용할 수 있는 거죠. 서로 피드백을 쉽게 할 수 있도록 바로바로 코멘트도 달 수 있고, 직관적으로 공유할 수 있습니다. 피그마도 다른 ui ux 툴들과 마찬가지로 피그마도 벡터+비트맵 기반이에요. 벡터 기반인데 빠른 비트맵 요소 렌더링이 가능합니다. 벡터 기반이라 확대 축소해도 픽셀이 보이는 '깨지는' 현상이 생기지 않고, 독특한 path(패스) 컨트롤이 가능하다는 게 장점입니다. 그리고 굉장히 다양한 플러그인도 볼 수 있습니다. 라이브러리 기능도 있어서 ..

디자인 시스템이란? 디자인 시스템이란, 디지털 프로덕트의 디자인 및 앱이나 웹사이트와 같은 제품의 개발을 돕기 위해 일관된 디자인 원칙과 이를 이용한 패턴, 공유 방식의 집합이다. 디자인 시스템은 시각적 요소, 비시각적 요소를 모두 포괄하는 가이드입니다.그 안에 스타일 가이드, 패턴 라이브러리가 있는데요 스타일 가이드(Style Guide)는 시각적인 내용 중심의 가이드이고 패턴 라이브러리(Pattern Library)는 시각적인 것 외에도 자주 사용되는 디자인 요소들을 모두 포함한 집합체이자 저장소입니다. 디자인 시스템은 디자인의 일관성을 유지하는 데 도움이 되고- 재활용 가능한 컴퍼넌트(component) 사용을 통해 작업 시간을 단축시킬 수 있으며- 이해관계자인 다른 직무의 사람들이나 팀들과 함께 ..