Ultra Violet. It sounds like the name of a pop band. Pantone’s Color of the Year for 2018 is inspired by music and art and individuality.
The color is reminiscent of Prince’s famous purple and it is part of a growing trend in design to use bolder, brighter colors in more projects. Here’s a look at Pantone’s color of the year and how you can use it in your projects.
Parallax effects remain one of the hottest web design trends. This animated scrolling technique happens when background and foreground move at different speeds while the user scrolls so that there are two independent layers moving at the same time.
This effect can be used for any number of website types and is a fun way to create – and increase – user engagement. The nice thing about parallax effects is that you don’t have to use them on every page of a design; parallax scrolling is a great homepage technique to help drive users to calls to action or other content.
Parallax effects create an element of depth and distance and a greater sense three-dimension than some other techniques, making users feel like part of the design.
The downside to parallax effects is that they don’t always work on mobile devices. (But there are some workarounds for that as well in the tutorial at the end of this article.)
Here are five parallax effects and styles to consider. (Make sure to click through the links to see exactly how each animation works.)
Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity.
Today we’re going to run through several text-shadow examples that you can copy and paste for your own work.
Every trend eventually makes a comeback. Sometimes that even applies to trends that are more difficult to understand.
Memphis design – exemplified by an 80s aesthetic with bright colors and lots of shapes and lines – is one of those concepts that has come back around again. Not many people have ever said they love the 80s design style. Love it or hate it, the bright design pattern can be a lot of fun and direct attention to the design. Here’s everything you need to know about Memphis design.
It’s an undeniable fact: using blurred images is a trending web design technique in 2015. It seems like everywhere you look there’s some element of blur.
But this is not a solution to some of your photo problems. It’s a distinct technique that takes practice to perfect and attention to detail to get it right. So before you jump on the trend, think about the options for using blurred images to decide if it is right for you and how you can make the best use of this technique in your projects.
Negative space is an inspiring field in the design world, where designers use the alternative color in a graphic to make a dual imagery and representation of a product. When it comes to negative space logo designs, agencies can incorporate multiple meanings in to their logo designs.
It’s a great way to capture a customers attention, and make them think twice. We’ve conducted a thorough search for some of the most interesting negative space logos, and collected 80 inspiring designs to give you an idea of what’s possible. Enjoy!
Card-style architecture is one of the biggest things in web design, and mobile design in particular. From apps to responsive websites, the card-style format is popping up everywhere.
And for good reason. Mobile card design looks nice, works well on a variety of devices and creates distinct organization and a method for content delivery. That’s why many large, well-known brands are using the card format and many smaller design and development groups are following suit.
You probably keep hearing the phrase “material design” popping up in conversations. The concept is pretty new; it was introduced in the summer and references a new design language from the folks at Google.
But material design is more than just an idea; it is likely to cause designers to completely rethink web and app design processes. Sites are already beginning to role out design schemes using Google’s material design documentation. So now is the time to learn what it’s all about and if a material design framework is in your future.
At first glance, minimalist websites might look like they’ve just been slapped together as quickly as possible. After all, they’re plain and simple, and most people tend to associate lots of detail with good craftsmanship. But the same rules just don’t apply to the online world.
It only takes a small amount of user interaction to quickly reveal the quality of a minimalist site. This is because the original idea that fueled the rise of minimalism was that functionality is inherently beautiful. A design that clarifies and reveals the structure of a website can be just as appealing as one that obscures its purposes behind fancy decorative additions. Furthermore, it often yields a much better user experience, because those unnecessary distractions are eliminated.
Design kits seem to be everywhere these days. From UI kits, to templates and grids, to complete design kits, what makes these tools so popular (and what are the disadvantages)?
Today we’re going to take a look at the pros and cons of using different types of design kits, and even show you a few kits in the examples that might be worth trying out for various purposes.
More and more designers these days are working in a variety of mediums — both digital and print. But it can take a different set of specifications to put together a successful project for each. Print design has its own jargon.
Understanding how printing works (and how to speak the language of printers) is important for any designer. Don’t think this applies to you because most of your business is web-based? Consider this: At some point a client will ask for print components to go with the website, whether they are business cards or posters or just a great handout for presentations. Knowing the printing basics and terminology will help you bridge the gap. Here are ten key terms you need to know.
Icons can be considered one of the universalities of web design; almost any website benefits from the addition of at least a few of them. So it’s tempting to assume that if you sprinkle in a handful of these little pictures, your job is done. But there’s a lot more to it than that: good icons should feel like they’re visually integrated into the group of images that they’re in, as well as into the site design as a whole. They need to have a conceptual clarity and purpose that goes beyond being mere eye candy. Any icon that doesn’t serve a stated purpose, or doesn’t convey the right concept in its imagery, is one that needs to be reconsidered.
Of course, there’s room for interpretation and generalization with any kind of imagery, but icons are not mere illustrations that are used purely to break up space and add interest: they’re visual metaphors that can invest meaning into a subject at a single glance; and as such, they’re a powerful tool for improving user experiences.