Horizontal harmony. It’s one of those things that you seem to only notice when it is missing. Horizontal harmony is the relationship between elements across a design. It’s more than lines and rules; it’s also an invisible grid creates a sense of place for design elements.
How can you create horizontal harmony? While some techniques are easier than others, it is not an overwhelming concept. It just takes a little planning. By thinking about things such as a baseline grid, space between lines of text, positioning of elements and the overall aesthetic, horizontal harmony is just part of the design process.
A somewhat bold prediction: 2014 will go down as the year of parallax. Before you downplay this reemerging trend, think about it. With developments in HTML, CSS and jQuery, and more people running on high-speed internet connections it is not a stretch to think this nifty technique will really explode this year.
Parallax scrolling effects are fun, user friendly and allow for new types of creative thought in the website design process. The end result is a technique that can be fun to create and can create a highly visual and interactive experience for users.
We talk a lot about emerging trends and how to make them work in a variety of design projects. But there are some design techniques that I am, quite frankly, sick of seeing. They are overused, overdone and just not effective anymore. (And if you use them, you risk having a design that looks like a lot of other stuff out there.)
Today, we’re going to take a look at 10 design trends that have outlasted their time. Do yourself a favor and really think about removing each of these tricks from your 2014 projects.
While every designer may have a different plan when it comes to building a website, they do have a common checklist. No matter how you try to avoid it, there are a few elements every website should (and usually does!) include.
From plenty of whitespace and great images, to search functionality and clear calls-to-action, these common elements are the things that users expect when it comes to using a site with ease. Today we’re taking a look at ten elements you should prioritise on your website, perfectly designed examples of each, and tips on how to use each in your next website design project. As the saying goes, “the devil is in the details.”
Once shunned by designers, circles seem to be making a comeback. The perfectly round shape – and its oblong counterparts – can be difficult to work with. The shape does not stack as well as the more standard rectangle and creates a much different overall feel.
The circle is a perfect shape, meaning that it is the same no matter how you look at it. It is complete and in harmony with nature – consider how many natural elements are circle-based. So, as a designer, how can you make circles work for you?
Web apps are becoming ever-more prevalent on the internet. Some may argue that they are simply more complicated websites. Regardless of their definition; what happens when you are designing for large amounts of constantly fluctuating data?
There are a few examples of data driven interfaces and they all have to handle a lot of varied data that is constantly changing. The most common are admin areas and analytic dashboards. The data can take many forms; graphs, charts, tables or text. Each can be displayed in a variety of different ways depending on the context and meaning you are trying to convey with the data. One thing to remember is that you can rarely be sure of the length or amount of data you need to cater for; so think simple to start…
I have been designing for a living since 2009 and, in the past three years, I have been focusing my skills on both web and mobile user interface design. During this time I’ve experienced the good and bad of the industry. Good clients, bad clients. Good ideas, bad ideas. Good developers, bad developers. There have been app approvals and app rejections.
Sometimes it can be frustrating, and although these so-called “bad experiences” can suck, they’ve taught me some important lessons. These lessons not only speed up my day-to-day workflow but also help me design a better user experience for the target audience.
Today we’re going to go back to basics with a “design 101” discussion on alignments. Centered alignments are an easy place to go wrong and if you don’t know how to wield them properly, the result is a very poorly structured page.
Join us as we take a look at why centered alignments tend to be weak, where you should avoid them and how you should be using them.
Could it be that the king of clutter is finally beginning to grasp the concept of basic layout principles and consistent branding? Will Microsoft turn into a company known for its attractive design?
Follow along as we compare the downfalls of the past to the bold new direction that Microsoft is taking for its visual messaging. Whether you’re a Mac or PC user, you’ll likely be surprised by how far the boys in Redmond have come.
Mobile design has me sketching more vertically. And I don’t think it is just me.
I am seeing more and more sites across platforms incorporating more vertical components into their overall design. Forget “above the scroll,” let’s talk about going vertical.
Some of the principles may be hundreds of years old, but they are still powering good design today. Time-tested mathematical theories have long-shaped our collective definition of what looks good.
You may plan to use some mathematical theories as part of your design project from the early stages, others can be unintended. Either way, mathematical rules still apply to almost every project, from print to web design. It is important to understand the role of math in design and account for how it can affect the look and feel of your projects.
With all of the image options and file formats out there, it can be a little overwhelming when you are choosing what file type to use (and send to clients). Compatibility is always a concern when you are working with different file types, but when it comes to graphics and images the type of computer graphic format you use is essential to how the image renders.
There are two types of digital graphics files – vector and raster. Vector images are made of hundreds of thousands of tiny lines and curves (or paths) to create an image. Raster images are composed of pixels. But how do you know what format is best for your next project?