ui guide

7 Basic Rules for Button Design

by Nick Babich

Buttons are an essential element of interaction design. They have a primary role in the conversation between a user and the system.

Tutorial

7 Basic Rules for Button Design

Tutorial

Khroma

The AI color tool for designers

By choosing a set of 50 colors, you'll train a neural network powered algorithm to generate colors you like and block ones you don’t, right in your browser.

Tools

Khroma

Tools

Flat UI Color 2

3 Countries, 13 Designers, 13 More Color Palettes

A total set of 14 color palettes and 280 colors for your designs, projects, presentations and other needs.

Resources

Flat UI Color 2

Resources

Token

Cryptocurrency Converter

Inspiration

Token

Inspiration

Whimsical

the visual workspace for teams

Share your ideas visually. Lightning fast.

Tools

Whimsical

Tools

Psychology + design

Gestalt principles you can use as design solutions

I have always believed that Psychology and Design comprise User Experience.

Tutorial

Psychology + design

Tutorial

Opus One UI

Inspiration

Opus One UI

Inspiration

Sketch2AE

Live After Effects layers straight from Sketch artboards

Quickly export selected layers or a whole artboard from Sketch with type metrics, transform data, images, symbol hierarchy, and grouping intact. It's little bit better than the native Illustrator => AE import. Hooray.

Resources

Sketch2AE

Resources

Laws Of Ux

created by Jon Yablonski

Laws of UX is a collection of the maxims and princples that designers can consider when building user interfaces.

Tutorial

Laws Of Ux

Tutorial

ProtoPie

Create the most advanced prototypes as easy as Pie

Piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.

Tools

ProtoPie

Tools

Blocs

An easy to use visual web design app.

Blocs for Mac is a fast, easy to use and powerful visual web design tool that lets you create beautiful and modern websites without the need to write code.

Tools

Blocs

Tools

RUYA

Branding & Digital Agency

RUYA is a leading branding & digital marketing agency in Dubai. Browse through our case studies, get inspired and learn more about how storytelling brands are made.

Inspiration

RUYA

Inspiration

Designing for Television

An introduction to the basic ingredients of a TV UI

Welcome to the new Golden Age of television. Not only is there more great television being produced than ever before, but we also have more choice in how we watch our favorite shows.

Tutorial

Designing for Television

Tutorial

Frames

Design beautiful websites and apps faster than ever

Use carefully crafted components and Sketch best practices combined into a most powerful web design system, that will supercharge your design workflow.

Resources

Frames

Resources

Norde

Inspiration

Norde

Inspiration

Flowkit

Frighteningly fast user flows,

Quickly build out high-level flows to tell the story of your designs perfect for presentations and documentation.

Tools

Flowkit

Tools

Threed

Generate 3D Mockups right in your Browser

Upload your design, adjust settings and download your individual mockup. Threed is for free and needs no extra Software

Resources

Threed

Resources

Responsive Screenshots

Take responsive screenshots with the click of a button!

Resources

Responsive Screenshots

Resources

Lottie

Easily add high-quality animation to any native app.

Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Tools

Lottie

Tools

Y-Cash App

Meet the Y-Cash app concept!

The easiest expenses tracker has the templates for daily spendings. All it takes is just to pick one and type the sum. If the template is no-good for you, swipe it left. Like you are used to on Tinder 😉

Inspiration

Y-Cash App

Inspiration

Muzli

Designers' Secret Source

The best design inspiration - expertly curated for you. Muzli is a new-tab Chrome extension that instantly delivers relevant design stories and inspiration. Learn more

Resources

Muzli

Resources

10 Quick Tips for Sketch 3

Part of a series on Sketch 3 Basics.

Pablo Stanley made a course on Sketch 3 and UI Animation/Prototyping tools.

Tutorial

10 Quick Tips for Sketch 3

Tutorial

Monotype Library Subscription

Spend less time searching & more time creating with beautiful fonts

With more than 2,200 font families all in one location, you can easily find the perfect typeface for your project. Whether it’s for your own, a client’s or your company’s design, having complete access to a broad selection of high-quality, premium type is a must.

Tools

Monotype Library Subscription

Tools

Unsplash

Beautiful Free Images

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

Resources

Unsplash

Resources

Webflow

Design and develop at the same time

Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you. FULL NAME

Tools

Webflow

Tools

1UP

A selected content, everyday.

Inspiration

1UP

Inspiration

Principle

Animate Your Ideas, Design Better Apps

Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

Tools

Principle

Tools

Facebook Design

Experiences from the people designing products billions of people use every day

Collection of articles, videos, and resources made by designers at Facebook.

Resources

Facebook Design

Resources

Platforma

Wireframe Kit

Platforma is a perfect instrument for creating an interactive prototype using many popular online tools like Invision, Marvel, UXPin, etc.

Resources

Platforma

Resources

ueno.

Digital agency

Ueno is a full-service digital agency, busy designing and building beautiful digital products, brands, and experiences.

Inspiration

ueno.

Inspiration

Craft

Ui Design Supercharged.

Craft is a suite of plugins to let you design with real data in mind. Manage them via the new Craft Manager for incredibly easy updating.

Tools

Craft

Tools

$Best Intefrace Designers - Interfacelover$

Interfacelover

Interface Lovers is an online magazine for creative professionals.

Interface Lovers is a peek into what turns the best designers on about pixels and usability.

Inspiration

$Best Intefrace Designers - Interfacelover$

Interfacelover

Inspiration

InVision

Ui Design better. Faster. Together.

The world's leading prototyping, collaboration & workflow platform

Tools

InVision

Tools

Interface Guide for Designers

7 Basic Rules for Button Design

by Nick Babich

7 Basic Rules for Button Design

Khroma

The AI color tool for designers

Khroma

Flat UI Color 2

3 Countries, 13 Designers, 13 More Color Palettes

Flat UI Color 2

Token

Cryptocurrency Converter

Token

Whimsical

the visual workspace for teams

Whimsical

Psychology + design

Gestalt principles you can use as design solutions

Psychology + design

Opus One UI

Opus One UI

Sketch2AE

Live After Effects layers straight from Sketch artboards

Sketch2AE

Laws Of Ux

created by Jon Yablonski

Laws Of Ux

ProtoPie

Create the most advanced prototypes as easy as Pie

ProtoPie

Blocs

An easy to use visual web design app.

Blocs

RUYA

Branding & Digital Agency

RUYA

Designing for Television

An introduction to the basic ingredients of a TV UI

Designing for Television

Frames

Design beautiful websites and apps faster than ever

Frames

Norde

Norde

Flowkit

Frighteningly fast user flows,

Flowkit

Threed

Generate 3D Mockups right in your Browser

Threed

Responsive Screenshots

Responsive Screenshots

Lottie

Easily add high-quality animation to any native app.

Lottie

Y-Cash App

Meet the Y-Cash app concept!

Y-Cash App

Muzli

Designers' Secret Source

Muzli

10 Quick Tips for Sketch 3

Part of a series on Sketch 3 Basics.

10 Quick Tips for Sketch 3

Monotype Library Subscription

Spend less time searching & more time creating with beautiful fonts

Monotype Library Subscription

Unsplash

Beautiful Free Images

Unsplash

Webflow

Design and develop at the same time

Webflow

1UP

A selected content, everyday.

1UP

Principle

Animate Your Ideas, Design Better Apps

Principle

Facebook Design