1 COMMENT
Web
Adam Rasheed, Nov 13

Mobile User Interface Design with Sketch

We recapped our Live Lesson with Adam Rasheed, teacher of our User Interface Design with Sketch course on SitePoint Premium.
Design & UX
Adam Rasheed, Nov 07

Is Figma a Serious Option for Sketch Designers?

There's a lot of social buzz around 'Figma' , a new Browser-based UI Design tool. But is it a serious alternative? We look at Figma for Sketch Designers
Design & UX
Jan Losert, Nov 01

26 Steps of Product & Dashboard Design

Jan Losert has spent 4 years refining his refining his design product dashboard design – now he's ready to share his insights and secrets. Read on.
Design & UX
Adam Hatch, Oct 27

I'm a Designer: How Do I Deal with a Cease and Desist Letter?

There are few things more disconcerting than getting legal notice from seemingly nowhere. But if you receive a cease and desist letter, Adam has your back.
28 COMMENTs
Design & UX
Daniel Schwarz, Oct 25

How to Lift Your UX Out of the Ordinary with Micro-Interactions

Micro-interactions are subtle “moments” centered around accomplishing a single task. Daniel shows how they count for UI designers.
3 COMMENTs
Design & UX
Adam Rasheed, Oct 24

UI Designs with Sketch 40 - Live Lesson!

We're giving you a chance to speak directly with our course instructor and ask your questions directly! This week we focus on Sketch and build a UI design.
5 COMMENTs
Design & UX
Stephen Moyers, Oct 21

The Movement Towards Motion in Website Backgrounds

While the background video trend might not be an automatic usability fail, that doesn't mean you can't get it wrong. Stephen looks at the wins and pitfalls.
Design & UX
workerbee, Oct 20

How to Create More Fun, Playful Typography

While crafting type can sometimes feel stiff and overly mathematical, workerbee wants  to help you find the joy in creating more playful typography.
Design & UX
Adam Rasheed, Oct 12

Designing Custom Icons with Sketch 3

Sketch 3 has design templates included, and many of those have icons in them. This is an easy way to get started, both with icons and with your user interface design. In this video, we'll focus on building your own custom designs, including icons from other sources. We'll takes you through the process of locating good icons, and how to include them in your design projects. We'll also detail the process in finding exact brand colors, so that your icons can be on brand.
Design & UX
Alex Walker, Oct 12

Type Nugget: Good Typography is About Finding the Right Playground

While web designers have more typography choice than ever before, arguably our tools haven't caught up.Type Nugget hopes to fill the gap.
Design & UX
Massimo Cassandro, Oct 10

‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)

How can you create a single SVG graphic – maybe a logo or icon – that can be easily restyled and recolored in any setting or device? Massimo has a solution.
2 COMMENTs
Design & UX
Catarina Borges, Oct 05

What if Your Icon Choices Ruined Your Work?

Icons are about communicating meaning but meaning isn't fixed – it moves. Catarina looks at the icon choices that are causing problems for users.
7 COMMENTs
Design & UX
Jessica Enders, Sep 28

Form UX: Sometimes Even Apple, Google and Amazon Make Mistakes

Jessica Enders looks at how even the giants of digital media can slip up in their web form UX.
2 COMMENTs
Entrepreneur
Andrew James, Sep 27

7 Ways to Nail Your Branding Like a Boss

Branding expert Andrew James looks at seven things small business owners should consider when building their branding.
Design & UX
Stephen Moyers, Sep 21

How Constant UX Benchmarking Helps You Avoid UX Nightmares

Every day the world changes – so does your audience. UX benchmarking is the most effective way to track and identify potential disasters.
2 COMMENTs
Design & UX
Claudia Elliott, Sep 19

How to Take Advantage of the Psychology of Speed Perception

We know that users are less patient and we need to reduce waiting times. But there are also tricks to help us 'bend time' in our favor.
15 COMMENTs
Design & UX
Alex Walker, Sep 16

The Great Prototyping Debate: Software vs Hand-coding

Visual prototyping tools are fast but lack the flexibility of hand-coded HTML prototypes. Why not both? Pingendo is a visual tool based on Bootstrap 4. 
11 COMMENTs
Design & UX
Daniel Schwarz, Sep 13

How to Stop Designing Square Layouts by Thinking Outside of the Box

Websites are so often boxes in boxes in boxes. Daniel has 5 different ways to break your habit of rectangular website designs.
Design & UX
John Stevens, Sep 09

3 MORE Clever Psychology Rules for Making Better UX Decisions

Today I have three more innovative ideas from psychology involving human reactions to color, change and attention spans that take things to another level.
Design & UX
Saad Al-Sabbagh, Sep 08

5 Most Common Wireframing Mistakes (And How to Avoid Them)

Wireframing is a key component of modern frontend design but often overlooked in design and development courses. Saad can help.
2 COMMENTs
Design & UX
Alex Walker, Sep 07

Designing for Moral Mornings and Naughty Nights

We like to imagine that our morals and ethics are set in granite, but the reality is they are much more fluid over a 24 period. Can you design for that?
26 COMMENTs
HTML & CSS
Guy Routledge, Sep 06

AtoZ CSS Quick Tip: Box-Model and Box-Sizing

This article is part of our AtoZ CSS Series where we explore CSS values (and properties) of each letter of the alphabet. Letter B is for Box-Model.
1 COMMENT
Design & UX
John Stevens, Sep 01

4 Clever Psychology Rules for Making Better UX Decisions

UXD is process of building better, more pleasurable products for users. Psychology is the key to understanding their needs and wants.
Design & UX
Daniel Schwarz, Aug 30

Is Sketch App with Atomic.io the Perfect UI Design Duo?

Sketch is great for UI design. Atomic is great for prototyping. But can they combine seamlessly as a Sketch and Atomic.io UI tag team?