visual design

Articles

10 Basic Principles of Visual Design

10 Basic Principles of Visual Design

Design with intent and always have an idea that connects everything in your design. Pick your fonts carefully and with a purpose, think about how every tiny part of your design follows that base concept. Coherence is everything.

The Ultimate Guide to Becoming A Designer Without Going To Design School

The Ultimate Guide to Becoming A Designer Without Going To Design School

A list of options for getting trained up as a professional designer without going to design school.

3 ways to improve your visual design skills

3 ways to improve your visual design skills

Quick tips for visual design newbies

A Five Minutes Guide to Better Typography

A Five Minutes Guide to Better Typography

Don't nerd over typefaces, just pick one. Think type as blocks. Align with your eyes. Hierarchy first. Use contrast. Fine-tune with spacing. And voilà.

The 8pt Grid: Consistent Spacing in UI Design with Sketch

The 8pt Grid: Consistent Spacing in UI Design with Sketch

Spacing is everything in UI design.

Principles for Mobile Design

Principles for Mobile Design

We all have many tips and tricks, styles, favorite research learnings, lists of heuristics to keep in mind, examples we try to follow, and favorite apps and Web sites. These are all tactical approaches to design. Using design principles means adding a layer of structure and meaning to your design tactics to help you to make better design decisions.

Gestalt principles in UI design

Gestalt principles in UI design

How to become a master manipulator of Visual Communication.

A Comprehensive Guide To UI Design

A Comprehensive Guide To UI Design

This article dives into the details of designing user interface components.

Little UI Details

Little UI Details

A collections of little tips from @steveschoger to improve your visual design skills with the little details that make a big difference.

The Psychology Principles Every UI/UX Designer Needs to Know

The Psychology Principles Every UI/UX Designer Needs to Know

Psychology plays a big part in a user’s experience with an application. By understanding how our designs are perceived, we can make adjustments so that the apps we create are more effective in achieving the goals of the user.

All Thumbs, Why Reach Navigation Should Replace the Navbar in iOS Design

All Thumbs, Why Reach Navigation Should Replace the Navbar in iOS Design

As devices change, our visual language changes with them. It’s time to move away from the navbar in favor of navigation within thumb-reach. For the purposes of this article, we’ll call that Reach Navigation.

Best free app design resources: templates, tools and inspiration

Best free app design resources: templates, tools and inspiration

Stay ahead of the curve and work better with these best free app design resources for your UX design toolbox

Design Better Forms

Design Better Forms

Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos and don’ts of form design.

The Android Developer’s Guide to Better Typography

The Android Developer’s Guide to Better Typography

Typography can make a big difference in the attractiveness and usability of an app, and now Android developers can use typefaces from the Google Fonts catalog. It’s simple, efficient, and opens up a range of new typographic options.

Best practices for site search design

Best practices for site search design

Search can be a powerful tool for improving UX. And it only gets more powerful when you follow these best practices.

Videos

Typography Tutorial - 10 rules to help you rule type

Typography Tutorial - 10 rules to help you rule type

10 Typography rules to help you improve your type skills. Get better at graphic design by understanding how to use type. Improve your layouts instantly by following these 10 easy to follow rules.

Typography

Typography

Master important techniques and tricks to improve your typography skills in Sketch.

Learn the fundamentals of icon design in 1 hour

Learn the fundamentals of icon design in 1 hour

"Intro to Icons" is an online course with 30 fast–paced videos by Matt D. Smith.

Podcast

Persuasive Design is Product Management

Persuasive Design is Product Management

Victor Yocco, Author and Research Director at EY-Intuitive, shares the key psychological principles that drive user adoption and how product teams can use these principles to build more persuasive products.

Typography in UI Design with Rafal Tomal

Typography in UI Design with Rafal Tomal

You’ll learn about the current state of web typography, why fonts play such a huge role in usability and branding, and how to make sensible font choices for your software product.

Tools

Mobbin

Mobbin

Mobbin is a hand-picked collection of the latest mobile design patterns from apps that reflect the best in design. Get inspiration from over 100 iOS apps and 5,000 patterns.

Color Hunt

Color Hunt

Curated collection of beautiful colors color palettes, updated daily.

Resource Cards - Selected free resources for designers

