Digital Design

Designing responsive web layouts in React Studio

Modern web must adapt to various screen sizes. Mobile is everywhere. Few web apps have the luxury of being desktop-only! But it’s hard to make such …

Web Development

The Details That Matter

Your product’s success is based on a combination of factors, but the overall user experience tops them all. When it comes down to designing a new app …

UX Design

Visual Hints That Drive User Behaviour

In this article I’d like to discuss a few examples about how you can use visual devices to help drive user behaviour. If we’re talking about visual …

Computer Graphics

Design With Type

Express your creativity through typography | Framer.com<p>Words matter, particularly when it comes to product design. While most designers have (strong) …

UI Design

Infographic Design: Creating Hierarchy with Julia Frenkle | PRINT

<i>The following is an excerpt from HOWU’s Principles of Infographic Design Principles taught by Julia Frenkle, who founded Opus, a design agency in</i> …

Infographics

Daily Design Inspiration

Part of the Daily Design Inspiration series that started it all on Abduzeedo. This is where you'll find the most interesting things/finds/work …

Design

David Icke on the Hypocrisy of Western Governments Condemning Terrorism

Data Management

Design Trend: Experimental Navigation Patterns

Long gone is the idea that navigation menus must be fixed at the top of a website design. While many designers opt for the safe, consistency of all …

Web Design

Best Practices for Modals / Overlays /Dialog Windows

Modals, Overlays, Dialogs, whatever you call them it’s time to revisit this UI pattern. When they first came on the scene, modal windows were an …

Computer Graphics

How to Make Your UI Design Fully Responsive With Sketch — Part 2

<b>How to</b> Make Your UI Design Fully Responsive With Sketch — Part 2<p>Or How to Team Up Fluid And Auto-Layout to Create a UI Design Which is Vertically AND …

Computer Graphics

How to get started with VR interface design

For many designers, the virtual realm is uncharted territory. We’ve witnessed an explosion in virtual reality (VR) hardware and applications over the …

UI Design

2. Displaying Health, Energy and Ammo

Open your <b>HUD</b> Widget Blueprint to access the <b>Widget Blueprint Editor</b>.<p>Inside the Widget Blueprint Editor we can provide the visual layout and scripted …

Adobe

Sketch Tips To Maximize Your Productivity — Part 4: Symbols

<b>Have you ever decided to make a change in a design project, and found yourself working your way through a screen full of artboards updating Every.</b> …

Computer Graphics

Creating a Book Cover Using JavaScript and p5.js | CSS-Tricks

By Engin Arslan On March 20, 2017<p>I recently published a book and an interactive course called Coding for Visual Learners. It teaches coding to …

JavaScript

Designing for Translation: 5 Tips to Get Your Projects Global-Ready

In 2006, the average US website was available in 14 languages. Last year, it was 30. From manufacturers beginning to export to Fortune 500s like …

Computer Graphics

“Blockframing” and 31 Free Sketch-Ready Layouts Using Auto Layout by Anima App

Sketch Tutorials<p>“Blockframing” and 31 Free Sketch-Ready Layouts Using Auto Layout by Anima App<p>Yeah, you can download them. Yes, for free.<p><b>Note from</b> …

Computer Graphics

Is How I See Color How You See Color? Four Games That Test Your Color Vision

Photographers typically spend a lot of time thinking about color, everything from editing in Photoshop, calibrating a screen, or lighting with gels …

Photoshop

From La La Land To Mad Max: How Movie Color Manipulates Our Emotions

Color is as much an important part of a film as music, dialogue, or plot. Color schemes and color grading, however, are often ignored by even the …

La La Land

Weekly Roundup: Send Money with Gmail on Android, Apply to YC and More

We all had a long week of work, school and maybe vacation (some of us) and after spending some time relaxing with family, friends; we'll mostly spend …

Web Design

Make Law More Accessable: Good Typography is Critical

An Interview with Alexandra Devendra<p><i>Can the legal system be more understandable for non-lawyers? Can legal documents be more legible? We talk with</i> …

Edward Tufte

The rules of responsive web typography

Responsive web typography is tough – you need to have both design chops and technical know-how. But however tricky it might be, getting it wrong is …

Web Development

How to Format a Book: 10 Tips Your Editor Wants You To Know

Unless you prefer your friends to be story nerds or those who lean toward obsessive-compulsive tendencies when it comes to grammar, you shouldn’t …

Publishing

How to Create a One-Page Brand Style Guide

There’s always been some dispute over how long exactly a company’s style guide should be. The minimalists among us have always preferred it to be …

Computer Graphics

The Beauty Of Imperfection In Interface Design

Sometimes we tend to think of our designs as if they are pieces of art. But if we think of them this way, it means they won’t be ready to face the …

UX Design

A Beginners Guide on How to Style an Ionic 2 Mobile App

<b>Hey guys! In this post I will step by step walk you through the extreme basics on how to style an Ionic 2 application using SCSS.</b><p>To make the most of …

Computer Graphics

6 Infographic Best Practices You've Been Missing out on

The key to success with infographics is understanding how to design them according to reader preferences.<p>Infographics were really hot between 2009 and 2011 in the digital marketing world. And while they’ve become a little less popular over the past couple years, they seem to be enjoying a</b> …

Infographics

5 Design Tips For Creating Killer Apps

Time to go back to the drawing board with these app design tips.<p>“A gorgeous app with poor UX isn’t a gorgeous app -- it’s an invitation to frustration.” -- InVision<p>This powerful quote points to the significance of a good user experience and user interface. It will literally make or break your app. …

UX Design

Best Practices for Rethinking Your Menu Design

<i>By Tim Hilton, Foodable Industry Expert</i><p><i>This is the first article in a creative series focusing on the aesthetic and design aspects of your business.</i> …

Computer Graphics

Designing Charts — Principles Every Designer Should Know

Designing Charts — Principles Every Designer Should Know<p>Let’s talk about charts. Any designer who has worked on a project that requires some kind of …

Data Visualization

Prototype And Code: Creating A Custom Pull-To-Refresh Gesture Animation

Pull-to-refresh is one of the most popular gestures in mobile applications right now. It’s easy to use, natural and so intuitive that it is hard to …

UI Design