Free e-Book: Demystifying Delightful Interaction Design

The newest guide in our free downloadable library is now available.

Demystifying Delightful Interaction Design explores the facets of delightful design from a perspective most useful to UX/UI professionals. Here’s a little of what to expect inside.

Continue reading Free e-Book: Demystifying Delightful Interaction Design

4 Best Practices for Unforgettable Landing Page UX

As described in the free e-book Web Design for the Human Eye, landing pages are essentially your ‘shop window’ and you have one chance to impress the user. Do this, and it’s likely that they will go on to browse the rest of the site, perhaps even making a purchase and reading through your carefully crafted content along the way.

In this post, we’ll deconstruct a few visual examples and explain UX best practices for every landing page.

Continue reading 4 Best Practices for Unforgettable Landing Page UX

3 Crucial UX Considerations Before Going Parallax

Skeuomorphism gives way to flat, and flat gives way to … something in between. One technique that’s taken hold in recent years is parallax scrolling — a visual effect that adds the illusion of depth to your site.

In this piece, we’ll explain a few things you must consider if you want this technique to work for you. 

Continue reading 3 Crucial UX Considerations Before Going Parallax

3 Problems Killing Enterprise UX Design (And How to Fix Them)

Enterprise UX design is a whole different animal.

If you’re designing in an enterprise, you need to navigate the organizational complexities inherent to large companies (not to mention any annoying legacy processes).

If you’re designing for the enterprise, your company is probably at least mid-sized and distributed across multiple offices (perhaps even continents). You’re not just facing organizational complexity, but also designing products whose users aren’t the buyers.

In either case, enterprise UX carries its own set of risks and opportunities.

With insights from some of the top UX practitioners today, we’ll explain the three most common problems with enterprise UX design – and how the experts solve them.

Continue reading 3 Problems Killing Enterprise UX Design (And How to Fix Them)

Free pocket guide: Style Guides for Modern Designers

Style Guides for Web UI Design: An Overview for Modern Designers gives a practical overview of styles guides for web design, pointing you in the right direction depending on your project needs.

Let’s take a look inside the pocket guide.

Style guides are essential to any design project, but they’re too frequently slapped together – or worse, outright ignored. The problem isn’t the practice of making a style guide, the problem is making the wrong kind of style guide and using the wrong process. There’s no one type of style guide that will work for every project; each has its own variations and components that can be modified and customized to suit different needs.

This free pocket guide explains them all in a concise yet pragmatic format.

What’s Inside:

Screen Shot 2015-05-29 at 10.43.20 PM

Drawing on real-world examples from Adobe, Facebook, BBC, and more, this free pocket guide will teach you:

  • exactly how a style guide can aid any project
  • the 4 main types of styles guides and when to use each
  • expert advice on creating mood boards that are as useful as they are inspiring
  • what a style tile is and how it can help you
  • advice on which sections to include in a brand style guide.
  • why a front-end style guide is one of the most popular

This pocket guide comes with real screenshots from actual company style guides, so you can see exactly what we’re discussing.

Download free ebook now

Free e-book: Web UI Techniques (Cards & Minimalism)

We’re proud to announce the latest expansion to our free downloadable library: Cards & Minimalism, a part of the Curated Collection of Web Design Techniques.

Analyzing examples from real-world sites like Google, Microsoft, Trello, and Squarespace, this book explains the best practices, history, and pros/cons of two of the most popular design techniques around today.

Hotter than ever now thanks to mobile devices, cards and minimalism are both those rare techniques that are as useful as they are aesthetic.

As an organization method, cards streamline responsive design and suit the usability of mobile devices. Minimalism is achieving new heights thanks to its quick loading times, influence over users’ visual flows, and how it complements the flat design movement. When you consider how these techniques simply make a site look on top of it all, you can see why they’ve become so popular.

What’s Inside the free e-book

Web UI Techniques

This free book helps you determine whether or not the techniques of cards and minimalism will work for you, and if so, how to best implement them. Across 60+ pages, you’ll find:

  • the experts’ strategies for using both techniques
  • the advantages and disadvantages of each, so you can make an informed decision
  • screenshots and explanations from the sites that use these techniques best
  • detailed explanations of the fundamentals, including symmetry, white space, and layout tips
  • 20 outside resources and tools for more hands-on mastery

