Your new post is loading...
Your new post is loading...
Ten years ago, a lot of breweries found they could get away with soliciting a friend to design their beer packaging. Not anymore. With so many beers competing for attention on the shelves, standout beer labels have become a critical part of any brewery's marketing strategy.
So which breweries have come up with those really standout designs?
I launched Typewolf as a side project in June of 2013. Working as a designer, I was always frustrated by the lack of good resources for choosing fonts for design projects. Seeing type samples set in “the quick brown fox jumps over the lazy dog” isn’t very useful when it comes to web design—seeing how real type performs on actual websites is much more helpful. I’ve also noticed that other typography sites tend to be written from a type designer’s perspective rather than from the perspective of someone who actually uses type in their day-to-day work. I’ve been a designer for 15 years, so everything on Typewolf is approached from a designer’s perspective....
One of the most important skills you can learn as a designer is how to choose type. This is because text is one of the primary ways designers can communicate with users. Typography can make or break a design. There’s a beauty and complexity to typography. Some people devote their entire careers to type. Thankfully, their work is well documented, so we have tons of online resources for typography. This article is designed to serve as a starting point for helping you learn how to choose type for your designs. It will encourage you to explore fonts and font combinations beyond those you’re familiar with....
Creating engaging visual content doesn’t have to require a financial investment. Sure, at one time graphic designers needed expensive software and even more costly images to craft a winning visual campaign. But thanks to a host of free online resources, anyone can design high-quality visual stories with ease. Of course, navigating the sea of online images and editing tools is easier said than done. Some require membership, others charge royalty fees, some require advance permission and others charge for high-definition. Fortunately, we’ve scoured the Web for the most complete, the easiest to use and the most innovative resources to aid even the most amateur designer in crafting stunning visual content. Check out these 60 totally free design resources for non-designers...
It doesn’t matter how many years of experience you have of a programming language, framework or CMS, you will always need to refer to the official documentation or, and more than likely, a handy quick reference cheatsheet, as it’s literally impossible to remember and know absolutely everything. In this post I’ve collected useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design, that will not only help to improve your productivity, but will also help to solve some of those frustrating programming issues that often arise....
The design report is an exploration into the future of design. A deep-dive into the rapid changes created by tech and man. This report has been developed in co-creation with the most ambitious brand leaders around the world.
It identifies five developments that we all must act upon to stay ahead of the game....
If you want an effective social media presence, you’re going to want images that fit with News Feeds, timelines and streams. Trouble is, the different channels all use different sizes and shapes for their images, and to keep you on your toes, they occasionally change them too. We have you covered, though. From staid, professional LinkedIn to noisy Twitter to the image extravaganza of Pinterest, here are the updated social media image sizes for the major channels....
Every business, be it big or small, needs a logo for recognition and establishing an identity. However, not every business gets it right. There are some common mistakes we commit when designing a logo. These mistakes cause us not just embarrassment but loss as well.Let’s have a look at six logo design mistakes committed by designers and business persons that cause logos to fail:
As it turns out, posters aren't as old-school as we might think. In fact, they're still quite effective devices for promoting events. Making yours stand out, however, is the tricky part.Like so many other things in marketing, it requires a combination of creativity and formula. But what are the success factors? And what makes a poster look its best? You're in luck. Our friends at Venngage, who know a thing or two about creating compelling visuals, put together this infographic to guide you along your poster-making journey. It'll help you figure out what information is essential to include on your poster, and how to make it aesthetically appealing -- without overwhelming the viewer....
When I worked as a web designer, I was fascinated by how design trends changed each year. Since hanging up my design boots and focusing on being CEO of Envato, my focus has shifted from visual trends, to industry and technology ones. As I did in 2014 and 2015, here’s my take on where the world is moving!...
2017 will also break with some of the more basic designs trends of 2016 by bringing back vivid colors and designs that bend the limits of the traditional grid. So, as you recover from your holiday-induced sugar high, let me walk you through 13 exciting web design changes you may see in 2017 in this slide deck (and some really awesome sites that are ahead of the curve). If you’re an overachiever you might want to get ahead of the curve as well and start thinking of some ways to implement these predictions for yourself. We can help you out with that! ...
Most conversion rate optimization experts you'll meet would agree: Copywriting first. Design second. The idea is that copy (and the message you're trying to convey through that copy) should dictate design – not the other way around. Now, this is in no way meant to underestimate the importance of design. Design can breathe life into the story the copy is telling, and done properly, great copy plus great design will always outperform great copy alone. The point is, it's not hard to find examples of "ugly" pages outperforming beautifully designed pages – and in those cases, it usually boils down to the copy....
Trump's "Make America Great Again" hat was pervasive, potent, and deeply misunderstood.mp's ubiquitous bright red trucker hat, festooned with "Make America Great Again," is now seared into our collective memory. It was the most hated and most loved symbol of the election, the most comical and the most serious. It was a poorly designed product that turned out to be very strong branding. It was the most misunderstood design of the election—for designers and non-designers alike. But most of all, it's a lesson about the limitations of "good" design. "No one wants to give [Trump] credit, understandably, because it’s not something that was designed," says Lindsay Ballant, a designer, art director, and adjunct professor at the Maryland College of Art. "It should be something that designers think about. Good design doesn't necessarily mean effective design." As we move on from the 2016 election and contemplate the role of design in subsequent political campaigns, understanding the difference between good and effective design is imperative....
|
In 2009, I started a stock media company with a single vision: to provide premium creative content that everyone could afford. This idea grew into VideoBlocks, followed by the launch of GraphicStock and AudioBlocks. Now, we’re adding millions of photos to our new image Marketplace and it’s time to bring our expanding libraries together as Storyblocks.
Just like previous years, we've undertaken great efforts to look for, categorize, and create font previews of 100 typefaces that you can use to do almost anything. Regarding their licenses, you should pay attention to each one individually as, while the majority are completely free, some are for personal use only and others are not full families – this means that you’ll only be able to download regular or medium weights or condensed styles for free. Font Selection As you know, the selection has been made keeping the typical type classifications in mind to help you browse more efficiently: Serif, Sans Serif, Slab Serif, Rounded, Geometric, Decorative, Display, etc. Many of these fonts can also be downloaded as a web font kit so that you can use them in your online projects....
Color is such a fundamental part of the way we perceive the world that we often take it for granted. Think about it: From the youthful and vivid orange on someone’s attire to the gray and gloomy sky above us, colors have the power to mold our perceptions of others and even the circumstances we find ourselves in. This is why one of the most powerful tools in a designer’s arsenal is color. It can either make or break a design; it can be the determining factor in engaging viewers or sending them promptly on their way. As a non-designer, I often find it difficult to find just the right colors for my amateur projects. Whether I’m creating a simple image to support my content or more elaborate projects such as a slide deck or infographic, I frequently spend a good amount of time looking for the perfect color scheme. I ask myself questions like: Do I want my design to be inviting? Provocative and bold? Or intelligent and elegant? Unless you’re a seasoned designer, it takes time and effort to find a color combination that works, which is why the design team at Visme decided to provide our users with a handy list of beautiful color schemes from websites that have been recognized by Awwwards, the most prestigious award for Web designers and developers....
‘Crowded’ websites are difficult to read. Complexity often makes users uncomfortable. If we’ve overwhelmed them with lots of different information, all fighting for their attention, they will leave or not take the action we’d wanted them to do. It may be purchasing something on e-commerce website or reading the article on a blog. There is, however, a concept that helps graphic designers to create great web experiences, making the content appealing and easy to follow. It’s white space – the way of giving your layouts extra room, simply by avoiding unnecessary clutter and using the space between elements for their advantage....
Whether it’s a brand promotion, video, news update or even a meme, visual content rules the social media landscape. What has become so important is effectively conveying your brand on social media through images and video. In this quick-scroll world of social media, the visual face of your brand is often times the first thing your audience sees and possibly the one thing they remember. It’s hard to cut and paste an image and reuse it across all of your social networks unless you have a tool like Landscape.
Sprout Social’s very own tool is free to use to resize, crop and scale social media image sizes. And along with our resizing tool, we’ve provided all the specific dimensions and a few quick tips to help you decide which image best fits each position....
Posters offer a diverse canvas for graphic designers, and some of the very best are not only beautifully designed but also inspiring and thought-provoking. There are hundreds of stunning poster designs that are instantly eye-catching, but we’ve narrowed this list down to a few of the most intriguing examples from the current decade. Whether you prefer to be bold or understated, you’re certain to find something here that will get your creative juices flowing.
When you're new to marketing, especially on a small team, you might have to do a lot of things at a moment's notice. And when it comes to things like blogging and social media, sure, you've got this. But soon enough, you're being pulled onto design projects. One day you're mocking up an infographic; the next, you're designing an ebook. You feel woefully unprepared -- and that design vocabulary? It can feel like a foreign language. Sound familiar? We've been there -- and we know we're not the only marketers who have, at some point, needed to become fluent in this vocabulary. So we decided to share a larger glossary, to help us all step up our game a bit. By no means is this the be-all-end-all of design terminology, so feel free to add your definitions in the comments as well. Here's what we have, organized alphabetically....
The golden ratio (or the divine proportion) is a mathematical constant that can be often seen in the natural world, as well as in the artwork throughout the history. In mathematical terms, when a is larger than b, and the two are added and then divided by a, the sum represents the golden ratio (1.618). That number is represented by the Greek character “phi”. It is still not clear why this ratio is so appealing to the human eye. Anything following this ratio tends to be perceived as attractive and even the slightest change in an image that gets closer to the ratio is automatically considered to be more beautiful to the human brain. It is not a matter of magic; it is just a yet unexplained fact that our minds react very positively to anything formed on the basis of the golden ratio. As many artists have been using this fact, so could you when it comes to web designing....
You’d think that, 20 years later, as design has gotten more sophisticated and information about design has become much more accessible, designers would learn to avoid design mistakes, but a recent, large-scale usability study from 2016 by the NN Group found just the opposite to be true. Instead of learning from past mistakes, designers have been continually repeating them throughout the decades. In fact, if there’s one thing that’s certain in web design, it’s that these errors continue to persist because designers keep forgetting the basics:
- Enabling users to find information
- Enabling users to read that information
- Enabling users to understand where to click and where the destination is...
Ready to refresh your website? The start of the year is a great time to take a hard look at your existing design – or even new projects – and think about how to incorporate some of the latest trends into the framework.From functionality to color and typography, 2017 will be a year of new ideas and new visual concepts to explore. Some of those designs are already starting to pop up, providing you with just enough visual inspiration to get off to the right start in the new year. Let’s take a look....
This infographic will remind you about the important web design do’s and don’ts when creating websites. There are tips in this infographic for every level of expertise and for every part of the website design and development process....
While clients often ask you to cram in as much information into a page as possible, seasoned web designers know this can lead to a usability nightmare. Confident and careful use of whitespace, in contrast, is all about giving content room to breathe. The examples listed here work because everything the visitor needs is still there on the page; all that’s absent would just be clutter. In place of that clutter, whitespace helps create a balanced, easy to navigate interface where you can find what you need without being overwhelmed....
|
Nothing like the tasty design of beer labels.