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!
A live photo. Cinemagraph. Moving pictures. Still motion. There are so many names for this trend in web design, identified by a hero image that seems to come alive in a subtle way.
It’s not quite a photo, but not quite a video either. The movement is often restricted to one action in the image to help grab user attention and draw them into the image. Regardless of what you call it, this trend is making an impact and popping up everywhere in web design, as shareable gifs and on social media.
Logo design is tough. There’s so much pressure to come up with a perfectly iconic symbol. It has to be original, fresh and interesting. And it’s probably going to be around for a while.
Before you break out in a cold sweat trying to develop the next Nike Swoosh, stop and breathe. While some of the most successful logos of all time did come with a little luck, most follow a few key concepts that you can apply to your thought process.
Take a minute, think it through and you can design a better logo using these five key concepts (with examples from the Design Shack gallery).
Ready to take a design risk? Try mixing photos and illustrations in the same design project. A hand drawn element can add whimsy and interest to a design that includes photography. Conversely, a photo can make a more lighthearted illustrated design seem more real or important.
This technique can be a little difficult to imagine until you see a few examples of how it can work beautifully. Today’s we’re looking at this trend and providing tips and examples to help you develop creative ways to come up with a design of your own.
One of the biggest trends in web design is a large hero image or video at the top of a page with a few words to guide users into the site. This kind of aesthetic puts a lot of pressure on the designer to come up with just the right display typeface to pull the design together.
With so many typefaces to choose from, this can be a bit of a daunting task. But you can find a great typeface with a little planning and luck. Here are five tips to get started with a few beautiful examples of display typography.
Color is an important part of almost any design. Whether you are a fan of bright, bold hues or prefer a more minimalist black and white, how you use color can have a great impact on the overall design.
One way to use color to make a statement is with a design that incorporates a color overlay. This means that you cover an image or video with a semi-transparent colored box. The effect can add meaning to an image, bring attention to a design and help you make most of limited art choices.
Today, we’re going to look at a variety of color overlays to serve as a bit of inspiration for creating your own.
We talk about designing something that connects to a user emotionally. That connection can be a key component in establishing trust and relatability. It’s a lot harder than it sounds. There are so many things to consider. Emotions are broad, complicated, and often very difficult to influence or change.
That’s what we will think about today. What is emotive (or emotional) UI? How can you create a user interface that actually evokes that emotional connection? And is that something that you should consider more carefully in your next design project?
We talk about details a lot in design. It’s for good reason. Paying attention to even the smallest of details can make or break a design.
Today’s we’re going to dive deeper into one of those details and look at ways to design buttons that users want to click (or tap). Even though buttons might be one of the smallest elements in your design, they are one of the most important. How else would you communicate actions to a user? How else would they provide information in that feedback loop?
Think back for a moment to one of the big complaints about flat design in the early stages: Users did not know what was and what was not interactive in the design. Hence, the importance of great button design.
It’s the goal of pretty much anyone with a website: to have users that come back again and again. They share your content; they engage with you regularly; they tell others about the website. They remember the website.
It doesn’t happen by accident. A memorable design is a tool that will help create this user connection. Here, we’re going to look at seven ways to create a lasting impression with seven stunning examples of how to do it. Learn how to create a design that sticks in the long term, and doesn’t fly under the radar!
The next big web design image trend is here, and it’s vibrant, colourful, and beautiful!
Thanks to Spotify, duotone is growing in popularity almost daily. The effect, which uses a pair of colors over a photo is striking, fun and vibrant. It’s also quite trendy, with new sites changing to a duotone format almost daily. Here are a few ways to make the most of this hot design technique.
Have you noticed how small logos seem to be increasingly popular on websites? For a while, it seemed the focus in design was to “make it bigger.” That has shifted — in terms of logo size and placement anyway.
The biggest trend in website design right now is the use of the tiny corner logo. We’re going to break down the trend and look at a few great examples. Maybe you’ll find the inspiration to shrink the logo in your next project. Or maybe you’ll decide to keep it big and bold!
We may live in a world where many of our design and communication interactions happen via a screen, but information from screens is jumping into the live realm more and more often.
While it might almost sound like something out of a science fiction movie, you will create design elements that live in the space between screens and reality in this lifetime. It’s already starting to happen. Experiential design is the force that will shape how those projects come together and how you create and develop dynamic real-life design elements.