Resource Cards - Selected free resources for designers

Resource Cards is a growing list of free resources aimed to help creatives with their next project.

Behance

Behance

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

Google Fonts

Google Fonts

Google Fonts is a library of over 800 libre licensed fonts, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android.

Fontface Ninja

Fontface Ninja

Fontface Ninja is a free browser extension that let you inspect, try, buy and bookmark any fonts on any website.

Typewolf

Typewolf

Typewolf helps designers choose the perfect font combination for their next design project—features web fonts in the wild, font recommendations and learning resources.

ColorZilla

ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

Sip for Mac

Sip for Mac

The best way to collect, organize & share your colors.

Unsplash

Unsplash

Beautiful high quality free images and photos you can download and use for any project. No attribution required.

Dribbble

Dribbble

Get inspired by the Dribbble community of designers sharing screenshots of their work, process, and projects.

Coolors

Coolors

Generate perfect color combinations for your designs.

Calltoidea

Calltoidea

Calltoidea is the unique place where you can find inspiration. A great tool created by a deisnger for web professionals.

Grabient

Grabient

Beautiful and simple UI for generating web gradients.

UI Movement

UI Movement

UI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs.

Awwwards

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.

Pexels

Pexels

Free stock photos you can use everywhere.

Icons for everything

Icons for everything

Over a million curated icons, created by a global community.

Flaticon

Flaticon

The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.

illustrio

illustrio

A smarter icon library. Build something great with 100% customizable icons. 100% free download (all icons in SVG or PNG format).

Feather

Feather

Simply beautiful open source icons.

Books

100 Things Every Designer Needs to Know About People

100 Things Every Designer Needs to Know About People

This book combines real science and research with practical examples to deliver a guide every designer needs. With it you’ll be able to design more intuitive and engaging work for print, websites, applications, and products that matches the way people think, work, and play.

Designing Brand Identity: An Essential Guide for the Whole Branding Team

Designing Brand Identity: An Essential Guide for the Whole Branding Team

From research and analysis through brand strategy, design development through application design, and identity standards through launch and governance, Designing Brand Identity, Fourth Edition offers brand managers, marketers, and designers a proven, universal five-phase process for creating and implementing effective brand identity. Enriched by new case studies showcasing successful world-class brands, this Fourth Edition brings readers up to date with a detailed look at the latest trends in branding, including social networks, mobile devices, global markets, apps, video, and virtual brands.

Color Design Workbook: A Real World Guide to Using Color in Graphic Design

Color Design Workbook: A Real World Guide to Using Color in Graphic Design

Since color is such a important part of graphic design, designers need the most up to date as well as the most fundamental, information on the subject to have the tools needed to use color effectively. From the meanings behind colors to working with color in presentations, this book provides readers with the vital information needed to apply color creatively and effectively to their design work.

100 Years of Swiss Graphic Design

100 Years of Swiss Graphic Design

100 Years of Swiss Graphic Design takes a fresh look at Swiss typography and photo-graphics, posters, corporate image design, book design, journalism and typefaces over the past hundred years. With illuminating essays by prominent experts in the field and captivating illustrations, this book, designed by the Zurich studio NORM, presents the diversity of contemporary visual design while also tracing the fine lines of tradition that connect the work of different periods.

How to Use Graphic Design to Sell Things, Explain Things, Make Things Look Better, Make People Laugh, Make People Cry, and (Every Once in a While) Change the World

How to Use Graphic Design to Sell Things, Explain Things, Make Things Look Better, Make People Laugh, Make People Cry, and (Every Once in a While) Change the World

Offering insight and inspiration for artists, designers, students, and anyone interested in how words, images, and ideas can be put together, How to provides insight to the design process of one of this century’s most renowned creative minds.

Steal Like an Artist: 10 Things Nobody Told You About Being Creative

Steal Like an Artist: 10 Things Nobody Told You About Being Creative

You don’t need to be a genius, you just need to be yourself. That’s the message from Austin Kleon, a young writer and artist who knows that creativity is everywhere, creativity is for everyone. A manifesto for the digital age, Steal Like an Artist is a guide whose positive message, graphic look and illustrations, exercises, and examples will put readers directly in touch with their artistic side.