Search Results For: mock ups

Graphics / 2 Jun 2020

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Every structure, every building, every design starts with a wireframe. It’s an important part of the design workflow that determines the success of the entire project.

Whether you’re working with digital user interface designs or banner designs, wireframes should be part of your design process. In this guide, we’ll help you understand what is a wireframe and why they’re important.

We made this guide for both beginners and advanced designers to convey the importance of wireframing. You’ll learn everything from how to design wireframes to the best tools for wireframing, tips for avoiding common mistakes, and more.

Let’s get started.

Graphics / 5 May 2020

10+ Creative T-Shirt Design Ideas (How to Design a T-Shirt)

T-shirt design is more than just about fashion trends. It’s also a way to express yourself. Especially modern generations are finding new ways to use T-shirt designs to show off their attitude, support causes, and stand out from the crowd.

Mainly because it’s quite easy to design and print your own T-shirt these days. In fact, there are now online services that print and deliver your own custom-made T-shirts right to your doorstep.

If you hate wearing the same old T-shirts that promote random brands. Or tired of awkwardly bumping into someone at a party who wears the same T-shirt as you. Then we have a few creative T-shirt design ideas you can use to make your own personalized T-shirts all by yourself.

Adobe XD Templates / 13 Nov 2019

What Is Adobe XD? a 101 Intro

Adobe’s UX design tool seems to be picking up speed. Have you tried Adobe XD yet? The tool is part of the design giant’s suite of software. It meets a need that was being filled by other tools such as Sketch and Figma. But thanks to Adobe’s large customer base, XD is proving itself a viable option.

Here, we’ll look at what Adobe XD is – and isn’t – to help you figure out if this tool might be worth exploring.

Whether you’re already sold on Adobe XD and want to learn more, or you’re weighing it up against the pros and cons of other tools, we’ll give you a helpful introduction to make the decision easy.

Typography / 3 Sep 2019

What’s the Deal With Em and Rem?

With all the talk about designing for responsive websites, two little words keep cropping up – em and rem. But what are they?

Em and rem, along with pixels, are units and methods to measure and resize type. Em and rem are relative, rather than static, units and are being used more and more for responsive web design schemes. Let’s dive into this concept today and explain things a little more clearly!

Logo Templates / 26 Aug 2019

What Is a Logo Template? (And Should I Use One?)

If you’ve ever needed a logo in a pinch, you know how stressful that can be! For a quick design, a logo template can be just the tool to help you develop a logo fast and even show potential ideas off before a design gets too far along.

If you’ve never used a logo template before, a good template comes in vector form with everything you need to tweak and play to get the right logo design fast.

Here’s how it works, and a few tips on whether it is the right choice for you.

Inspiration / 10 May 2019

20+ Best Free Invitation Templates

When it comes to designing an invitation card, whether it’s for a wedding, party, or a special event, many people choose to hire a designer to make a professional invitation card design. The good news? There are dozens of stunning, free invitation templates out there!

What if you only want to print a few invitations for a family-only wedding or a small event? Of course, you wouldn’t want to spend hundreds of dollars on a designer to get an invitation card designed. This is where invitation templates come to help.

We handpicked a collection of modern and professional invitation card templates you can use to make your own invitation for all kinds of occasions. The best part is the templates are free to download and you can easily edit them as well.

Bootstrap / 22 Mar 2018

20+ Awesome Resources for Bootstrap Lovers

Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole, the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub.

As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. Today we’ve collected our favorites into a list of everything you need to get started with Bootstrap. From introductory tutorials to wireframing kits and custom generators, there’s something here for every Bootstrap lover.

Business / 23 Nov 2016

Thinking About Design Thinking: Is It Important?

Design thinking is the biggest buzzword in the design world since flat design. Everyone is talking about it… even non-designers. So what is design thinking? Is it important? Should you care?

Here’s the good news: design thinking is something that’s probably part of what you “just do” even if you didn’t have a name for it. Design thinking is another way to think about problem-solving. Let’s take a closer look, and delve into what it means, and why it can be useful!

Business / 19 Jun 2013

Understanding Agile Design and Why It’s Important

It’s no secret that the agile development process has been hurtling through the development world for several years now, swatting aside the older, clunkier waterfall development method. To be fair, whether it was agile or something else, waterfall really had it coming, as its risk-averse, top down approach just can’t keep pace with the demands of today’s marketplace.

While similar changes are occurring in the design world, the agile design process should necessarily look and feel a little different than agile development; they are, after all, different disciplines. Let’s take a deeper look first at what agile development is, and then at a few great ways to adapt the process to the design world.

CSS / 3 Jan 2013

Photoshop to CSS Conversion: 3 Methods Compared

Converting Photoshop mockups to live web code is an extremely common practice among web designers. We’ve all done it a million times by hand, so it’s pretty exciting when we start seeing solutions pop up that will help us automate this process.

The latest version of Creative Cloud Photoshop CS6 has a built-in feature for converting Photoshop styles to CSS, and if you need another solution, there are two solid extensions that you can check out. Today we’ll compare the results of all three methods: Photoshop, CSS3Ps and CSSHat to see which is best.

Graphics / 29 Mar 2012

Style Tiles: The Flip Side of Wireframes

Style Tiles provide a fresh and productive way to approach the design process. They allow you to specifically hone in and focus on a project’s personality and mood without worrying about specific layout decisions.

Today we’re going to show you exactly what Style Tiles are, why you should use them and how to incorporate them into your design process. Follow along and you just might change the way you design forever.