Search Results For: style

Typography / 21 Apr 2014

The Complete Guide to Special Characters

Not everything is as easy as ABC or 123. Sometimes your copy might require a character outside of the basic alphabet. That’s where special characters and glyphs come in. (Look around, they are more common than you might think at first.)

Depending on your workflow, inserting a glyph can be as simple as a keystroke or a multi-step process. Much of it depends on the software you are using, typography palette and how the final product will be published. Here, we are going to take a look at special characters, examples of use and tips for success.

Graphics / 15 Apr 2014

Paper 101: Quick Start Guide for Print Projects

While most principles and tenets of design are pretty universal, printing is not. For anyone jumping to a different medium (online to print) or even one medium to another, it is vital to know just what you need and will get when working on a print job.

Elements such as paper stock, paper size, coating and fold can significantly impact how a design is put together for a printed project. Here’s a guide to help you get started and better understand the ins and outs of printed projects.

Software / 31 Mar 2014

Todoist: A Simple and Powerful Tool for Designers

There are so many apps and productivity tools out there, making it hard to find things that fit your needs the best. Some tools are packed with too many gimmicks, which can make it hard to be productive. Others are difficult to use or understand.

Enter Todoist. This tool is simple and powerful. After only five minutes, I was beginning to feel like a super-user. And what’s even better is that it is designed well. Not only does this tool work beautifully, it looks great at the same time. Here’s a look at Todoist, how it works and how you can use it in your workflow.

Business / 26 Mar 2014

Good Writing and Editing Is Part of Great Design

Good writing is arguably the most important piece of a design project. Yes, writing. It happens before the first sketch. And then it continues to happen throughout the design process as text is written, rewritten and edited multiple times.

A stellar design will only get you so far if the content is lacking. Clunky, mistake-laden, or even just plain boring copy will almost certainly ruin any project. Great copy will help a design shine. Here, we are going to look at what good writing and editing can do for your design projects. (Make sure to note the visual examples as well, and how the text and design work together seamlessly.)

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.

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.)

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.

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.

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.

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!

Inspiration / 22 Oct 2013

The Design Process: How Do You Get Started?

Sometimes the toughest part of a new project is actually getting started. In fact, just this small step can be a process in itself.

As designers, we all have different processes and habits, but there are a few common things that everyone can do to make getting started that much easier (and hopefully result in more efficient use of time, and a better end result).

CSS / 18 Oct 2013

5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours

You’ve been coding for a while now and know your way around a CSS file. You’re certainly no master, but with enough fiddling you can get where you want to go. You’re wondering though if you’ll ever get past that point where CSS is such a struggle. Will you ever be able to bust out a complex layout without ultimately resorting to trial and error to see what works and what doesn’t?

The good news is that you can indeed get past that frustrating point where you know enough CSS to code a website, but lack the solid foundation that allows you to code without the annoyance of not exactly understanding how you’re going to get where you’re going, and this point is a lot closer than you think. I propose that there are five topics that will drastically boost your understanding of CSS. Spend some time reading about each over the next twenty-four hours and you’ll change the way you code forever.