UI디자인 썸네일형 리스트형 디자인 사고(Design Thinking)과 프로토타입(Prototype) 디자인 사고 디자인 사고(Design Thinking)는 빠르게 실패함으로써 빠르게 성공할 수 있는 문제 해결 접근방법이다. 프로토타입은 디자인 사고의 과정에서 프로토타입은 테스트 바로 전 단계에 해당하는 것을 확인할 수 있다. 1. 공감하기(Empathize) 2. 정의하기(Define) 3. 아이디에이션(Ideate) 4. 프로토타입(Prototype) 5. 테스트(Test) 6. 피봇(Pivot) IDEO - Design thinking workshop 2016 Centre for Entrepreneurship (C4E) of the University of Cyprus and Berklee Institute for Creative Entrepreneurship (ICE) present the: W.. 더보기 UI디자인의 원리 - 아이콘(icon) 1. 간결성 간결하고 직관적인 형태로 명료하게 의미를 전달할 수 있어야 한다. 가독성을 최대화할 수 있도록 추상화한다. 복잡한 형태는 피한다. 2. 일관성 일관성 있는 디자인으로 통일감과 안정감을 줄 수 있어야 한다. 크기, 비례감, 스타일(fill or hollow) 등에 있어서 동일한 스타일을 유지한다. 선으로 된 아이콘일 경우, 선의 굵기, 선 끝처리 처리에 유의한다. 가독성을 위해서는 선의 두께를 2dp로 하는 것이 좋다. 선의 두께가 2dp 이하일 경우, 끝처리 반경은 1dp로 한다. System Icons - Icons and Images - iOS - Human Interface Guidelines - Apple Developer System Icons (iOS 12 and Earlier) .. 더보기 피그마(figma) 입문 - 기본 환경 이해하기 피그마(figma)는 전세계 UX, UI 디자이너가 가장 많이 사용하는 UI 디자인 프로토타이핑 툴이다. 가파른 성장곡선을 그리며 2017년에는 5위, 2019년에는 2위, 그리고 2020년에는 1위를 차지하며 스스로 '대세' 툴임을 보여주고 있다. (통계 출처: uxtools.co/) 이렇게 사랑받는 비결로는 다음과 같은 특장점을 들 수 있다. 1. 실시간 협업에 최적화 2. 높은 재사용성 - 스타일, 컴포넌트 활용 - 벡터 이미지 기반으로 디바이스별로 쉽게 리사이즈 가능 3. 무료버전에서도 충분히 기능사용 가능 4. 오프라인 상태에서는 사용이 제한적임 5. 서드파티의 오픈소스 플러그인, 템플릿이 풍부함 인터페이스 피그마의 인터페이스는 입문자도 빠르게 적응할 수 있도록 직관적으로 구성되어 사용자의 효율.. 더보기 이전 1 다음
