Tổng hợp tài nguyên thiết kế cho UI Design

Bài viết tổng hợp tất cả các công cụ và tài nguyên phục vụ công việc thiết kế của design như: Typography, Color, Illustration, Icon, Image, UI Kits, Mockup, Prototype , Design pattern

Tips: Bạn nhớ bookmark lại để khi cần nhé

---

Typography

• 100 Days of Fonts: Tổng hợp phân tích các loại typeface

• Discover.typography by H&Co: Tìm hiểu các loại typeface thông qua thiết kế

• Fonts Ninja: Plugin nhận diện typeface trên trình duyệt chrome

• What's Trending in Type · Typewolf: Trendy typeface

• Type Playbook: Cuốn sách thực hành về các loại typeface

• Butterick's Practical Typography:

• Wordmark: Gợi ý chọn font và kết hợp font phù hợp

• Font Squirrel | Free Fonts! Legit Free & Quality : Font miễn phí

• Google Fonts: Font miễn phí

Color

• ColorPalette: Phân tích và tạo ra các mảng màu từ ảnh do người dùng upload

• Free Gradients Collection by itmeo.com: Bộ sưu tầm các gradient cho thiết kế website

• Material Design: Hướng dẫn sử dụng màu từ Google materials design

• Contrast Checker: Kiểm tra độ tương phản của màu theo theo chuẩn Accessibility

• Toptal Color Blind Filter: Filter kiểm tra hiển thị cho người mù màu

Illustration

• Blush: Illustrations for everyone

• unDraw - Open source illustrations for any idea

• Open Doodles - Free sketchy illustrations

• DrawKit - Beautiful vector illustrations

• Stubborn - Free Illustrations Generator

Icon

• Feather - Simply beautiful open source icons

• Orion Icon Library

• Ionicons: The premium icon pack for Ionic Framework

• 4500+ Free Vector Icons - Unicons by Iconscout

• Essentials Icon Pack-The most commonly used icons in one place

Image

• Remove Background from Image - remove.bg

• Beautiful Free Images & Pictures | Unsplash

• TinyFaces 👦🏼👨🏾👩🏻 - Avatars & Random data for your designs

• Stocksy United - Relentlessly Creative Stock Photos and Videos

• Pixalbay

Mockup

• Cleanmock - Mockup your designs simply and beautifully.

• Devices from Facebook Design

• Free and premium tools for graphic designers | Lstore Graphics

• Mr.Mockup™

• Morflax things - The Easiest 3D device mockup builder

• Mokup Frames

Prototype

• ProtoPie | The interactive digital prototyping tool

• Creating Usability with Motion: The UX in Motion Manifesto

UI Kits

• Sketch App Sources - Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch

• Free UI design kits

• Unlimited UI Kits, Icons, Templates, Themes and More - UpLabs

• UI Kits for Figma - Free Figma Templates, UI Kits & Resources

• Freebies - UI8

• Adobe XD UI kits - The best free XD UI kits on XDGuru

Design Pattern

• ReallyGoodUX: Những ví dụ tốt về pattern UX

• Mobbin - The world's largest mobile app design reference library

• Beautiful web app screenshots

---

Mirr Design hiện đang tuyển sinh khóa học “Comprehensive User Interface Design” - CUID. Học tư duy thiết kế, thực hành thiết kế và tăng giá trị của thiết kế trong team.

Ai nên học? Khoá học được thiết kế giúp bạn nắm chắc quy trình và tư duy thiết kế, tạo tiền đề cho những bước tiến tiếp theo trong sự nghiệp UX Design. Nếu bạn đang có một vài năm kinh nghiệm hoặc chuyển từ lĩnh vực khác sang thì đây là khoá học này dành cho bạn.

Xem thêm & Đăng ký tại đây: https://www.mirrdesign.com/cuid