Articles - Page 175

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

Graphics / 19 Jan 2011

Photoshop Reflections 101

Today we’re going to learn all about how to make convincing reflections in Photoshop. Text reflections, 3D reflections, product shot reflections, all kinds of crazy reflections. We’ll discuss everything from custom transforms to blending modes and beyond. Whether you’re a beginner or a pro, you’ll probably learn a thing or two.

You might be thinking that reflections were all the rage a few years ago, but are currently losing a bit of steam, and you’d be right. However, you can still see plenty of them in practice on Apple.com and other sites. You should definitely beware of over-using them and adding to bad web 2.0 trends, but also know that once in a while they can add class to a boring item.

Business / 14 Jan 2011

Design Meets Psychology: Putting Maslow’s Hierarchy of Needs to Work

In the past, we discussed at length Why Designers Can’t Ignore Marketing. For the most part, commenters agreed with idea that designers should familiarize themselves with basic marketing principles.

Today, we’re going to put this idea into practice and discuss Maslow’s Hierarchy of Needs, a model born in humanistic psychology and adopted by many marketing professionals as a way to understand consumer behavior. We’ll go over what the model is, how popular companies like Coco-Cola put it into practice and why any of this is relevant to you as a designer.

Graphics / 13 Jan 2011

Designing a Church Homepage Without the Clutter

Church home pages tend to suffer from many of the same problems that we recently saw with band websites. There’s so much content that gets thrown onto these pages and it all competes for attention to such a degree that most or all of it loses any intended visual significance.

Today we’ll learn how to battle that by designing a dramatically simple and attractive church homepage that still has plenty of room for various messages, announcements and more.

Business / 7 Jan 2011

How Much Money Do Designers Make?

Design isn’t about money, it’s about something higher. It’s about loving what you do, making the world more attractive and satisfying your never-ending need for intellectual stimulation. Good designers don’t see design as a job, but a lifestyle. We think about design constantly while looking at the things around us, our hobbies are design-centric, we read and write about design; on and on.

Who needs money when you have a passion like this? Me, that’s who. Don’t get me wrong, lots of that mumbo jumbo above describes me pretty accurately. But let’s face it folks, we all have mortgages, bills, student loans and other factors that ensure our need for green stays intact. Today we’re going to have some fun and see how much money we should be making!

Graphics / 5 Jan 2011

Illustrator Typography: Using the Appearance Palette

Adobe Illustrator is a fantastic app for creating complex vector typographical arrangements. The application is so big and complicated though that it can take years to figure out how to recreate some of the cool effects that you’ve seen elsewhere without coming up with complicated workarounds.

Today we’ll remove some of the mystery of working with strokes and fills by diving into the appearance palette to see not only how it works, but how to manipulate the items within to create some really cool effects.

Typography / 8 Dec 2010

12 Stylish and Free Slab Serif Fonts

Slab serif fonts are quite stylish and attractive and are versatile enough to be used in many different contexts. They’re also currently very popular among web designers everywhere.

If you’ve been wondering where other designers are snagging these great slab serifs, look no further than the collection of twelve free fonts below.

Business / 25 Nov 2010

20 Outstanding Tools to Maximize Your Time

Happy Thanksgiving everyone! I’m off stuffing my face with copious amounts of poultry and mashed potatoes but I planned ahead so that you don’t have to miss out on your daily dose of Design Shack!

If you’re like me, the holidays drastically cut in to your work time. You don’t get the luxury of having less to do, only less time to do it! If this sounds like you, check out the 20 amazing tools below to help maximize your time. Dedicating yourself to using just a few of these will boost your productivity levels to an all-time high.

Typography / 18 Nov 2010

Ode to Ampersand: 30+ Inspiring Images of Our Favorite Character

Did you know that the ampersand comes from the phrase “and per se and?” Or that it originated around 1st century AD as a combination of the Roman cursive letters E and T? Even more interesting than its history and origin is its fantastic shape, which designers are constantly using as a muse for a new piece of typographical art.

Below you’ll find over thirty excellent inspirational images that feature ampersands as a primary element. Looking through these will help you learn to take advantage of what is arguably the most attractive character on your keyboard.

JavaScript / 5 Nov 2010

Effortless Full Screen Background Images With jQuery

Today we’re going to build a simple and fun webpage for the sole purpose of showing off Fullscreenr, a great little jQuery plugin that makes it easy to add a background image to your site that automatically adjusts to the window size.

We’ll also throw in some @font-face and rgba action to keep things modern and educational on the rest of the build. Let’s get started!

Graphics / 4 Nov 2010

10 Design Lessons From HTML Email Templates That Actually Sell

In the past we and several other blogs have outlined some useful technical information for how to code and structure your HTML emails from a developer point of view. But much less discussion has been given to how to actually undertake the design component of email newsletters.

Today we’ll take a look at some of the top-selling email templates from Themeforest and see if we can decipher what their designers did right so you can mimic these basic principles in your own designs.

Graphics / 27 Oct 2010

Photoshop Blending Modes: Beginner’s Tips and Tricks

Photoshop’s blending modes are a source of constant confusion for many designers. There aren’t really any sort of built-in examples for you to see and the blending mode names are no where near intuitive suggestions of what the effect actually does to the appearance of your document.

Today we’ll help remove a little of the mystery by discussing how a few key blending modes work in addition to some hints for how to use them effectively.

HTML / 22 Oct 2010

How to Build a Website With Flux 3: A Coder’s WYSIWYG

Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.

Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.