UI 디자인 가이드 : 디자이너의 즐겨찾기
* 해외 필자의 글을 기반했기 때문에 국내에 더 좋은 사이트가 있을 수 있겠네요.
* 하지만 대부분 통용되므로 누락없이 기재합니다. 나중에 국내편을 따로 다뤄봐야겠네요. :)
디자이너를 위한 25가지 리소스 공유
(feat. 디자이너가 즐겨찾기에 추가할만한..)
1. Magiceraser : 사진 이미지에서 지우고싶은 부분을 몇 초만에 쉽게 제거
Remove unwanted things from images in seconds
keyword : 이미지 편집, 사진 편집
2. Let's Enhance : 품질 저하 없이 이미지 해상도를 높이는 자동 AI 편집기
Automatic AI editor to increase image resolution without losing quality
keyword : 이미지 해상도 조절, AI 편집기
3. Answer Socrates. : Google에서 사람들이 물어보는 다양한 주제의 질문들을 찾아볼 수 있는 사이트 (무료)
Discover the questions people are asking on Google about almost any topic for free
keyword : 사용성, 트렌트, 관심사
4. The Hive Index : 최고의 온라인 커뮤니티 찾기
Discover the best online communities
keyword : 검색, 커뮤니티
5. Automator : 한 번의 클릭으로 시간을 절약하는 Figma작업을 위한 맞춤형 드래그 앤 드롭 자동화 구축
Build custom drag-and-drop automations that do time-sensitive Figma tasks for you in one click
keyword : 피그마, Figma, 드래그앤드랍, 업무자동화
6. Tri Confetti 일일 목표를 기념하기 위한 습관 추적기
A habit tracker for celebrating daily goals
keyword : 목표, 습관, 캘린더
7. Dark Mode Design : 최고의 다크 모드 웹사이트 및 툴 모음
A collection of the best dark-mode websites and tools
keyword : 레퍼런스, 다크모드, 웹디자인
8. Who Can Use : 다양한 유형의 시각 장애를 가진 사용자가 우리 디자인을 어떻게 보는지 확인할 수 있는 접근성 가이드
An accessibility guide to see how users with varying types of vision impairment see our designs
keyword : 사용성, 접근성체크, UX, 가이드
9. SaaS Landing Page : SaaS 랜딩 페이지 레퍼런스
SaaS landing page examples
keyword : SaaS, 레퍼런스, 사이트디자인, 랜딩페이지
10. Every Pixel : 50개의 주요 스톡 이미지 에이전시에서 검색
Search across 50 leading stock image agencies
keyword : 스톡이미지, 이미지 서칭, 검색
11. Shortcuts : 검색가능하도록 모아둔 디자이너를 위한 모든 단축키
Every shortcut for designers, centralized and searchable.
keyword : shortcut, 생산성, 단축키
12. Font in the wild : 다양한 타이포 조합 예제 모음(영문)
Browse font combinations in the wild
keyword : 디자인레퍼런스, 폰트, 타이포, 그래픽디자인
13. Design Vault : 실제 제품의 UI 패턴 및 디자인 영감모음 (해외)
UI patterns & design inspiration from real products
keyword : 디자인레퍼런스, UI디자인, 디자인패턴, 디자인리서치
UI interaction patterns screenshots from the worlds best digital products.
designvault.io
14. Type Scale : 몇 초 만에 폰트 가이드라인 만들기
Create typescale guidelines in seconds
keyword : 업무자동화, 디자인, 브랜딩, 폰트, 타이포, 가이드라인
15. UI8 : 디자이너를 위한 마켓플레이스 (디자인 리소스, UI 키트, 와이어프레임, 아이콘 등)
Buy and Sell UI Design Resources, UI Kits, Wireframes, Icons and More
keyword : UI디자인, 리소스, 디자인 키트, 아이콘 레퍼런스
16. UXUI Monster : 웹 프로젝트를 위한 디자인 영감 모음
Handpicked design inspiration for your web project.
keyword : 인스피레이션, 영감, 디자인 레퍼런스, UI
17. Design System Repo : 자주 업데이트 되는 디자인시스템 예제, 아티클, 도구 및 대화 모음
A frequently updated collection of Design System examples, articles, tools and talks.
keyword : 디자인시스템, 디자인가이드,
18. Gradienta : 멀티컬러 그라디언트 모음 — CSS 코드, JPG 다운로드, 오픈 소스
Multicolor Gradients — Pure CSS Code, JPG Download, Open Source
keyword : 디자인리소스, 레퍼런스, 컬러, 그라이언트
19. User Stock : UI 목업, 프로토타입 등에서 아바타로 사용가능한 프로필 사진 (무료)
Free photos of people’s faces to use as avatars in UI mockups, prototypes and more.
keyword : 랜덤사진, 프로토타입, 아바타, 사진
20. Drawer : 고품질 로티 애니메이션 마켓 (구매 및 판매)
Buy and Sell high-quality Lottie animations
keyword : 디자인 리소스, 로티 애니메이션, 디자인마켓
21. Snap Camera : Snapchat 렌즈 효과를 PC 및 Mac에서 라이브 스트림 및 비디오 채팅에 적용
Bring the magic of Snapchat Lenses to your live streams and video chats on PC & Mac
keyword : 비디오 효과, 필터, 스냅챗렌즈
22. Design system for Figma : Figma를 위한 전세계 디자인 시스템 컬렉션
A collection of Design Systems for Figma from all over the globe
keyword : 디자인시스템, 디자인 레퍼런스
23. 넥스트 잡을 찾는 데 주도권을 잡으세요. 채용 담당자, 중개인 또는 부적합한 역할 선별 없음(Global)
Take control of finding your next job. No recruiters, middlemen, or sifting through unsuitable roles
24. Un tools : 문제 해결, 의사 결정 및 시스템 이해에 도움이 되는 사고 도구 및 프레임워크 모음
Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems
keyword : 의사 결정 도구, 문제해결, 비즈니스 시스템
25. 세계 최대의 모바일 유저 플로우 라이브러리
The world’s largest library of mobile user flows
keyword : UX, 사용성, 모바일
&
Want 29 more resources? Read this →
* 원본 자료의 글을 번역 및 가공한 글입니다. 일부 표현은 수정된 내용이 있을 수 있습니다.
