The Aesthetics of Wireframes and the Importance of Context

Design, UX DesignMarcin Treder • 31 July

Welcome to the second part of our online course on wireframing and creating design documentation. Hope you enjoyed the first part and you now deeply understand the difference between the common deliverables of the User Experience Design Process: wireframes, prototypes …

Blue Websites Examples: Using a Favorite Color in Web Design

DesignCarrie Cousins • 19 July

We all dream in color. Every design concept and sketch comes with some sort of color association. But what do those colors mean? What associations are we making just with that choice alone? Blue is a color favorite among many …

Super-Intuitive Drag & Drop Template Generator

Create beautiful responsive emails and newsletters easily.

Learn more Try Free

How to Create Infographics in Adobe Illustrator

Adobe Illustrator, TutorialsIaroslav Lazunov • 17 July

Topic: Adobe Illustrator Difficulty: Intermediate / Advanced Estimated completion time: 2 hours In this tutorial we will learn how to create the information graphics (Infographics) using the standard tools of Adobe Illustrator. We will also show you some ways how …

Commercio Free – Business and e-Commerce Icons Set

Freebies, IconsAndrian Valeanu • 16 July

Commercio is a free web icons set for both business and e-commerce websites. This set contains the basic, most important icons usually used in e-commerce and websites related to business. With the help of these elegant icons, the navigation and …

Editor’s Picks

Evoke an Emotional Response: Using Red as a Design Tool

DesignCarrie Cousins • 02 July

Understanding HTML5 and CSS3 for Web Design

CodingCindy Lau • 27 June

Your average visitor may not notice them in the finished product, but to a web developer, those little bits of HTML and CSS code is all they have put together the final show. HTML5 and CSS3 gives a web developer …

Check out the Latest News

Create a Website using UI Packs (PSD to HTML) – Day 3

TutorialsValeriu Timbuc • 21 June

Welcome to the last day of our tutorial (Day 1, Day 2). Today we will create and style the last section of the template, the footer. We will also add the jQuery scripts to make the two sliders for the …

Create a Website using UI Packs (PSD to HTML) – Day 2

TutorialsValeriu Timbuc • 20 June

Yesterday we started a new tutorial series about coding a PSD template using HTML and CSS3. Today we will continue coding our template. We will code the featured movies section and the content section (posts and sidebar). Step 1 – …

Create a Website using UI Packs (PSD to HTML) – Day 1

TutorialsValeriu Timbuc • 19 June

Introduction During the past months we released on DesignModo a few User Interface Packs. All this UI Packs were made in Photoshop and we received a lot of requests to create some tutorials about how to use the elements of …

Why Web Designers are Choosing the Emotional Approach to Attract More Clients

DesignJenna Scaglione • 12 June

Emotional design turns casual users into fanatics, ready to tell others about their positive experience. – Aarron Walter, author of Designing for Emotion. Website design is technologically superior to many crafts. It requires the hands of a skilled artist, one …