Graphics Archive

iphonemockups

100+ iPhone PSD & Vector Mockups

iphonemockups

Whether you’re building a responsive website, or the next blockbuster app, having a gorgeous iPhone mockup graphic in which to demonstrate it can be really helpful.

Today, we’re taking a look at almost a hundred different iPhone mockups, in all shapes and sizes, that can make your app or website interface stand out. They vary between photograph-based PSD mockups, or vectors that can scale to any size. Some are free, some cost a few dollars, but all of them are rather lovely!

May 11th, 2015 Posted in Graphics, Inspiration
free-wedding-website

How to Make a Budget Wedding Website With Tumblr

free-wedding-website

Having a wedding website or blog is all the rage, and it can be a great way to keep your friends and family up-to-date with your wedding planning for the special day.

There are lots of services out there to help, but many are quite expensive or complicated. Today we’re taking a look at how you can build your own wedding website in a few simple steps, using the Wedding Tumblr theme. You’ll have a wedding website to be proud of, in no time at all (here’s an example). All for the price of a couple of wedding magazines!

May 5th, 2015 Posted in Graphics, Inspiration
copy-lede

4 Simple Tips for Writing Copy That Matches Your Design

web copy

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

April 21st, 2015 Posted in Graphics, Layouts
dsp1

8 Image Mistakes to Avoid on Your Website

image

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

April 20th, 2015 Posted in Graphics
species-pieces

An Introduction to Animation in Web Design

species-pieces

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.

April 15th, 2015 Posted in CSS, Graphics, Inspiration
icon-design

10 Tips for Designing Icons That Don’t Suck

icon design

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.

March 12th, 2015 Posted in Graphics
apple-watch

10 Tips for Designing for Wearables and Watches

design wearables

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

March 9th, 2015 Posted in Graphics, Inspiration
design-signs

6 Tips for Designing Signs and Billboards

design signs

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.

February 16th, 2015 Posted in Graphics
mood-design

How Color, Type and Space Can Impact Mood

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

February 12th, 2015 Posted in Graphics, Inspiration
prototyping

How & Why Prototypes Are Mandatory for Good Design

prototyping

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.

January 26th, 2015 Posted in Business, Graphics
Subscribe


Membership