20 Useful UI Design Resources

In this post, we’ve gathered together some of the best, most inspiring and most useful ui design resources. Whatever you’re building, and whatever inspiration you’re looking forward, you should find it here.

pttrns

A collection of mobile user interface patterns

pttrns-1

dribbble

Dribbble is a web portal that is aimed at designers, developers and other creatives to showcase as well as share their creative designs, insights and work with the world.

dribbble-2

webalys

Simply a must-bookmark for designing wireframes faster and creating better mockups.

weballys-3

screensiz.es

Screensiz.es is a nifty little database of screen specifications for the most popular devices on the market.

screen-size-4

uiparade

Ui Parade is an online catalog of inspiration for ui designers. They feature interface design that is crafted by some of the worlds most talented designers and also develop tools, resources and workflows specifically with ui designers in mind.

uiparade-5

hoverstat.es

UI animation & Interaction design inspiration.

hoverstate-6

awwwards

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

awwwards-7

copypastecharacter

Copy Paste Character allows you to copy and paste special characters found on your computer’s typefaces and use them as icons.

copypastechar-8

colourlovers

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles…

colorlover-9

patterntap

Pattern Tap is a website that provides design inspiration to user interface (UI) designers. The UI examples are submitted by the community, known as contributors, and anyone can join for free.

patterntap-10

subtlepatterns

Free textures for your next web project.

subtlepatterns-11

gridcalculator

A simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go.

gridcal-12

ui-cloud

UICloud collects the best user interface designs from the internet all over the world and provides a search engine for you to find the best UI element that you need.

ui-cloud-13

graphicriver

Still, if you want high quality stuff …

graphicriver-14

Wireframes Magazine

Wireframes Magazine is an on-line resource about design documentation samples for information architects, interaction designers and user experience professionals.

wireframe-15

behance

Showcase and discover the latest work from top online portfolios by creative professionals across industries.

behance-16

Android cheatsheet for graphic designers

Graphic designers aren’t programmers and sometimes don’t know how to properly prepare graphic assets for developers. This simple cheatsheet should help them to do their job better, and to simplify developers’ lives.

android-cheatsheet-17

Starters Guide to iOS Design

In this guide Ben Taylor describe the deliverables you’ll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts.

iosdesign-18

mediaqueri.es

A collection of inspirational websites using media queries and responsive web design.

mediaq-19

Logopond

For real logo freaks here’s a site that assisits you with the complete A to Z of logo design.

logopond-20

  • millenium

    Goldmine, thank you!