Layout

Successful global brands can become so ubiquitous that we don't almost don't notice them. Andrei shows they have some valuable typography tips to teach us.

Every year your workflow changes. For me, 2016 was the year when the Chrome App arrived as a serious web/UI design option.

Adobe have finally offered a genuine competitor to Sketch. The big question is: Adobe XD or Sketch? Is the new kid on the block a real contender?

The top right of screen is a difficult area of the screen to design for. Michaela shows you how to select the best images for your layout.

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.

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.

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. 

Websites are so often boxes in boxes in boxes. Daniel has 5 different ways to break your habit of rectangular website designs.

Today I have three more innovative ideas from psychology involving human reactions to color, change and attention spans that take things to another level.

Wireframing is a key component of modern frontend design but often overlooked in design and development courses. Saad can help.

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?

We're overwhelmed with UX advice. Ryan offers a few gems of UX wisdom that you probably won't read on the other blogs and resources sites. 

Today we've put together a list of 8 impressive and distinctive headline fonts designed to give your layouts an extra touch of star power. Enjoy.

Adobe has waded back into the UI design space with Adobe XD. Dan has a handy tip for importing assets pain-free using the Adobe XD's Repeat Grids feature.

Saad explains how white space, a lack of content, can make a design more effective.

We have access to a wider set of web fonts than ever before, but choice can be a tyranny. Luckily Antonietta has 20 tools to help you better pair type.

Read Conversational UIs, R2-D2 and Avoiding the Uncanny Valley and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Design isn't something you only do at your desk. Gabrielle has 9 apps to help designers get things done on their iPhone.

Design is a series of decisions on what is most important – and what isn't. Wes looks at how to focus your users by using with prioritized navigation. 

Sketch has become the key tool for so many Front-end designers that it's hard to ignore. Daniel gets you up-to-speed with the UI basic in under 5 minutes.

Sketch app is primarily an Interface Design tool so it makes sense for it to be responsive. Daniel show

SVG patterns are a great low-bandwidth tool for designers but setting them up can be hard. Alex shows how Boxy SVG makes things much easier.

'Don't Repeat Yourself' (DRY) is a coding concept but it makes perfect sense for graphic design too. Daniel shows us how Sketch Symbols help us stay DRY.

Split-screen layouts are a bold stylistic choice but not suited to all designs. Today, Daniel balances some design inspiration with a few words of caution.

Sometimes it helps to think of SVG, not as an 'image format', but as a 'recipe'. And once you *really* know a recipe, you can start to change it. 

Card-based layouts are a great option for many design problems. Ivaylo shows us how to use Semantic UI to create great, mobile-friendly UIs.

SVG is hot but easily corrupted. Boxy SVG is a free editor that helps you make the most of what the SVG format is good at.

 Being able to easily share your Sketch designs is hugely beneficial to your team, clients, and collaborators. Daniel has some answers.

Humans love to look at eyes. We can't help it. But sometimes that can be a problem for our layouts. Alex looks at how you can direct the eye of your users.

Tired of using the same old Photoshop filter effects to your images. Liz has a magic big of creative photo hacks to spice up your look.