Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dinanoviana/awesome-ui-ux-designer

My UI/UX Designer awesome list
https://github.com/dinanoviana/awesome-ui-ux-designer

List: awesome-ui-ux-designer

Last synced: 16 days ago
JSON representation

My UI/UX Designer awesome list

Awesome Lists containing this project

README 

        



**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*



- [Awesome UI/UX Designer](#awesome-uiux-designer)

- [Learning](#learning)

- [Learn by Game](#learn-by-game)

- [Resources](#resources)

- [Roles in UI/UX Field](#roles-in-uiux-field)

- [Portfolio Inspirations](#portfolio-inspirations)





    
Awesome UI/UX Designer





# Learning

- [dwinawan.com](https://www.dwinawan.com) - Learning guide to become a User Interface Designer from the ground up.

- [medium.com/@dwinawan](https://medium.com/@dwinawan) - Case study and design exploration.

- [nngroup.com](https://www.nngroup.com/) - World Leaders in Research-Based User Experience to provide reliable guidance on user experience.

- [coursera.org/learn/foundations-user-experience-design](https://www.coursera.org/learn/foundations-user-experience-design) - Online course that part of the Google UX Design Professional Certificate.



# Learn by Game

- [cantunsee.space](https://cantunsee.space/) - Sharpen your design sense.

- [type.method.ac](https://type.method.ac/) - Learn typography.

- [pixact.ly](https://pixact.ly/) - How well you know your pixels.



# Resources

Design System, Arts, Illustrations, Icons, Images - Free for Personal & Commercial use.

- [material.io](https://m3.material.io/) - Google’s open-source design system.

- [material.io/resources](https://m2.material.io/resources) - Material tools and design resources.

- [storyset.com](https://storyset.com/) - Awesome free customizable illustrations.

- [undraw.co/illustrations](https://undraw.co/illustrations) - Open-source illustrations.

- [stubborn.fun](https://stubborn.fun/) - Design your characters using generator.

- [blush.design/collections](https://blush.design/collections) - Blush illustrations collections.

- [humaaans.com](https://humaaans.com/) - Mix-&-match illustrations of people with a design library.

- [freepik.com](https://www.freepik.com/) - Free vectors, photos, and PSD.

- [unsplash.com](https://unsplash.com/) - Free images and pictures.

- [flaticon.com](https://www.flaticon.com/) - Free vector icons.

- [fonts.google.com/icons](https://fonts.google.com/icons) - Google material symbols and icons.

- [savee.it](https://savee.it/) - Explore design from designers around the world.

- [toools.design](https://www.toools.design/) - Collection of design resources.

- [awwwards.com](https://www.awwwards.com/) - Web design trends.

- [ui-patterns.com/patterns](https://ui-patterns.com/patterns) - Design patterns.

- [fonts.google.com](https://fonts.google.com/) - Google Fonts.

- [fontjoy.com](https://fontjoy.com/) - Get font combination ideas.



# Roles in UI/UX Field

- **UI Designer** - Design the interface so that the application is easy and pleasant for users to use.

- **UX Designer** - Responsible for making the application easy to use, simple, able to provide a positive and comfortable experience for users.

- **Interaction Designer** - Focus on designing experience of product and how it works, how to meet user needs with business goals and what can actually be made.

- **Visual Designer** - Design logo, illustrations & icons, decide font color & size, work on product layouts.

- **Motion Designer** - How the user moves in the product, how to make smooth transitions between pages on an app or a website.

- **UX Researcher** - Conduct studies and interviews.

- **UX Writer** - Create intuitive UX, writing labels for buttons, adjusting the tone to be friendly or formal.

- **Production Designer** - Bridging between interaction designers and engineers, make sure the first and final design match, handed off the assets (text and images, design specifications, color, font style, size, and spacing).

- **UX Engineers** - Translate the design's intent into a functioning experience.

- **UX Program Manager** - Setting up goals & project plans, and allocating team resources.

- **VR/AR Designer**

- **Conversation Designer** - Designing virtual assistant and interactive response system.



# Portfolio Inspirations

- [behance.net/dinanov](https://www.behance.net/dinanov) - My Portfolio.

- [lisasuefischer.com](http://www.lisasuefischer.com/) - Lisa Fischer.

- [shabnamkashani.com](https://www.shabnamkashani.com/) - Shabnam Kashani.

- [danegalbraith.com](https://danegalbraith.com/) - Dane Galbraith.

- [nicolaspellegrino.com](https://www.nicolaspellegrino.com/) - Nicolas Pellegrino.

- [joshglucas.com](https://joshglucas.com/) - Joshua Lucas.

- [kartikrao.in](http://www.kartikrao.in/) - Kartik Rao.

- [kaiwei.design](http://kaiwei.design/#/) - Kaiwei Wang.

- [anqiwan.com](https://www.anqiwan.com/) - Anqi Wan.

- [tongfangsun.xyz](https://www.tongfangsun.xyz/) - Tongfang Sun.

- [pennybanks.com](http://pennybanks.com/) - Penny Banks.

- [yuto-takahashi.com](http://yuto-takahashi.com/) - Yuto Takahashi.