Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/kevindeasis/awesome-ui

An "Awesome" curated list but for design (UI & UX) resources. Contains theory, tutorials, books, libraries, and other resources
https://github.com/kevindeasis/awesome-ui
List: awesome-ui
Last synced: about 2 months ago
JSON representation
An "Awesome" curated list but for design (UI & UX) resources. Contains theory, tutorials, books, libraries, and other resources
Host: GitHub
URL: https://github.com/kevindeasis/awesome-ui
Owner: kevindeasis
License: mit
Created: 2016-04-30T17:07:08.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2022-05-11T07:21:30.000Z (over 2 years ago)
Last Synced: 2024-05-22T16:32:28.149Z (4 months ago)
Homepage:
Size: 24.4 KB
Stars: 172
Watchers: 9
Forks: 19
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

ultimate-awesome - awesome-ui - An "Awesome" curated list but for design (UI & UX) resources. Contains theory, tutorials, books, libraries, and other resources. (Other Lists / PowerShell Lists)
README

        # Awesome-UI [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![MIT](https://img.shields.io/github/license/mashape/apistatus.svg)](https://opensource.org/licenses/MIT)

> A curated list of awesome UI/UX, and Design

Resource for everything related to UI / UX. Contributions are welcome, just do a pull request!

## License

MIT

## Contribute

> Contributions are welcome! Just do a pull request!

  - **Working on your first Pull Request?** You can learn how from this *free* series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github)

# Medium

