Layout — SitePoint
Featured
Advertise with usRecent
5 Web Design Trends for 2021
Design & UX
By SitePoint Sponsors,
Web design trends come and go. 2020 was no exception. Web designers will see some familiar trends replaced by safer and more dependable design choices.
Meet Flipsnack, An Easy Design Tool for Incredible Magazines
Design & UX
By SitePoint Sponsors,
Flipsnack is a design/layout tool similar to InDesign and Affinity Publisher that helps you easily create professional layouts online.
How to Use Bannersnack to Generate Amazing Banners in Seconds
Design & UX
By Gal Shachar,
Gal Shachar introduces Bannersnack, an online, drag-and-drop interface that lets you design banner ads quickly and efficiently, saving time and money.
How to Speed Up Your UX with Skeleton Screens
Design & UX
By Chris Lienert,
Delivering a speedy UX isn't all about code and servers – it's about how things feel. Chris shows you how to use 'skeleton screens' to speed up your UX.
Designing Form Layout: Color
Design & UX
By Jessica Enders,
Human beings are sensitive to color. We process it without us even realizing, and we can’t help noticing differences. This is useful in form design.
Designing Form Layout: Spacing
Design & UX
By Jessica Enders,
Human beings see things that are close to each other as being related. Conversely, things that are not related usually have some space between them.
Designing Form Layout: Alignment
Design & UX
By Jessica Enders,
Create a straight, unobstructed, vertical path to completion. Now it's faster for your form to be filled out, and it looks neater and simpler too.
How to Prototype Interactions with Adobe XD
Design & UX
By Daniel Schwarz,
The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial.
UX: What Can We Prototype? What Can’t We Prototype?
Design & UX
By Dan Goodwin,
In this article, we'll look at some of the uses for prototypes -- and also some of the things that you shouldn't use prototypes for.
How to Use Adobe XD’s Smart Guides
Design & UX
By Daniel Schwarz,
Smart guides illustrate how objects align to one another — they can display the distance between layers, or whether a layer has snapped to another.
3 Overlooked Tweaks to Optimize Website Usability
Design & UX
By Pius Boachie,
Boachie Pius talks about analysis paralysis and three of the most overlooked website usability optimizations, and shows us how to fix them.
UX Lessons from Amazon: 4 Hacks Guaranteed to Boost Conversions
Design & UX
By John Stevens,
John Stevens talks about how Amazon is breaking records when it comes to conversions, and what you can do about your own UX to mirror their success.
5 Fast Tools For Generating Polished Product Mockups
Design & UX
By Alex Walker,
Product mockups are used to showcase web/app designs in a device frame, but can we accomplish this without Photoshop? Yes, and today, Alex shows us how!
How to Master Nostalgia Marketing in Web Design
Design & UX
By Suzanne Scacca,
Suzanne explains the user psychology behind nostalgia and how we can utilize nostalgia marketing in web design for higher conversions.
Can AI Solve Your UX Design Problems?
Design & UX
By Mukund Krishna,
It's easy to think of AI as the stuff of abstract computer science, but, increasingly, we're beginning to seeing Artificial Intelligence in UX design.
6 Free Material Design CSS Frameworks for 2017 Compared
Design & UX
By Giannis Konstantinidis,
Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs.
Here are the 5 Things Great Designers Do Differently
Design & UX
By Tobi Abdulgafar,
Web and interface designers are becoming a dime a dozen, Tobi explains what great designers do to stand out from the crowd.
6 Clever SVG Pattern Generators for Your Next Design
Design & UX
By Alex Walker,
Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them.
The UX of the Zombie Scroller (and How to Cure It)
Design & UX
By Petras Baukys,
Have you ever been scrolling when you realized you didn't read anything in the past 10 seconds? That's 'Zombie Scrolling'! Petras can save you.
7 Proven Cognitive Biases (And How They Impact Your Design)
Design & UX
By Tomas Laurinavicius,
Our brains are amazing instruments – but they're not perfect. Tomas shows you how to use cognitive biases to help your design, rather than undermining it.
Finch.io: A Visual Tool for Finding and Fixing Design Bugs
Design & UX
By Alex Walker,
Finch.io is a new visual approach to finding and fixing bugs in your web projects. We take a test-drive of the beta to see what the fuss is about.
10 Free UI Kits for Android Nougat and iOS 10
Mobile
By Ada Ivanoff,
Ada Ivanoff shows 10 of her favorite Free UI Templates for Android Lollipop and iOS 8 application design.
6 Ways to Improve Long-Scroll Mobile Websites
Design & UX
By Abbas Rajani,
Abbas Rajani shows us how to offer users a better mobile UX by optimizing the layout and content of long-scrolling mobile websites.
Responsive Design in Sketch: Group Resizing vs. Auto Layout Plugin
Design & UX
By Daniel Schwarz,
We've waited and improvised, but now the wait is over. Sketch now offers responsive design features, but how does it compare to the Auto Layout Plugin?
5 Emerging Trends to Amp-up Your Web Designs in 2017
Design & UX
By Gabrielle Gosha,
Gabrielle Gosha reveals which web design trends you need to try in 2017, including meganavs, overlapping content and neutral tones.
6 Free Web-Based SVG Editors Compared
Design & UX
By Ada Ivanoff,
SVG is more important to web design than ever before. Today we no longer need to leave our web browsers to create it. Ada looks at the options.
How to Handoff Designs with Sketch and InVision
Design & UX
By Daniel Schwarz,
Development teams are getting larger and collaboration never more challenging. Can Sketch and Invision help?
Web Layout 101: Vertical Rhythm is a Drummer
Design & UX
By Alex Walker,
Vertical rhythm is often worshipped or ignored. But perhaps its at its most useful when we treat it as a trusted advisor to our layouts.
Catching Frontend UI Design Tricks with SnappySnippet
Design & UX
By Alex Walker,
Often the key to understanding complex things is to understand their simpler parts first. SnappySnippet is a tool that can help you with that.
5 Ways to Delight with UX Details Combining GIFs and CSS
Design & UX
By Tim Brown,
The GIF format has been around for so long that sometimes it's easy to overlook its usefulness. Tim wants you to reconsider the power of GIFs and CSS.