Category: Graphics

Categories

copy-lede
Graphics / 21 Apr 2015

4 Simple Tips for Writing Copy That Matches Your Design

When it comes to design projects, sometimes we (designers) get caught in a trap: creating a design without understanding the content. The first step to creating an outstanding project – before you ever open a piece of software – is to read over the content. Then think about the design and how the copy goes with it.

Does the copy actually need to match the design? Should designers help write the copy? Yes, most definitely. (As a bonus, all images in this post are examples of great copy and design pairings from the Design Shack gallery.)

dsp1
Graphics / 20 Apr 2015

8 Image Mistakes to Avoid on Your Website

Big images, galleries and photo-heavy designs are a big trend in web design. To make the most of this aesthetic, you want to make sure every image on your website fits the display and represents your brand well.

There are a lot of mistakes that designers make along the way, from technical issues to image quality. But you don’t have to fall into one of these traps when working with website images. Here, we will take a look at image mistakes and how to correct or avoid them altogether. (As a bonus in this post, we are featuring a collection of fun and great images from Death to the Stock Photo’s recent objects collection.)

species-pieces
CSS / 15 Apr 2015

An Introduction to Animation in Web Design

Animation is not just for cartoons anymore. From full-screen moving images to small hover effects, touches of animation are popping up everywhere. Animation is trendy, fun and user friendly.

And the obstacles to using animation have started to fall. With most users on high-speed connections and the ease of creating anything from simple movements or a silly gif to several minutes of action, animations have become practical and useful web design tools.

icon-design
Graphics / 12 Mar 2015

10 Tips for Designing Icons That Don’t Suck

Almost every designer is thinking about app design these days. One of the smallest features of every app is the icon used to represent it on the screen of every mobile device and in the app stores. Designing a great icon is more than just putting a logo in a box. You need something that stands out among all the other app icons out there.

A good icon can be used in a variety of ways – for apps, social media and even on smaller printed projects or business cards. And all it takes is a little design and planning.

watch
Graphics / 9 Mar 2015

10 Tips for Designing for Wearables and Watches

Every day we are getting a little closer to the release of the highly anticipated Apple Watch. The device is going to further change the way we think about wearable technology and how to design websites and apps for this interface.

Wearables present challenges unlike other design projects. Function is a primary concern, as is size with what will be one of the smallest screens designers have ever worked with. The key is creating a design that is visually pleasing but is user-friendly and provides a functional experience. Here are 10 things to consider as you design for a wearable interface (with examples other designers are already imagining).

design-signs
Graphics / 16 Feb 2015

6 Tips for Designing Signs and Billboards

Your next project assignment: designing a sign for an upcoming event. It will be displayed on billboards around town and printed on smaller yard signs as well. If you are already panicking at the idea, don’t worry — designing a sign is not much different than any other project.

The big difference is scale. It’s going to be a lot larger in size than what you might be used to. Other things to think about when designing signage are location, color, typography, contrast and material the sign will be printed on. Thinking about each of these factors in advance can make for a better sign design experience.

mood-design
Graphics / 12 Feb 2015

How Color, Type and Space Can Impact Mood

Do you ever think about mood when you are designing? Mood has impact in two ways – the mood of the project itself and the mood of users. Together they create an experience that connects each user to the project.

While you can’t always account for the mood of users, or their good and bad days, you can create an aesthetic that emphasizes the right mood for your project. Three basic design techniques – color, typography and space – are key components for establishing the mood of a project.

prototyping
Business / 26 Jan 2015

How & Why Prototypes Are Mandatory for Good Design

Nothing brings you closer to the functionality of the final product than prototyping. While wireframes sketch out the blueprint and mockups show the feel and texture of the design, it is the prototype that brings to life the “experience” behind “user experience.” That beautiful call-to-action may look great on the screen, but you won’t know if it works on end users until the clickable prototype. Not only do prototypes help provide proof of concept, they more importantly expose any usability flaws behind the wireframes and mockups.

So how do we actually put into the practice this safeguard against emergency stakeholder meetings, endless revisions, and painful late nights in the development phase? While we previously touched upon proper prototyping in the Guide to UX Design Process & Documentation, let’s dive deeper into how prototyping can make or break a product’s success. In this piece, we’ll begin by looking at the most compelling reasons to prototype and how prototypes improve collaboration, design, and usability testing.

chickin
Graphics / 21 Jan 2015

10 Tips for Designing Static Ads

Designing the perfect static ad is no easy feat. It might even be impossible. Designing ads can go against many of the things you think as a designer. Many companies want to cram as much information into a space as possible and many users put up roadblocks when it comes to viewing ads.

The catch is creating something that people want to interact with, despite the fact that it’s an ad. The advantage of a static ad is that is seems less obtrusive than some animated, audio or video options. They also have a classic style about them that makes designing fun. Here are 10 tips for creating an ad that people will look at, with some ads as they actually appear on popular websites.

bigstock-lede
Graphics / 19 Jan 2015

Find the Ideal Image or Video With Bigstock

Almost every designer has a need for a good catalog of images. From photos to vectors to video, stock art is a tool that is commonly used in a variety of projects. Having a good go-to place to find these images is vital for every designer.

That’s where Bigstock comes in. The stock image and video site has more than 22 million images, video, vectors and illustrations that you can download and use in design projects. Here, we’ll take a look at the service and even give you the chance to get started and download up to 35 images or videos for free.

mockup
Freebies / 7 Jan 2015

40+ Stunning Vintage Mockup Packs & Graphics

Design is all about presentation. You might have spent hours designing a logo or a layout for your client, but in order to fully reap the rewards of your hard work, it can be incredibly helpful to present your work in the perfect manner.

This is where mockup packs come in handy, to showcase the design you’ve poured time and attention into in the best possible light. Today, you can take a look at our huge collection of free and premium vintage mock up sets that would allow you to showcase your work like never before.

crocs
Graphics / 26 Nov 2014

7 Tips for Designing a Better Checkout Page

With the holiday season right around the corner, many of us will be doing some shopping online. (OK… maybe a lot of shopping!) The checkout page of a website can make that experience one to remember, or one you wish you could forget.

If you are designing a checkout page, there are so many considerations – functionality, usability, security and design. The last element is something every designer can have impact on. A checkout page should not be designed as an afterthought; it is arguably the most important page in the online shopping experience.