The Aesthetics of Wireframes and the Importance of Context

,

The Aesthetics of Wireframes and the Importance of Context

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

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

,

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

,

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 …

Evoke an Emotional Response: Using Red as a Design Tool

Levilive

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? Red has very strong meanings and symbolism …

Understanding HTML5 and CSS3 for Web Design

Understanding HTML5 and CSS3 for Web Design

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 …

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

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

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

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

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

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

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

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

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 …

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Newsletter
Newsletter
Newsletter
Newsletter
🍪

We use cookies to ensure that we give you the best experience on our website. Privacy Statement.

  • I disagree
  • I agree