Our priority as designers must be to solve problems; his is what we do. Responsive web design is a fantastic solution to the problem of creating virtual experiences that adapt to different devices. There are other problems out there that we’re called on to solve, though, not least of which is to make content of all kinds appear interesting and engaging. A page of plain text becomes a beautiful blog post, a mess of unconnected JPGs becomes a professional portfolio. Can we succeed at solving both of these problems?
Read more…
Today, we’re happy to release a very large icon set: the freebie contains 500 icons in four editable variants: outlined, solid, webby and flat, covering all sorts of various categories. The icons allow you to customize the stroke width and style, not to mention that you can change the color of the elements. They’re carefully crafted on a 60px grid which gives each icon consistency and crispness on all displays.
Smashicons come in several styles. The AI and Sketch formats come in four styles: outline for mobile use; solid for hover state; webby for web; and flat for any creative project. The PSD format comes in two styles: outline for mobile use, and solid for hover states.
Read more…
Daniel Kahneman and Amos Tversky, two highly regarded academics in the field of economics are responsible for much of what we know about heuristics. In psychology, a heuristic is simply a fancy word meaning mental shortcut. We have so many decisions to make on a daily basis; there is no way we could think about all of the pros and cons of each option. Our minds would be overloaded and we would stop functioning. People frequently use heuristics to make decisions; you should use them to your advantage in your design. Here, we’ll discuss four common heuristics that researchers have identified, with examples of how to address them in digital design.
Read more…
As designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This post features free desktop wallpapers created by artists across the globe for July 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper! We are very thankful to all designers who have contributed and are still diligently contributing each month.
Read more…
Balancing a composition involves arranging both positive elements and negative space in such a way that no one area of the design overpowers other areas. Everything works together and fits together in a seamless whole. The individual parts contribute to their sum but don’t try to become the sum. An unbalanced composition can lead to tension. In some projects, unbalanced might be right for the message you’re trying to communicate, but generally you want balanced compositions. However, design principles aren’t hard and fast rules. They’re guidelines. There’s no one right way to communicate that two elements are similar or different, for example. You don’t need to follow any of these principles, although you should understand them and have a reason for breaking them.
Read more…
Prototyping makes a project better suited to users, elevates user experience, increases the quality of your final code, and keeps clients happy. The problem is that developers often see prototyping as a waste of time. In this article, Daniel Pataki will show you that by using WordPress, highly interactive prototypes with great visuals are not at all that difficult to make. While all this seems complex, beginners should be able to follow along easily, including the “create your own server” section, which is a cinch!
Read more…
Responsive images have been keeping us on our toes for quite some time, and now that they are getting traction in browsers, they come with a scary problem: the need to efficiently resize all our image assets. As designers and developers, we have an enormous amount of power to shape how the web works. One of the biggest impacts we can have is to make our websites more performant, which will improve our users’ experiences and even make our content available to whole new markets. Cutting image weight is a relatively simple and hugely impactful way to increase performance, and I hope the information outlined above helps you make a difference to your users.
Read more…
A handful of simple shapes have been used throughout time in the art of all cultures: the circle, intersecting lines, the triangle, the square and the spiral. Each fundamental shape never varies in its basic function because each unifies purpose with form. Don’t let the simplicity of these forms fool you. It is because they are so simple that they have the ability to scale consistently and are used as the building blocks of nature and the man-made world. They also provide consistent messaging for a logo. In this third part of the series, Maggie Macnab will talk about how geometry influences logo design.
Read more…
The number of Flux implementations available can feel overwhelming, but overall Jim Cowart finds it an encouraging development. Solid and successful patterns like Flux will, by their very nature, encourage multiple implementations. In this article, Jim will take a look at some of the key lessons he has learned about React and Flux. Whether you’re new to React and Flux, or going as far as building your own Flux implementation, Jim thinks you’ll not only enjoy this journey, but find some thought-provoking questions and wisdom you can apply in your own endeavors.
Read more…
As a WordPress user it is only natural to want more and more control over your website. To crave custom design, custom functionality, custom everything. Luckily, WordPress is built for exactly that. Its flexible structure and compartmentalized architecture allows anyone to change practically anything on their site. On your way to mastering WordPress, learning to use page templates is an important step. They can make customizing your website very, very easy and allow you to assign unique functionality and design to as many or few pages as you wish. If you want to know how WordPress page templates can help you achieve that, read on!
Read more…