brunch

You can make anything
by writing

C.S.Lewis

by 도토리 Nov 23. 2022

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디자인, 디자인패턴, 디자인리서치




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 examplesarticlestools 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 →







* 원본 자료의 글을 번역 및 가공한 글입니다. 일부 표현은 수정된 내용이 있을 수 있습니다.




매거진의 이전글 무료 라이센스/오픈 소스 폰트 2
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari