디자인을 할 때 필수적으로 하는 부분이 바로 레퍼런스를 참고하여 분석한 후 목표에 맞게
트렌드 및 스타일을 적용하는 것인데요. 디자인 분야 중에서도 UX / UI 디자인 시에 참고할 수 있는 사이트에 대해서 알아보도록 하겠습니다.
어도비 XD 디자인 무료 리소스 사이트
(Adobe XD Free Design Resource Site)
https://www.adobe.com/kr/products/xd/resources.html
- UX / UI 디자인 할 때 많이 사용되는 어도비 XD 프로그램 사용할 경우에 도움이 되는 플러그인, UI 키트 및 아이콘 자료를 무료로 다운로드 할 수 있는 사이트 입니다.
- 일일이 제작 하는데 시간이 많이 소요되는 키트와 아이콘의 소스를 무료로 다운 받아 시간을 효율적으로 관리할 수 있습니다.
어도비 XD 디자인 튜토리얼 사이트
(Adobe XD Design Tutorial Site)
https://helpx.adobe.com/kr/xd/tutorials.html
Adobe XD 튜토리얼 | Adobe XD 사용법 학습
영감을 얻을 수 있는 튜토리얼을 통해 기본 사항을 학습하거나 역량을 강화하세요. 정렬 기준: 처음 사용자 숙련된 사용자 XD 시작하기 교육 과정 프로젝트 설정 교육 과정 이미지를 사용한 작업
helpx.adobe.com
- 아직 XD에 익숙하지 않은 분들은 어도비에서 제공하는 XD 디자인 튜토리얼 사이트에서
- 기초 부터 사용자 경험 디자인, 프로토타이핑 및 공유하는 법을 배우실 수 있습니다.
페이스북 디자인 사이트
(Facebook Design Site)
https://www.facebook.design/toolsandresources/
Facebook Design — Tools and Resources
A collection of tools and resources from Facebook Design.
facebook.design
- SNS에서 가장 유명한 페이스북에도 디자인 관련 사이트가 있습니다.
- 다양한 디자인 관련 블로그와 UX / UI 디자인 할 경우 필요한 도구들과 리소스를 제공해줍니다.
- 목업 자료 및 GUI 디자인 자료를 얻을 수 있습니다. 그 외에도 다양한 사용자 중심의 디자인에 대한
- 정보를 함께 제공하고 있어서 유용합니다.
Material Design
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
- UX / UI에 필요한 모든 정보들과 상세한 설명까지 아주 잘 나와있는 사이트입니다.
- 각 메뉴의 구성들과 기계에 따른 디자인 및 리소스도 함께 볼 수 있습니다.
- 또한 여러 디자인 가이드(컬러, 모션, 타이포그래피 등)도 참고하실 수 있는 아주 유용한 사이트입니다.
Pttrn
https://pttrns.com/ios-patterns
pttrns
pttrns, 뉴욕. 좋아하는 사람 5,377명 · 이야기하고 있는 사람들 2명. Finest collection of design patterns, resources and inspiration.
www.facebook.com
- IOS 및 Android의 플랫폼 디자인을 참고 하실 수 있습니다.
- 각 UX / UI의 항목에 따른 디자인을 참고 하실 수 있어서 컴포넌트 별로 구성요소 및 디자인 가이드라인을 잡는데에 유용하게 참고하실 수 있는 사이트입니다.
Inspired UI
Inspired UI - Mobile Apps Design Patterns
A showcase of the best examples of beautifully designed mobile apps - iPhone, iPad, Android, UI Patterns
inspired-ui.com
- 각 모바일 앱들에 나타나는 디자인 패턴을 한 눈에 모아 비교 분석하기에 좋은 사이트입니다.
- 아이폰, 아이패드, 안드로이드에 따른 디자인 패턴을 카테고리 별로 확인하실 수 있습니다.
Mobile patterns
https://blog.mobile-patterns.com
Mobile Patterns
Inspirational UI UX Patterns That Work.
blog.mobile-patterns.com
- 각 UX / UI 관련 정보들과 지식을 모아 놓은 블로그와 디자인 영감을 얻을 수 있는 정보 및 디자인 패턴을 알 수 있도록 정리해 놓은 사이트입니다.
UI Patterns
UI-Patterns.com
Create an account to upload screenshots of great design. We believe that the activity of keeping and collecting screenshots of great design makes you a great designer yourself. A good way to start a design process is to get inspired by what others have don
ui-patterns.com
- UI Design 패턴을 분석하며, 문제점을 찾아서 해결책을 근거를 통해 제시해주는 사이트입니다.
- 백프로 맞다고 장담 할 수는 없지만, 참고하시는 용도로 사용하시면 좋을 것 같습니다.
Mobbin
Mobbin - Latest Mobile Design Patterns
Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.
mobbin.design
- 각 앱에 대해서 화면 구성을 확인 하실 수 있어서 매우 유용합니다.
- 자신이 원하는 분야의 카테고리를 선택해서 일일이 설치 하지 않아도 관련 앱의 전체적인 디자인을 살펴볼 수 있어서 매우 유용합니다.
- 또한 각 구성요소의 디자인 반복되는 패턴도 확인하여 분석하실 수 있습니다.
UX / UI 디자인 할 경우, 도움이 될 만한 유용한 사이트들에 대해서 알아보았습니다.
각자의 목적에 맞는 사이트를 잘 참고하셔서 더욱더 풍부한 디자인을 하실 수 있으면 좋겠습니다.
'디자인 참고자료' 카테고리의 다른 글
| UX 디자인 방법론 페르소나(Persona) & 저니맵(Journey Map) (0) | 2020.07.11 |
|---|---|
| 무료 목업 사이트 모음(Free Mock Up Site) (1) | 2020.06.26 |
| 기업 및 앱(App) 데이터(Data) 분석 참고 사이트 (0) | 2020.05.03 |
| XD Download (0) | 2020.04.25 |
| 인스톨레이션(Installation)이란? (0) | 2020.04.02 |