Download free ebook now

Free pocket guide: Web Design Trends (Vibrancy of Color)

We have a new edition of our popular Web UI Trends Present and Future Series – which explores the current landscape of UI design, and how designers can stay ahead of the curve in the future. The Vibrancy of Color deconstructs the modern take on color, showcasing its points with 22 hand-picked examples from some of the most gorgeous sites around today.

Take a peek inside.

Colors are just as important to web design as they are any other visual medium, and skilled artists don’t just choose their paints at random. Each color evokes a specific mood, allowing the designer to influence the emotional connection the user draws, from light and cheery, to reliable and professional. Combining colors, too, can create an eye-catching contrast that gets your user’s attention where you need it.

What’s Inside…

This 31-page free pocket guide not only outlines the fundamentals of color theory that every designer should know, but it also explores their use through a modern – and future – perspective.

Design Trends Vibrant Colors UXPin ebook

In this book, you’ll learn:

  • Expert tips on applying color for flat design themes, including flat color palettes
  • The specific emotions connected to each of the primary colors
  • How to effectively build a monochromatic color scheme
  • The influences of the fashion and interior design industries on web design
  • Contrasting colors: which ones pair up, and how to use that to your advantage
  • How to combine colors with textures and hover effects to enhance the entire design
  • Where to find tons of helpful online resources
  • How to build a color scheme that stands the test of time

You can download this free e-book right now. Read it today, and share the knowledge.

Download free ebook now

Free e-book: Zen of White Space in Web UI Design (Balance & Contrast)

White space – or negative space as it’s also known – is a highly misunderstood and underappreciated component of proper UI design. That’s why we wrote our latest ebook, Zen of White Space in Web UI Design, to clarify its importance and explain its application, using 14 real examples from companies like Apple, Lever, Wanderlust, Sketchapp, and more.

Take a peek inside!

“Less is more” is the fundamental principle that gives white space its strength. By adding or subtracting empty space around certain elements you can draw/repel attention, highlight their importance, and even exude certain moods, such as elegance.

What’s Inside…

Over 58 pages, this free ebook explains why white space is a lot more than empty space.

White Space in Web UI Design

After reading this book, you’ll know:

  • The principles that govern white space, taken from the history of aesthetics, and applied to web design
  • The differences between compositional, visual, and textual white space
  • How to create visual hierarchy and draw attention with white space
  • How to build a comprehensive and attractive layout structure
  • Why white space is especially important for single page sites
  • The power of spacing for grouping, chunking, and navigation

This free ebook is available to download right now. If you find it helpful, feel free to share.

Download free ebook now

Free e-book: White Space in Web UI Design (Mastering the Power of Nothing)

Our free library is again expanding with another free e-book, White Space in Web UI Design. Using examples from Apple, Microsoft, Marvel, Wunderlist, Medium, and others, this book explains and shows how to use white space – or negative space – to make the most out of your design. Take a peek inside!

White space is not just an empty canvas that should be filled up the first chance you get. Just like any other design element, there are techniques, reasoning, dos and don’ts, and styles behind it. This book outlines them all, so you know how to apply white space in the best way for your web UI designs.

What’s Inside…

Mastery of white space requires a solid understanding of topics like visual design aesthetics, content readability, human sight patterns, the overall feel of your site, and minimal design philosophies. This free ebook addresses these topics and more, explaining the facts behind its proper usage, and showcasing real-life examples from the sites of popular companies.

White Space in Web UI Design

After reading this book, you’ll learn:

  • the various kinds of white space, and how to use each
  • how white space works differently applied to different types of sites
  • using white space with the Gestalt principles
  • how to attract attention with spacing
  • methods for alternating and contrasting spatial elements
  • proper spacing for text: lines, paragraphs, and headings
  • finding that perfect balance between too much and too little

This book is available to download for free. If you find it helpful, feel free to share.

Download free ebook now