Awesome Design
Awesome Design focuses on collecting high quality resources and tools which can be used by UI/UX designers in daily work. Thanks to the community, the repo keeps being updated continuously from people around the world who provide amazing resources. Don't hesitate to open an issue or create pull request to share your intelligence.
What should I do with those resources?
People, including developers, designers, scientists and others, create awesome things every single day. To be honest, we who are not supermen, can't know all best things from the world. So, for saving your time, I suggest you to pick those you like, take benefits from them, and finally put it into your kit. π
Symbols
- π Powerful, Popular
- π Efficiency
- π° Pricing
- π» macOS only
Contents
- Soul of Design
- Design Leader
- Resources
- High Quality Photos
- Color
- Font
- Icon/Logo
- Tool
- Prototype
- [User Testing] (#user-testing-busts_in_silhouette)
- Mockup
- Style Guide/Branding
- Tutorial
- Book
- Award
- Conference/Festival
- Podcast
- Social Network
Todo
- Description
- Design Leaders
- Comment resources, tools by symbols
Soul of Design βοΈ
- Design Milk - An online magazine dedicated to modern design, offers whatβs new in art, architecture, interior design, furniture and decor, fashion and technology.
- frog - A global design and strategy firm.
- Danish Design Centre
- Google Design
- Google Art & Culture
- Airbnb
- Fast.Co Design
- Smashing Magazine
- Design Taxi
- Yanko Design
- Swiss Miss
- UX Magazine
- UXBooth
- IDEO
- Design Shack
- Booooooom
- designmodo
- webdesignerdepot
- UX Movement
- Speckyboy
- HUGE
- Sitepoint
- UIE
- Attack the Front
- codrops
- The Greate Discontent
- Underconsideration
- Little Big Details
- WAYS WE WORK
- designenvy
- Creative Review
- CREATIVE OVERFLOW
- FORM UP NORTH
- Facebook Design on Medium
- Hacking UI
- THE INDUSTRY
- Hey Design
- PixelSquid
- LOGO DESIGN LOVE - A website and book devoted to the design of logos and brand identities.
- DesignM.ag
- Hey Designer
- Great Apps Timeline
Design Leader π
Creative Matrix, built by Tony Chan, is a curated list of designers who always share their articles, designs and works.
Resources π¦
- Designer News - A large, global community of people working in design and technology or those interested in the topics.
- Sidebar
- Webfieldmanual π
- WEBDESIGNER NEWS
- UX for VR
- Reeoo
- CREATIVE BLOQ π
- Lorem Ipsum
- Pond5
- Dexigner
- Nicce
- Twibfy
- Designspiration
- Freebiesbug
- Creative Market
- FFFFOUND
- Muuuuu
- CSS Winner
- Muzli
- The Best Designs
- Grainedit
- Flat Inspire
- Video Monkey
- Site Inspire
- Media Queries
- One Page Love
- CodePen
- Responsive Patterns
- Admire the Web
- Pttrns
- CRAFTED BY LOVE
- Nice Portfolio
- HTTPSTER
- Empty States
- Call to Idea
- butdoesitfloat
- flatdsgn
- designfridge
- Siiimple
- Zurb PatternTap
- Land Book
- worthyofnote
- oozled
- DESIGN DETAILS
- officelovin
- Best Website
- FreeDesignResources
- Abduzeedo
- Material UI
- 1stwebdesigner
- EMOJI CHEAT SHEET
- EMOJI CSS
- Simple CSS Media Queries
- ShockFamily
- SVG PORN
- Google Device Metrics
- UpLabs
- Freebbble
- GraphicBurger
- Baianat
- GRAPHBERRY
- UX Project Checklist
- TRIDIV - Making 3D in CSS has never been easier
- function
- Mobile Mozaic
- Stocky
- wwwhere
- Checkout Pages
- Pricing Pages
- Product Pages
- Store Pages
High Quality Photos πΌ
- Albumarium
- The Stocks
- Polayoutu
- Illusion
- Baubauhaus
- 500px π―π°
- 1x
- LIFE OF PIX
- Unsplash
- Stokpic
- Raumrot
- Death to Stock
- GRATISOGRAPHYMADE
- picjumbo
- Magdeleine
- Pexels
- imcreator
- Startup Stock Photos
- New Old Stock Photos
- Realistics Shots
- SplitShire
- FANCYCRAVE
- LIBRESHOT
- FreeJPG
- BARN IMAGES
- MMT
- JAY MANTRI
- Public Domain Archive
- FoodiesFeed
- Little Visuals
- Bucketlistly
- Cupcake
- pixabay
- depositphotos
- Stocksy
Color π¨
- Coolors
- Colordot
- Brand Colors
- Material Palette
- FLATCOLORS
- LOLCOLORS
- The days color
- Color Claim
- Color Hunt
- CSS Colors
- RGB TO
- Color Code
- colorrrs
- Nippon Colors
- Colorize
- Hello Color
- Web Color Data
- Color Lisa
- ColorDrop
- colorfavs
- uiGradients
- swiss style color picker
- HTML color codes
- palettr
- Paletton
- Palettable
- Colllor
- Colorable - Get contrast values for every color combination with pass/fail scores for the WCAG accessibility guidelines.
- Google Colors
Font π
- typography
- i love typography
- Type is Beautiful
- Butterick's Practical Typography
- Fonts
- Font Squirrel
- Typewolf
- Type Novel
- FONTS IN USE
- Webtype
- My Fonts
- The Designers Foundry
- Typekit
- Google Fonts
- Google Font Combinations
- JUSTFONT BLOG
- Font Library
- Type Guide
- typeanything
- workmark
- fontfling
- glyphr
- LOST TYPE
- Brick
- Village
- Klim
- Milieu Grotesque
- Lineto
- Colophon
- T26 π°
- Typ.io
Icon/Logo π
- macosicongallery
- icon54
- icons8
- Icon Finder
- icon dock
- genericons
- FlatIcons
- FLATICON
- Evil Icons
- Typeicons
- thennounproject
- Nucleoapp
- Picons
- Pictos
- smashicons
- symbolset
- logofaves
- Logo of the day
- LOGOMOOSE
- Logospire
- Squid.ink
- Game Icons
- SVG icons
- Material Design Icons
- Material Design Iconic Font
- Bytesize
- NOVA Material Design Icons
- ICONSHOP
- SIMPLE ICONS
- iconmonstr
- Octions
- WE LOVE ICON FONTS
- IconStore
- Google Material Icons
- PaymentFont
- Font Awesome
- IconMoon
- ICONO
- svg-icon - An ultimate SVG icons collection DONE RIGHT.
Tool π§
- Sketch - Professional digital design for Mac. π»π°
- Adobe Photoshop - Best imaging and design app is at the core of almost every creative project. π°
- Adobe Illustrator - The industry-standard vector graphics app lets you create logos, icons, sketches, typography, and complex illustrations for print, web, interactive, video, and mobile. π°
- Adobe After Effects - Bold new ways to put your ideas in motion. π°
- Zeplin - Build pixel perfect apps in peace. π°
- Panda - A smart news reader built for productivity, powered by integrations. π
- INBOARD - Organize your inspiration. π°
- Sip - The best way to collect, organize & share your colors. ππ»
- RightFont - The future of font manager software for Mac OS X. ππ°
- Dropbox - Get to all your files from anywhere, on any device, and share them with anyone. π°
- Iconjar - Organize, search and use icons the easy way. π»
- Affinity Designer - Professional graphic design software for Mac. ππ°
- Inkscape - Free vector graphics tool.
- Specctr - Instantly create design specs right in your favorite graphic design tool. π°
- Figma - The first interface design tool with real-time collaboration.
- Gravit - End-to-end web-based design platform.
Prototype π
- Prototyping Tools
- Marvel - Simple design, prototyping and collaboration. πππ°
- InVision - The world's leading prototyping, collaboration & workflow platform. πππ°
- Origami - Design Prototyping. ππ»
- Framer.js - Design tool for creating interactive designs, interfaces and animations. πππ»π°
- Atomic - The prototyping tool designed for teams. π°
Pixate - Make your ideas a reality.- Proto.io - Prototypes that feel real. π°
- Justinmind - Prototype Faster, Communicate Better.
- Principle - Animate Your Ideas, Design Better Apps. π»π°
- Flinto - App prototyping tools for designers.
- Axure - Design the right solution and align your team. ππ°
- Form - Build and customize native prototypes directly on device. π»
- Bootstrap Studio - A powerful desktop app for creating responsive websites using the Bootstrap framework. π°
- Adobe Experience Design - Design, prototype and quickly share user experiences. π°
- UXPin - High fidelity animated prototypes created in minutes.
- MockingBot - Mobile prototyping tool without headache. ππ
- POP - Transform pen and paper ideas into a real working prototype. π°
- Prott - Prototyping tool for Web, iOS, Android apps
User Testing π₯
- Lookback.io - Capture exactly how users experience your product: no guesswork required.
- UserTesting - Get videos of real people speaking their thoughts as they use your website or mobile app. Go beyond analytics and understand why users do what they do.
- UserBrain - Keep getting videos of real people testing your website, web app or prototype and make it ridiculously easy to use.
- Reflector - Wireless mirroring and streaming receiver.
- User Zoom - All-in-One Agile UX Research Platform.
- Ethn.io - Remote user testing suite. Intercept real people for user research. π°
- Usabilla - Customer feedback and survey tool.
- UserTest.io - Remote, easy and simple user testing.
- Validately - Easy way to recruit testers, launch tests, and analyze results.
- Users Think - Get user feedback from real people, on demand, when you need it.
- CrazyEgg - Heatmapping software.
- HotJar - Includes screen recordings, heatmapping, form and funnel analysis and user feedback polls & surveys π°
- Inspectlet - Captures user actions and browsing, generates heatmaps, records with a realtime timeline π° π
- Clicktale - User experience management platform.
Mockup π£
- MOCKUPWORLD
- Placeit
- 360 Mockups
- Facebook Mockups
- Scenery π»
- UINames
- NinjaMock
- Smartmockups app
Style Guide/Branding ![:octocat: :octocat:](https://github.githubassets.com/images/icons/emoji/octocat.png)
- Brand Style Guide Examples - Hand-picked collection of brand style guide examples.
- Mozilla
- Mailchimp
- Fontshop
- Lonely Planet
- Starbucks
- Yelp
- IBM
- CodePen
- Uber
- Atlassian
- Dropbox
- Spotify
- Youtube
- Facebook - Brand Book
- Vimeo
- Ubuntu
- BBC
- Channel4
- Nike Pro
- Medium
- Red Cross
- Marvel
- buffer
- VSCO
- snapchat
- Apple
- Microsoft
- NASA
Tutorial π«
- PLURALSIGHT
- Lynda
- CreativeLive
- DesignSchool
- Tuts+
- Udemy
- AboutCG
- DevDojo
- Adobe KnowHow
- Platzi
- greyscalegorilla
Book π
- Universal Principles of Design
- Universal Methods of Design
- Don't Make Me Think
- About Face: The Essentials of Interaction Design
- How to Be a Graphic Designer without Losing Your Soul
- Simple and Usable Web, Mobile, and Interaction Design
- Lean UX: Applying Lean Principles to Improve User Experience
- Designing Interfaces
- 100 Things Every Designer Needs to Know About People
- The UX Book: Process and Guidelines for Ensuring a Quality User Experience
- Thinking with Type
- The Elements of Graphic Design
Award π
- Good Design Award
- Red Dot Award
- Apple Design Awards
- iF
- FWA
- CSS Design Awards
- CSS Awards
- Creative AD Awards
- D&AD
- Awwwards - Website Awards - Best Web Design Trends
Conference/Festival π»
- Uideo
- MAX
- The AIGA Design Conference
- SXSW
- ICON9
- Mirror
- Interaction
- Offset
- 99U
- Typographics
- Brand New Conference
- How Design Live
- Better by Design
- What Design Can Do
- Design and Content
- generate
- Typo International Design Talks
- DesignersFiesta
- F5
- Service Design Days
- SemiPermanent
- Dribbble Meetups
- CreativeMornings
- CodePen Meetups
Podcast π»
- 99% INVISIBLE
- Designer News Podcast
- Shop Talk
- workmode
- UX Podcast
- Anyway.fm
- The Deeply Graphic Design**
- Tentative.fm
- Pagebreak
- On the Grid
- Design Matters
- YOUNG GUNS SHOW
- The Greate Discontent Podcast
- DESIGN DETAILS Podcast
- Layout.fm
- Type is Beautiful
- boagworld
- Responsive Web Design
- Adventures in Design
- Let's Make Mistakes
- Hacking UI
- CodePen Radio
Social Network π«π«
- Dribbble - Show and tell for designers
- Behance - Showcase and discover the latest work from top online portfolios by creative professionals across industries.
- tumblr
- Medium - A place to read, write, and interact with the stories that matter most to you.
- Fribbble - Free PSD files and other free design resources by Dribbblers.
- Muzli - Design Inspiration
- DeviantArt - The largest online art gallery and community.
- /r/web_design - Subreddit for all things web design.
License
To the extent possible under law, Tony Chan has waived all copyright and related or neighboring rights to this work.