[The medium blog post is here](https://medium.com/free-stuff/500-curated-design-to-learn-ui-ux-resource-list-2ca7c857adbd#.pup0ub371)

##Other list of awesome free stuff

[Is Here](https://medium.com/free-stuff)

# Table of Contents

1. [Prototyping Tools](https://github.com/kevindeasis/awesome-ui#prototyping-tools)

2. [Wireframing Tools](https://github.com/kevindeasis/awesome-ui#wireframing-tools)

3. [Style](https://github.com/kevindeasis/awesome-ui#style)

   + [Colors](https://github.com/kevindeasis/awesome-ui#colors)

   + [Icons](https://github.com/kevindeasis/awesome-ui#colors)

     - [Stock Icons](https://github.com/kevindeasis/awesome-ui#stock-icons)

   + [Imagery](https://github.com/kevindeasis/awesome-ui#imagery)

     - [Stock Photo](https://github.com/kevindeasis/awesome-ui#stock-photos)

   + [Typography](https://github.com/kevindeasis/awesome-ui#typography)

   + [Writing](https://github.com/kevindeasis/awesome-ui#writing)

4. [Layout](https://github.com/kevindeasis/awesome-ui#layout)

5. [Components](https://github.com/kevindeasis/awesome-ui#components)

6. [Patterns](https://github.com/kevindeasis/awesome-ui#patterns)

7. [Usability](https://github.com/kevindeasis/awesome-ui#usability)

8. [Animation](https://github.com/kevindeasis/awesome-ui#animation)

9. [Online Courses](https://github.com/kevindeasis/awesome-ui#online-courses)

10. [Podcast](https://github.com/kevindeasis/awesome-ui#podcasts)

11. [Communities](https://github.com/kevindeasis/awesome-ui#communities)

12. [Inspiration](https://github.com/kevindeasis/awesome-ui#inspiration)

13. [Checklist](https://github.com/kevindeasis/awesome-ui#checklist)

14. [Work Flow](https://github.com/kevindeasis/awesome-ui#planning)

15. [Other Software & Tools](https://github.com/kevindeasis/awesome-ui#other-software--tools--resources)

16. [Jobs](https://github.com/kevindeasis/awesome-ui#jobs)

#UI-UX Ultimate Guides

- [UX StackExchange](https://ux.stackexchange.com/questions?sort=votes)

- [UX Myths](http://uxmyths.com/)

- [Must Read UI Books](https://ux.stackexchange.com/questions/74/the-must-read-user-interface-book)

- [52 Weeks of UX](http://52weeksofux.com/tagged/week-1)

- [Intuit Harmony Guide](http://harmony.intuit.com/)

- [Facebook Design](http://facebook.design/)

- [HackDesign](https://hackdesign.org/lessons)

- [GoodUI](http://asktog.com/menus/designMenu.html)

- [Brown University CS 1300: User Interfaces and User Experience](http://cs.brown.edu/courses/csci1300/)

- [Design of Everyday Things by Donald Norman](https://archive.org/details/DesignOfEverydayThings)

- [Bill Buxton, Input Manuscript](http://www.billbuxton.com/inputManuscript.html)

- [SideBar.IO](http://sidebar.io/)

- [AskTog](http://asktog.com/)

- [AskTog: First Principles of Interaction Design (Revised & Expanded)](http://asktog.com/atc/principles-of-interaction-design/)

- [AskTog: DesignMenu](http://asktog.com/menus/designMenu.html)

- [SoundCloud Podcast, Lean Startup: Combining User - Centered Design & Lean Startup To Build Better Products](https://soundcloud.com/lean-startup/4-season-3-combining-user-centered-design-lean-startup-to-build-better-products?in=lean-startup/sets/lean-startup-webcasts)

- [About Face, Essentials of Interaction Design PDF](http://feiramoderna.net/download/pos-positivo/COOPER-Alan/About_Face_3-The_Essentials_of_Interaction_Design.pdf)

- [The Vignelli Canon](http://www.vignelli.com/canon.pdf)

- [Magic Ink](http://worrydream.com/MagicInk/)

- [Bill Buxton - Sketching User Experiences](http://www.vignelli.com/canon.pdf)

- [Day 2 Workshop of Sketching User Experiences the Workshop Nicolai Marquardt](https://www.medien.ifi.lmu.de/lehre/ss14/id/Day%202%20Sketching%20IxD.pdf)

- [Google Material Design](https://www.google.com/design/spec/material-design/introduction.html)

- [Design Code](https://designcode.io/)

- [Hack Design](https://hackdesign.org/)

- [Discover Design](http://discovering.design/)

- [Google Web Fundamentals](https://developers.google.com/web/fundamentals/?hl=en)

- [ux pin](https://uxpin.com/knowledge.html)

- [the hipper element](http://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals)

- [smashing magazine](https://www.smashingmagazine.com/2012/08/beyond-wireframing-real-life-ux-design-process/)

- [Hack design](https://hackdesign.org/)

- [zurb](http://zurb.com/university/past-lessons)

- [ux-mag](http://uxmag.com/)

- [ux booth](http://www.uxbooth.com/)

- [nn group](https://www.nngroup.com/articles/)

- [ui-patterns](http://ui-patterns.com/)

- [uie](https://www.uie.com/)

- [usability geek](http://usabilitygeek.com/)

- [a list apart](http://alistapart.com/topic/user-experience)

- [boxes and arrows](http://boxesandarrows.com/)

- [eight shapes ](https://medium.com/eightshapes-llc)

#Prototyping Tools

  * [Pixate](http://www.pixate.com/)

  * [Design CC / Adobe Comet](http://www.adobe.com/products/experience-design.html)

  * [Invision Sketch](https://www.invisionapp.com/sketch-prototyping)

  * [Proto](https://proto.io/)

  * [Marvelapp](https://marvelapp.com/)

  * [Form](http://www.relativewave.com/form/)

  * [Framer](http://framerjs.com/)

  * [Macaw](http://macaw.co/)

  * [Hype 3.5](http://tumult.com/hype/)

  * [Origami](https://facebook.github.io/origami/)

  * [Flinto](https://www.flinto.com/)

  * [Webflow](https://webflow.com/)

  * [froont](http://froont.com/)

  * [webflow](http://webflow.com)

  * [Krista make text and vector awesome w/ animation](https://krita.org/download/krita-desktop/)

#Wireframing Tools

  * [Mockplus](http://www.mockplus.com/)

  * [Moqups](www.moqups.com)

  * [Balsamiq](http://balsamiq.com/products/mockups/)

  * [AdobeCC](http://www.adobe.com/uk/products/photoshop)

  

  * [Adobe Spark](https://spark.adobe.com/) 

  * [Mockflow](www.mockflow.com)

  * [Justinmind](http://www.justinmind.com/)

  * [OmniGraffle](https://www.omnigroup.com/omnigraffle)

  * [Wireframe.cc](ww.wireframe.cc)

  * [Mockingbird](www.gomockingbird.com)

  * [Axure](http://www.axure.com/)

  * [Flair Builder](http://flairbuilder.co)

  * [UX Pin](http://uxpin.com)

#Style

>Style categories

### Colors

  * [Tobias Van Schneider unique color combinations](http://www.vanschneider.com/colors/)

  * [Color Contrast](https://www.viget.com/articles/color-contrast)

  * [TNW: Emotions with Colour](http://thenextweb.com/dd/2015/04/07/how-to-create-the-right-emotions-with-color-in-web-design/)

  * [Kissmetrics: Color for Conversion](http://www.slideshare.net/kissmetrics/how-the-psychology-of-color-can-increase-your-website-conversions/3-Neil_Patel_KISSmetrics_neilpatel_Neil)

  * [SMW: Color Psychology](http://socialmediaweek.org/blog/2014/08/use-color-psychology-web-design-projects/)

  * [GMD: Color](https://www.google.com/design/spec/style/color.html)

  * [DFF: Color theory](http://www.designforfounders.com/color-theory/)

  ###Icons

  * [GMD: Icons](https://www.google.com/design/spec/style/icons.html#)

  * [Tubik Studio: Icons vs Copy in UI  ](http://tubikstudio.com/visual-perception-icons-vs-copy-in-ui/?utm_source=designernews)

  * [Tuts+](http://design.tutsplus.com/articles/10-top-tips-for-creating-awesome-icons--cms-25538)

  ###Stock Icons

  * [Fontello: Icon fonts generator.](http://fontello.com/)

  * [Flat Icon: A search engine for 16000+ glyph vector icons.](http://www.flaticon.com/)

  * [Font Awesome: The iconic font and CSS toolkit.](http://fortawesome.github.io/Font-Awesome/)

  * [Glyphsearch: Search for icons from other icon databases.](http://glyphsearch.com/)

  * [Material Design Icons: 750 Free open-source glyphs by Google.](https://github.com/google/material-design-icons/releases/tag/1.0.0)

  * [Icon Finder: Free icon section of the website.](https://www.iconfinder.com/free_icons)

  * [Doodle Set: 50 Free Hand Doodle Icons](http://roundicons.com/doodle-icons-free-set/)

  * [Flat Set: Free flat round icons set — 60 icons](http://roundicons.com/free-icons/)

  * [Vector Line Set: Free Vector Line Icons Set — 50 icons](http://roundicons.com/free-vector-line-icons-set/)

  * [MakeAppIcon: Generate App Icons of all sizes with a click.](http://makeappicon.com/)

  * [Endless Icons: Free flat icons and creative stuff.](http://www.endlessicons.com/)

  * [Perfect Icons: A social icon creation tool.](http://perfecticons.com/)

  * [Material Design Icons: 750 Free open-source glyphs by Google.](https://github.com/google/material-design-icons/releases/tag/1.0.0)

  * [Icon Sweets: 60 free vector Photoshop icons.](http://iconsweets.com/)

  * [Ico Moon: 4000+ free vector icons, icon generator.](https://icomoon.io/)

  * [The Noun Project: Thousands of glyph icons from different artists.](http://thenounproject.com/)

  ###Imagery

  * [GMD: imagery](https://www.google.com/design/spec/style/imagery.html)

  ####Stock Photos

  * [Thestocks](thestocks.im)

  * [Stock Up](http://www.sitebuilderreport.com/stock-up)

  * [Pexels](http://www.pexels.com/)

  * [All The Free Stock: Free stock images, icons, and videos.](http://allthefreestock.com/)

  * [Unsplash: Free (do whatever you want) high-resolution photos.](http://unsplash.com/)

  * [Splashbase: Search & discover free, hi res photos & videos.](http://www.splashbase.co/)

  * [Startup Stock Photos: Go. Make something.](http://startupstockphotos.com/)

  * [Jay Mantri: Free pics. do anything (CC0). Make magic.](http://jaymantri.com/)

  * [Moveast: This is a journey of a portuguese guy moving east.](http://moveast.me/)

  * [Travel Coffee Book: Sharing beautiful travel moments.](http://travelcoffeebook.com/)

  * [Designers Pics: Free photographs for your personal & commercial use.](http://www.designerspics.com/)

  * [Death to the Stock Photo: Free photos sent to you every month.](http://deathtothestockphoto.com/)

  * [Foodie’s Feed: Free food pictures in hi-res.](http://foodiesfeed.com/)

  * [Mazwai: Free creative commons HD video clips & footages.](http://mazwai.com/)

  * [Jéshoots: New modern free photos.](http://jeshoots.com/)

  * [Super Famous: Photos by Dutch interaction designer Folkert Gorter.](http://superfamous.com/)

  * [Picography: Free hi-resolution photos.](http://picography.co/)

  * [Pixabay: Free high quality images.](http://pixabay.com/)

  * [Magdeleine: A free high-resolution photo every day.](http://magdeleine.co/)

  * [Snapographic: Free stock photos for personal & commercial use.](http://snapographic.com/)

  * [Little Visuals: 7 hi-res images in your inbox every 7 days.](http://littlevisuals.co/)

  * [Splitshire: Delicious free stock photos.](http://splitshire.com/)

  * [New Old Stock: Vintage photos from the public archives.](http://nos.twnsnd.co/)

  * [Picjumbo: Totally free photos.](http://picjumbo.com/)

  * [Life of Pix: Free high-resolution photos.](http://www.lifeofpix.com/)

  * [Gratisography: Free high-resolution photos.](http://www.gratisography.com/)

  * [Getrefe: Free photos.](http://getrefe.com/downloads/category/free/)

  * [IM Free: A curated collection of free resources.](http://www.imcreator.com/free)

  * [Cupcake: A photographer’s treat by Jonas Nilsson Lee.](http://cupcake.nilssonlee.se/)

  * [The Pattern Library: Free patterns for your projects.](http://thepatternlibrary.com/)

  * [Public Domain Archive: New 100% free stock photos.](http://publicdomainarchive.com/)

  * [ISO Republic: High-quality, free photos for creatives.](http://isorepublic.com/)

  * [Stokpic: Totally free photos.](http://stokpic.com/)

  * [Kaboompics: The best way to get free photos.](http://kaboompics.com/)

  * [Function: Free photo packs.](http://wefunction.com/category/free-photos/)

  * [MMT: Free stock photos by Jeffrey Betts.](http://mmt.li/)

  * [Paul Jarvis: Free high-resolution photos.](http://pjrvs.com/a/photos)

  * [Lock & Stock Photos: Free stock photos for you.](http://lockandstockphotos.com/)

  * [Raumrot: Free high-resolution picture.](http://www.raumrot.com/10/)

  ###Typography

  * [GMD: typography](https://www.google.com/design/spec/style/typography.html)

  * [Font-Pairing](http://www.designforfounders.com/font-pairing/)

  * [Typography Intro](https://buscandotrazos.wordpress.com/2012/08/27/a-brief-introduction-to-typography/)

  * [Typography Commentary](http://typographica.org/)

  * [TypeGenius: Find the perfect font combo for your next project.](http://www.typegenius.com/)

  * [FontFaceNinja: Browser extension to find the web fonts a site uses.](http://www.fontface.ninja/)

  * [Google Fonts: Free, open-source fonts optimized for the web.](http://www.google.com/fonts)

  * [Font-to-width: Fit pieces of text snugly within their containers.](http://font-to-width.com/)

  * [Beautiful Web Type: Best typefaces from the Google web fonts directory.](http://hellohappy.org/beautiful-web-type/)

  * [Font Squirrel: 100% free commercial fonts.](http://www.fontsquirrel.com/)

  * [DaFont: Archive of freely downloadable fonts.](http://www.dafont.com/)

  * [1001 Free Fonts: A huge selection of free fonts.](http://www.1001freefonts.com/)

  * [FontPark: The web’s largest archive of free fonts.](http://www.fontpark.net/en/)

  * [Typography Resource: Google Fonts](https://www.google.com/fonts)

  * [Inspiration: type wolf](https://www.typewolf.com/)

  * [Inspiration: type inspire](http://typeinspire.com/)

  * [Inspiration: design inspiration](http://designspiration.net/search/saves/?q=typography)

  * [Inspiration: dribble](https://dribbble.com/tags/typography)

  * [Inspiration: the inspiration grid](http://theinspirationgrid.com/category/typography/)

  * [Inspiration: type for you](http://www.typeforyou.org/)

  * [Inspiration: abduzeedo](http://abduzeedo.com/tags/typography?page=1)

  #### Font Resource

    * [google fonts file](https://github.com/google/fonts)

    * [install google font files](https://github.com/qrpike/Web-Font-Load)

  ###Writing

  * [GMD: writing](https://www.google.com/design/spec/style/writing.html)

#Layout

Layout categories

###Principles

  * [GMD: layout principles](https://www.google.com/design/spec/layout/principles.html)

  ###Units & Measurement

  * [GMD: Units & Measurement](https://www.google.com/design/spec/layout/units-measurements.html)

  ###Metrics & Keylines

  * [GMD: Metrics & keylines](https://www.google.com/design/spec/layout/metrics-keylines.html)

  ###Structure

  * [GMD: structure](https://www.google.com/design/spec/layout/structure.html)

  ###Responsive UI

  * [GMD: responsive ui](https://www.google.com/design/spec/layout/responsive-ui.html)

  ###Split Screen

  * [GMD: split screen](https://www.google.com/design/spec/layout/split-screen.html)

#Components

  * [GMD](https://www.google.com/design/spec/components/bottom-navigation.html#)

#Patterns

  * [GMD](https://www.google.com/design/spec/patterns/data-formats.html)

#Usability

Usability categories

- [Design principles](http://www.designprinciplesftw.com/collections/10-usability-heuristics-for-user-interface-design)

- [Usability Book](http://www.usabilitybok.org/principles-for-usable-design)

- [Reddit Usability](https://www.reddit.com/r/usability/)

### Accessibility

 [gmd](https://www.google.com/design/spec/usability/accessibility.html)

### Bidirectionality

 [gmd](https://www.google.com/design/spec/usability/bidirectionality.html)

#Animation

Animation Categories

### Drawing

  [Draw Space: Drawing] (https://www.drawspace.com/lessons)

###UX Design

  * [Smashing Magazine](https://www.smashingmagazine.com/2015/05/functional-ux-design-animations/)

  * [Google Developers](https://developers.google.com/web/fundamentals/design-and-ui/animations/?hl=en)

  * [Animation Principles](http://adaptivepath.org/ideas/jedi-principles-of-ui-animation/)

  * [Animation Principles](https://medium.com/motion-in-interaction/animation-principles-in-ui-design-understanding-easing-bea05243fe3#.tz3i4crs3)

  * [Dashboards](http://www.sisense.com/blog/4-design-principles-creating-better-dashboards/)

  * [ux psychology](http://thehipperelement.com/post/87574750438/ux-crash-course-user-psychology)

#Resources

  * [growth supply](http://growth.supply/free/design-code/)

  * [student web design](http://www.studentguidewebdesign.com/)

  * [Design for Founder](http://www.designforfounders.com/learn-design/)

  * [Boxes and arrows](http://boxesandarrows.com/)

  * [designcode](https://designcode.io/learn)

  * [ontiwik](http://ontwik.com/)

  * [complex](http://ca.complex.com/style/2014/03/online-resources-every-graphic-designer-should-know/tutorialzine)

  * [Tuts+](http://design.tutsplus.com/)

  * [Tools](http://1stwebdesigner.com/best-ux-design-tutorials/)

  * [Person: Paul Boag](https://www.youtube.com/watch?v=inT-VLzpEzE)

  * [uie](https://www.uie.com/)

  * [uxmag](http://uxmag.com/)

  

  * [Sketch app resources](http://www.sketchappsources.com/)

  * [Sketch toolbox](http://sketchtoolbox.com/)

  

  * [Sketch Plugins](https://designcode.io/sketch-plugins)

  * [Krista make text and vector awesome](https://krita.org/download/krita-desktop/)

#Online Courses

  * [Law of Interface Design](https://courses.platzi.com/courses/laws-of-interface-design/)

  * [Steer](www.steer.me)

  * [WebPlatform](http://www.webplatform.org/)

  * [Learn to Design a Better Interface](https://courses.platzi.com/courses/interface-design-startups/)

  * [Noexcuselist](http://www.noexcuselist.com/)

  * [Harvard Open Courseware](http://cs50.tv/2013/fall/)

  * [MIT Open Courseware](http://ocw.mit.edu/index.htm)

  * [Yale Open Courseware — actual video lectures for the class so you can get the in-class experience. Lots of classes over lots of subjects.](http://oyc.yale.edu/)

  * [Stanford Open Courseware](http://see.stanford.edu/see/courses.aspx)

  * [Codecademy — Learn to code interactively, for free.](http://www.codecademy.com/)

  * [Codeplace.com — Learn how to code from scratch. previously Stuk.io](http://codeplace.com/)

  * [Udacity — Earn a Nanodegree recognized by industry leaders.](https://www.udacity.com/)

  * [Learnable — The best way to learn web development.](https://learnable.com/)

  * [Code School — Learn to code by doing.](https://www.codeschool.com/)

  * [Thinkful — Advance your career with 1-on-1 mentorship.](https://www.thinkful.com/)

  * [Code.org — Start learning today with easy tutorials.](https://code.org/)

  * [Code School](www.codeschool.com)

  * [Treehouse](www.teamtreehouse.com)

  * [Freecodecamp](https://www.freecodecamp.com/)

  * [Lynda](www.lynda.com)

  * [Code.org](http://code.org/)

  * [Codeacademy](www.codecademy.com)

  * [Udacity](www.udacity.com)

#Podcasts

  * [Design Matters](https://itunes.apple.com/podcast/id328074695)

  * [Deep end design](https://itunes.apple.com/podcast/id494747654)

  * [Happy Monday](www.happymondaypodcast.com)

  * [The Industry](www.theindustry.cc/category/podcast/)

  * [Adventures in Design](https://itunes.apple.com/podcast/id503341322)

  * [Boagworld](www.boagworld.com/show/)

  * [Shop Talk Show](www.shoptalkshow.com)

  * [Iterate](http://www.imore.com/iterate)

  * [The Back to Front Show](www.backtofrontshow.com)

  * [On the grid](https://itunes.apple.com/podcast/id547928774)

  * [The Big Web Show](www.zeldman.com/category/the-big-web-show/)

  * [Upfront Podcast](www.upfrontpodcast.com)

  * [Unfinished Business](www.unfinished.bz)

  * [The Freelance Web](www.thefreelanceweb.com)

#Communities

  * [eventbrite](https://www.eventbrite.ca/)

  * [meetup](www.meetup.com/)

  * [Designer News](https://www.designernews.co/)

  * [UXstackexchange](http://ux.stackexchange.com/)

  * [UX graphic design](http://graphicdesign.stackexchange.com/)

  * [Reddit Design](http://www.reddit.com/r/design/)

  * [Reddix UX](https://www.reddit.com/r/userexperience/)

  * [Designers Talk](http://www.designerstalk.com/forums/)

  * [Layervault](https://news.layervault.com/)

#Inspiration

  * [MatrialUp: Daily material design inspiration.](http://www.materialup.com/)

  * [FLTDSGN: Daily showcase of the best flat UI design websites and apps.](http://fltdsgn.com/)

  * [Site Inspire: Web design inspiration.](http://www.siteinspire.com/)

  * [UI Cloud: The largest user interface design database in the world.](http://ui-cloud.com/)

  * [Moodboard: Build a beautiful moodboard and share the result.](http://www.gomoodboard.com/)

  * [Crayon: The most comprehensive collection of marketing designs.](http://www.crayon.co/)

  * [Land-Book: Product landing pages gallery.](http://land-book.com/)

  * [Ocean: A community of designers sharing feedback.](http://ocean.ink/)

  * [Dribbble: Show and tell for designers.](https://dribbble.com/)

  * [Behance: Showcase & discover creative work.](https://www.behance.net/)

  * [Pttrns: Mobile user interface patterns.](http://www.pttrns.com/)

  * [Flat UI Design: Useful board I discovered thanks to Erik.](https://www.pinterest.com/warmarc/flat-ui-design/)

  * [Awwwards: The awards for design, creativity and innovation.](http://www.awwwards.com/)

  * [The Starter Kit: Curated resources for developers and designers.](http://www.thestarterkit.info/)

  * [One Page Love: Resource for one page website inspiration.](http://onepagelove.com/)

  * [UI Parade: User interface design tools and design inspiration.](http://www.uiparade.com/)

  * [The Best Designs: The best of web design.](https://www.thebestdesigns.com/)

  * [Agile Designers: Best resources for designers & developers.](http://agiledesigners.com/)

  * [Niice: A search engine with taste.](https://niice.co/)

  * [r/web_design](https://www.reddit.com/r/web_design)

  * [r/userexperience](https://www.reddit.com/r/userexperience)

  * [r/internetisbeautiful](https://www.reddit.com/r/InternetIsBeautiful)

  * [r/webdesign](https://www.reddit.com/r/webdesign)

  * [r/smt](https://www.reddit.com/r/SomebodyMakeThis)

  * [r/androidisbeautiful](https://www.reddit.com/r/AndroidIsBeautiful/)

  * [you can almost do anything: logo](http://www.elischiff.com/blog/2016/4/12/do-almost-anything)

  * [freebiesbug](https://www.facebook.com/freebiesbug/?fref=nf)

  * [tympanus](http://tympanus.net/codrops/2016/05/25/isometric-and-3d-grids/?utm_content=buffer08334&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer)

  * [ux design from the 90's](http://techcrunch.com/2016/05/28/what-ux-designers-can-learn-from-1990s-japanese-video-games/)

# Checklist

  * [UX checklist](http://www.uxcheck.co/)

  * [UX checklist repo](https://github.com/uxchecklist/uxchecklist.github.io)

  * [uxchecklist](https://uxchecklist.github.io/)

#Planning

  * Planning

    1. Research

      - [Competitive Analysis](http://boxesandarrows.com/competitive-analysis-understanding-the-market-context/)

      - [Data Analysis](http://www.nngroup.com/articles/analytics-user-experience/)

      - [User Feedback](https://www.gov.uk/service-manual/user-centred-design/user-research/index.html)

    2. Plan

      - [User Stories](https://www.newfangled.com/how-to-tell-the-users-story/)

      - [User Flows](http://www.smashingmagazine.com/2012/01/04/stop-designing-pages-start-designing-flows/)

      - [Red Routes](http://userfocus.co.uk/articles/prioritising-functions.html)

    3. Explore

      - [Brainstorm & Sketch](http://www.gamestorming.com/the-wiki/)

      - [Wireframe](http://www.uxpin.com/guide-to-wireframing.html)

      - [Prototype](http://uxdesignweekly.com/ux-resources/prototyping-tools/)

    4. Communicate

      - [IA](http://alistapart.com/article/thedisciplineofcontentstrategy)

      - [Language](http://alistapart.com/article/translation-is-ux)

      - [Accessibility](https://www.gov.uk/service-manual/user-centred-design/accessibility.html)

    5. Create

      - [UI Elements](http://styleguides.io/)

      - [Gestures](http://www.smashingmagazine.com/2013/05/24/gesture-driven-interface/)

      - [Responsiveness](http://uxmag.com/articles/create-a-better-responsive-user-experience/)

    6. Give Feedback

      - [Waiting Times](http://www.sitepoint.com/3-tips-make-application-feel-faster/)

      - [Erros](http://uxmag.com/articles/failing-gracefully)

      - [Completed Actions](http://www.lukew.com/ff/entry.asp?1759)

    7. Finalise

      - [Finalise Layout](http://www.usability.gov/what-and-why/visual-design.html)

      - [Use of image and icons](http://www.nngroup.com/articles/icon-usability/)

      - [Font Colours & Hierarchy](http://52weeksofux.com/post/443828775/visual-hierarchy)

    8. Delight

      - [Micro copy](http://www.smashingmagazine.com/2012/07/18/the-personality-layer/)

      - [Micro interactions](http://microinteractions.com/what-is-a-microinteraction/)

      - [Transitions](http://www.google.co.uk/design/spec/animation/authentic-motion.html)

    9. Analyse

      - [KPI Setup](http://www.gv.com/lib/how-to-choose-the-right-ux-metrics-for-your-product)

      - [AB Test Plan](https://www.gov.uk/service-manual/user-centred-design/user-research/multivariate-testing.html)

      - [Test](http://www.nngroup.com/articles/which-ux-research-methods/)

# Ethics

- [Time well spent](http://timewellspent.io/)

- [Dark patterns.org](http://darkpatterns.org/)

#Other Software / Tools / Resources

  * [Pixlr](https://pixlr.com/)

  * [Uxdesign](http://uxdesign.cc/ux-tools/)

  * [Now](https://www.invisionapp.com/now)

  * [Do](https://www.invisionapp.com/do)

  * [Sketch](https://www.sketchapp.com/)

  * [Ninja mock](https://ninjamock.com/)

  * [App landing examples 2015](http://webdesignledger.com/best-2015-app-pages/)

  * [Iphone Vectors](http://www.freepik.com/free-photos-vectors/iphone)

  * [Place it: Iphone Vectors, Mockups, and Video](https://placeit.net/)

  * [Magic Mockups](http://magicmockups.com/)

  * [PicApp](http://picapp.net/)

  * [MockDrop](http://mockdrop.io/)

  * [Smart mockups](http://smartmockups.com/)

  * [Isweet it mockups](https://itunes.apple.com/us/app/isweetit/id895625230?l=de&ls=1&mt=8)

  * [design collection and insiprations](https://www.reddit.com/r/Design/comments/szz0t/a_collection_of_design_inspiration_and_resources/)

  * [best ux designer tools and resources collection](https://medium.com/@UXAliveTurkey/the-best-ux-designer-tools-resources-collection-24bf115d17bc#.sgh1i2b2c)

  * [the only ux reading list ever](https://medium.com/interactive-mind/the-only-ux-reading-list-ever-d420edb3f4ff#.65zsj3nxc)

  * [Top 10 UI Design Resources](https://medium.mybridge.co/top-10-ui-design-resources-that-make-designers-life-easier-d5cd0d789959#.kd49b23gs)

# Hidden Gems

- [Greensock](http://greensock.com/)

# Books

- [Dont Make me Think](https://www.amazon.com/dp/0321344758)

- [Micro Interactions](http://microinteractions.com/about-the-book/)

- [Building Better Products](http://rosenfeldmedia.com/books/build-better-products/)

- [Reading List by Kevin Hale](https://www.amazon.com/gp/richpub/listmania/fullview/R18EQHHM74IXPQ/ref=cm_lm_byauthor_title_full?&tag=rnwap-20)

# Boiler Plate

- [App Landing Page](https://github.com/joshbuchea/awesome-app-landing-page)

# Tutorials

- [7 Rules for Creating Gorgeous UI (Part 2)](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96#.8kvn02a7k)

- [7 Rules for Creating Gorgeous UI (Part 1)](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda#.tk3hiznnl)

- [Ensure High Contrast for Text Over Images](https://www.nngroup.com/articles/text-over-images/)

#Jobs

  * [Dribbble Jobs](www.dribbble.com/jobs)