DOCSEARCHbyAlgolia
Submit Docs

Awesome Design

repository·master·Indexed 12 days ago

https://github.com/gztchan/awesome-design

A curated repository of high-quality resources, tools, and concepts for UI/UX designers and developers. It includes categorized links for stock imagery, color palettes, icon libraries, typography, prototyping toolkits, photorealistic mockups, UX research tools, and design inspiration.

Tokens
3.2K
Snippets
0
Records
17
Agent score
47%

What's inside Awesome Design

  1. Overview of Awesome Design

    master
    Awesome Design is a curated collection of high-quality resources and tools for UI/UX designers. It provides categorized links to help designers and developers find assets for daily work, including stock imagery, color palettes, icons, typography, and various toolkits. The repository is community-driven and continuously updated via pull requests and issues.

  2. Curated design resources for inspiration and learning

    master

    The 'Read and Digest' section provides a curated list of external resources for designers and developers to stay updated on modern design, UX, and web development trends. These resources include:

    • Design Magazines & Blogs: Sites like Design Milk, Smashing Magazine, Design Taxi, and Yanko Design for art, architecture, and web design trends.
    • Corporate Design Blogs: Insights from industry leaders such as Google Design, Airbnb Design, Facebook Design, and Dropbox Design.
    • UX & Research: Specialized publications like UX Magazine, UXBooth, UX Movement, and UXTOOLS for experience design and user research.
    • Inspiration Galleries: Visual showcases including Site Inspire, One Page Love, Lapa (landing pages), and Awwwards-style collections like Best Website.
    • Technical & Code-focused Design: Resources like Codrops (web trends/techniques), CodePen Blog, and CodeMyUI (UI inspiration with code snippets).
    • Specialized Tools & Assets: Resources for specific needs like Emoji Cheat Sheet, SVG PORN (SVG inspiration), and TRIDIV (CSS 3D shape editor).

  3. Explore design and UX podcasts

    master

    A curated list of podcasts covering various aspects of design, including UX, typography, web design, and creative culture. Notable options include:

    • UX & Product Design: UX Podcast, Tentative.fm, The Hacking UI Podcast, Boagworld UX Show, and UX COFFEE - 设计咖.
    • Web & Technical Design: Shop Talk, Responsive Web Design Podcast, CodePen Radio, and Layout.fm.
    • Typography: Type is Beautiful - 字谈字畅.
    • General Design & Culture: 99% INVISIBLE, Design Matters, The Great Discontent Podcast, and Design Details Podcast.

  5. Find photorealistic mockups and design assets

    master

    Use the following resources to find mockups, device assets, and design templates for presentations and branding:

    Mockup & Device Assets

    • Mockup World: Photorealistic Photoshop mockups.
    • Placeit: Branding and marketing visual assets.
    • Epicpxls: Fonts, graphics, templates, and UI Kits.
    • 360 Mockups: Free PSD mockups.
    • Facebook Devices: Images and Sketch files of popular devices.
    • Facebook HandsKit: Photos of hands holding various phones.
    • Smartmockups app: Tool for creating marketing images.
    • Rotato 3D mockups: 3D mockups.
    • BrowserFrame: Wrap screenshots in browser frames (supports multiple browsers, OS, and themes).
    • Device Shots: Create device mockups for social media using website or mobile app screenshots.
    • ScreenSpace: Mockup tool.

    Design Placeholders & Blocks

    • UINames: Generate fake names for designs.
    • Lorem Ipsum: Generate placeholder text.
    • Froala Design Blocks: Over 170 responsive Bootstrap-based design blocks for web/mobile apps.
    • NinjaMock: Wireframing tool.

  6. Conduct user testing and UX research

    master

    The following tools are categorized by their primary UX research function:

    User Observation & Video Feedback

    • Lookback.io: Capture user experience directly.
    • UserTesting: Video of real people speaking thoughts while using products.
    • UserBrain: Video-based testing for websites, web apps, or prototypes.
    • Ethn.io: Remote user testing suite.
    • UserTest.io: Remote user testing.
    • Validately: Recruit testers, launch tests, and analyze results.
    • Users Think: On-demand user feedback.
    • Maze Design: Conduct user interviews.

    Heatmapping & Behavior Analysis

    • CrazyEgg: Heatmapping software.
    • HotJar: Screen recordings, heatmapping, form/funnel analysis, and surveys.
    • Inspectlet: Captures user actions and browsing with real-time timeline heatmaps.
    • Clicktale: User experience management platform.

    Feedback & Remote Research

    • User Zoom: All-in-One Agile UX Research Platform.
    • Usabilla: Customer feedback and survey tool.
    • Reflector: Wireless mirroring and streaming receiver.

  7. Find Typography and Font resources

    master

    Use these resources for typeface discovery, font management, and typographic education:

    Font Discovery & Downloads

    Typographic Inspiration & Tools

  8. Browse Design Books for Theory and Practice

    master

    A curated list of essential reading for designers covering interaction design, usability, typography, and UX processes. Notable titles include:

    • Universal Principles of Design
    • Don't Make Me Think
    • About Face: The Essentials of Interaction Design
    • Thinking with Type
    • The UX Book
    • Lean UX

  9. License information for Awesome Design

    master
    This project is licensed under CC0 (Creative Commons Zero). To the extent possible under law, the author has waived all copyright and related or neighboring rights to this work, placing it in the public domain.

  10. Find Icon and Logo resources

    master

    The following resources provide icons, logos, and vector graphics for design projects:

    Icon Libraries

    Logo Inspiration

  11. Find color palettes and color tools

    master

    The Color category contains tools for generating schemes, picking colors, and finding inspiration. Key resources include:

  12. Explore Styleguides and Branding resources

    master
    Use these resources to study how major brands and design systems implement their visual identity, brand guidelines, and design languages. This includes enterprise design systems like Ant Design, Google Material Design, and Microsoft Fluent Design System, as well as brand-specific resources from companies like Apple, IBM, Spotify, and Facebook.