Articles - Page 135

Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.

Tips for Designing Better Mobile Typography

Mobile / 5 Mar 2014

Tips for Designing Better Mobile Typography

Mobile is big right now. But often the typography is small. When it comes to creating great type on small screens, there are plenty of challenges.

So how can you make the most of responsiveness, mobile design and typography? The first step is really understanding type and the second is by thinking about how people read. Put the two together and you will get a handle on creating great mobile type in no time. It’s a skill that every designer needs to master in the digital age.

Creating Visual Hierarchy With Typography

Typography / 3 Mar 2014

Creating Visual Hierarchy With Typography

Visual hierarchy is an important element in any design project. It tells people where to look and what things on the screen or printed page are most important. Hierarchy gives readers a sense of how to actually read material from start to finish with visual cues and flow.

While you can create visual hierarchy using a number of different tools, today we are going to look at ways to create structure with just typography. (And take a look at the images used throughout this post; they are all examples of great type hierarchy in action.)

Making Vintage Design Work for You

Inspiration / 19 Feb 2014

Making Vintage Design Work for You

Vintage textures and palettes are in. They are popping up in a variety of uses from large-scale design projects to small details in a logo or background texture. This dated-style technique has really made a comeback.

Today, we will look at how you can create and establish a great palette for a vintage-style design from color to type to texture choices.

Why I Love Ampersands & You Should Too

Typography / 10 Feb 2014

Why I Love Ampersands & You Should Too

Without a doubt, the most beautiful character in the English language is the ampersand. The single character comes in so many fashions – from the simple & to the casual E- to t-style representations.

But where did this character come from? What does it mean? And most importantly how can you take advantage of using it in your design projects? Here we will take a look at my favorite character from its history to uses and a gallery of great ampersands to inspire you.

Understanding Design Copyrights and Trademarks

Business / 27 Jan 2014

Understanding Design Copyrights and Trademarks

Not that long ago we entertained a discussion about design plagiarism here on Design Shack, but what does it mean if your work is stolen? How do you even know if your work is protected? And moreover, what can you do about it?

That’s where the protection of copyrights and trademarks come in. But what are they? And how do they apply to your designed work? Let’s take a look.

Why You Should Be Sketching (Even if You Can’t Draw)

Inspiration / 13 Jan 2014

Why You Should Be Sketching (Even if You Can’t Draw)

The first part of any project, print or digital, should start on paper. Sketching can be an integral part of any design process — even if you can’t draw.

But who needs to sketch? Just artists and illustrators are required to put pen to paper, right? Wrong! Today we’ll take a look at why sketching can be an integral part of everyone’s design and brainstorming process.

Why Does User Experience Matter?

UX Design / 30 Dec 2013

Why Does User Experience Matter?

User experience – notably poor user experience – has been a hot topic in recent months with the much-publicized launch of HealthCare.gov and its subsequent issues. User experience is a part of the design process that you don’t hear about unless something goes wrong. But it is something that should be an integral part of the design process, from early concepts to the final product.

So with this renewed – and very public – discussion about user experience, why does it matter to designers?

6 Famous Logos That Leverage Inconsistent Design

Graphics / 29 Dec 2013

6 Famous Logos That Leverage Inconsistent Design

One of the most powerful tools that you can use to improve any design is repetition. Repeating colors, shapes and other visual elements throughout a design increases consistency and familiarity so that the design feels more attractive.

But what about the flip side of this idea? Is it possible to wield inconsistency in such a way that it improves the quality of a design? It turns out that lots of well known logos use this very tactic. Read on to see what they are.

Was My Design Plagiarized (Or Is That Just Flattery)?

Business / 3 Dec 2013

Was My Design Plagiarized (Or Is That Just Flattery)?

Is nothing original anymore? It’s a concept we designers talk about all the time. All original ideas “have been used already”. But is that true? (I, for one, am not sure I actually believe it.) And if it is true are we all plagiarizing other designs on a daily basis?

All of these are ideas that are thrown around loosely, but have quite serious implications. So how do you know if your design idea was plagiarized? Or is a similar concept just the most sincere form of flattery? Let’s dig a little deeper today…

Learn by Example: 6 Lessons for Designing Restaurant & Food Websites

Graphics / 22 Nov 2013

Learn by Example: 6 Lessons for Designing Restaurant & Food Websites

Today’s topic is a delicious one: restaurant and food websites. Small businesses pay the bills for freelance designers and local restaurants can serve as a major source of revenue. If you’re embarking on your first restaurant site design though, there are a few things that you should know.

In this article, we’ll learn by example as we take a look at lots of mouthwatering food and restaurant websites. By examining what these designers got right, you’ll help ensure your own success in this area.

Build a Super Easy CSS Slider With Thumbnails

CSS / 15 Nov 2013

Build a Super Easy CSS Slider With Thumbnails

Today’s project is another exploration of the types of practical applications that you can achieve with a little ingenuity and some fairly basic CSS. You’ll be blown away by how much you can achieve with just a few lines of code.

The final result with be a great way to display a strip of small image thumbnails that the user can hover to see larger images. Let’s dive in and see how it works.

Build a Freaking Awesome Pure CSS Accordion

CSS / 8 Nov 2013

Build a Freaking Awesome Pure CSS Accordion

Who has two thumbs and loves to push the bounds of CSS? This guy. Let’s jump into a project that does just that. It’s pretty experimental and won’t pass the semantic police, but it’ll teach you a heck of a lot about advanced CSS tactics and will be tons of fun.

What we’re going to build is a pure CSS horizontal accordion slider. You’ll be able to insert as many slides as you want, each with unique content and each accessible via a click event, all without a lick of JavaScript. Impossible you say? Never!