Looking for color schemes for your graphic, web or UI design? Coolors is a fast and easy tool that lets you create, save and share beautiful color palettes. You can browse and filter schemes by color or popularity, save them to your account, or export them as .PNG, .PDF, .SVG, and more. Coolors is also available as an iOS App, Android App, Figma Plugin, and Chrome Extension. … [Read more...]
Convert Any Image Into A Stylish Duotone With These 7 Free Photoshop Actions
Duotone images are the rage nowadays in graphic and web design. But creating the perfect duotone image in Photoshop can be quite a challenge. You need to adjust the colors, brightness, contrast, opacity, create gradient maps, and more. … [Read more...]
36 Beautiful Color Gradients For Your Next Design Project
Looking for cool gradients for your graphic, web or UI design? Product designer and front end developer Indrashish Ghosh has created a useful online tool called uiGradients – a free collection of over 260 linear gradients that you can use for design and code. You can browse gradients by color, copy their hexadecimal or CSS codes, and even download a .JPG version of each one. … [Read more...]
30 Brilliant Slider Animations For UI Inspiration
Sliders are the most commonly-used UI element, after buttons. From lock screens and image galleries to volume controls and app selections, we use sliders to navigate our way through different interfaces everyday. An effectively implemented slider enhances the user experience and makes the interface more engaging, dynamic, and memorable. … [Read more...]
27 Beautiful Free Fonts For Your Next Design Project
As a designer, no matter how many fonts you own, you always want more. And then there's that heartbreaking moment when you've found a gorgeous typeface, only to see a big green button next to it that says "Buy Now for $75". Let's face it. We designers want freebies. We're drawn to them like a moth to a flame. … [Read more...]
29 Beautiful Color Schemes From Award-Winning Websites
Looking for color schemes for your website or UI? The design team at Visme, an online tool for creating presentations and infographics, has created a list of beautiful color schemes from websites that have been recognized by Awwwards, the world's largest web design awarding body. The list includes a wide range of color schemes - natural, earthy, contemporary, bold, elegant, … [Read more...]
36 Beautiful Color Palettes For Your Next Design Project
Looking for color palettes for your UI? Color Hex is a useful online tool with a collection of almost 40,000 color palettes that you can use in your projects. You can copy hex codes and even download a .PNG version of each palette. Check out some our favourites below. … [Read more...]
This Animated Video Brilliantly Explains How To Choose The Right Colors For Your Designs
Choosing the right color palette is essential to the success of any design project. But how do we know which colors look good together and which ones don't? How do the pros do it? The answer is color theory. Artists and designers have used color theory for centuries, but anyone can learn more about it. … [Read more...]
The Homepages Of America’s Fastest Growing Companies Have These Elements In Common
“You never get a second chance to make a first impression.” – Will Rogers. The homepage of your website is a user/customer’s first impression of your company. You have 0-8 seconds to engage a user, after which the majority of them leave. A one-second delay in your site speed can result in a 7% reduction in conversions. The key ingredients of an effective homepage are speed, … [Read more...]
31 Brilliant User Interface Animations
Animated interface elements don't just attract attention, they enhance user experience and help guide user flow. They reveal the functionality and process of a user interface much better than static text. Like any other element of good design, UI animations should have a purpose without being too noticeable. They should be functional above everything else. If you're looking … [Read more...]
A Useful Guide To Different Font Formats That Every Designer Should Know
There are many choices of font formats but not a single one works across all browsers. You will have to use multiple font formats to deliver a consistent experience. These include TrueType Font (TTF), OpenType (OTF), Embedded OpenType (EOT), Web Open Font Format (WOFF) and Scalable Vector Graphics font (SVG). … [Read more...]
This Animated Video Brilliantly Explains Layout And Composition In Graphic Design
Layout and composition are the foundation of design. They give your work structure and make it easier to navigate. Without a well-composed layout, your elements would basically fall apart. GCFLearnFree has come up with an excellent animated tutorial on the five basic layout and composition principles that can help transform your work and sharpen your eye for design. Check it … [Read more...]
30 Great Font Combinations For Your Next Design Project
Designers often spend a lot of time deciding which typefaces to pair up and most sites don’t offer a real preview of what the text will look like. To make life easier for everyone, designer Poppie Pack from Canva has created a set of mock-ups that show different headline and body font combinations for a variety of design projects. Pack has also specified the font size and … [Read more...]
50 Beautiful Color Combinations For Your Next Design Project
Looking for some nifty color combinations for your next project? The design team at Visme, an online tool for creating presentations and infographics, has created a list of 50 beautiful color schemes you can use in your designs. These color presets are available within Visme to use in any charts or graphics that you create with it. Check out the list below. … [Read more...]
Sketch vs. Photoshop
Blogger Helga Moreno has come up with a handy infographic that compares the time-tested Adobe Photoshop with the relatively new Sketch app, on the basis of their usability for web design and development. The infographic lists the key features of both apps and compares them on relevant parameters. … [Read more...]
Designer Brilliantly Explains How To Charge Clients For Logos And Other Design Services
Chris Do is an Emmy award-winning designer and founder of Blind, a brand strategy design consultancy in Santa Monica. He also runs an online venture called The Futur which teaches the business of design to creative entrepreneurs. In this video, Chris explains how to correctly charge clients for logos and other design services. He provides some brilliant tips on negotiation, … [Read more...]
30 Beautiful Color Gradients For Your Next Design Project
Looking for cool background gradients for your UI? Software and design company Itmeo has created a useful online tool called WebGradients – a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. You can download a .PNG version of each gradient and copy their CSS3 cross-browser codes. Sketch and Photoshop packs are … [Read more...]
Who Legally Owns A Website Once It’s Designed?
"I paid a professional web designer to create my site, of course I own it!" - this is probably the belief that almost every website client holds. It makes perfect sense - you paid someone to develop a website for you. Why then would you not own what you paid for? … [Read more...]
Dogs Explain What Different HTTP Status Codes Mean
San Francisco-based software programmer Mike Lee has come up with a fun project titled HTTP Status Dogs that uses dog pictures to illustrate what different HTTP status codes mean. For example, 404 (not found) is a picture of a dog digging a hole looking for something but unable to find it. 204 (no content) is a picture of a dog next to an empty bowl. Check out more below. … [Read more...]
What Is SSL And Why Every Website Will Need It In 2017
SSL (Secure Sockets Layer) is the standard security technology for establishing an encrypted link between a web server and a browser to avoid interception by hackers. Encryption means to convert information or data into a code, especially to prevent unauthorized access. A website that uses SSL encryption has a padlock next to their domain name in the browser's address bar (like … [Read more...]
IKEA Renamed Its Products After Common Google Searches About Relationship Problems
IKEA's products have always been inspired by how people live in the real world. They wanted to remind people that their products can solve or improve a variety of everyday problems. These days, most of us turn to the internet for answers when problems arise. To prove that IKEA can be a part of the solution, Swedish agency Åkestam Holst came up with a campaign titled Retail … [Read more...]
Web Design Psychology: How To Create A Site That Influences People
"Good design is obvious. Great design is transparent." - Joe Sparano. An effective website is one that builds trust with its user and influences him/her to take your preferred course of action. From layout and typeface to colors and CTAs, each element plays an important role in engaging users and creating profitable conversions. … [Read more...]
10 Great Google Font Combinations For Your Next Design Project
Designers often spend a lot of time deciding which typefaces to pair up and most sites just give one-sentence examples that don't offer a real preview of what the text will look like. To make life easier for everyone, the team at Milo Themes has created a set of mock-ups that show different Google Font combinations for headline and body copy. They've used filler text from … [Read more...]
5 Things Every Designer Should Know When Dealing With Clients
If you're making changes to a project in front of a client, you're doing it wrong. You might think you're saving time, but you end up making the design process look simpler than it actually is. Here's a handy infographic by Basekit and Josuedric that shares five such important tips you should keep in mind when dealing with design clients. … [Read more...]
Tips To Make Your Website User-Friendly For People With Disabilities
A website should be user-friendly for everyone, including those with poor vision, dyslexia, autism or physical disabilities. UK-based interaction designer Karwai Pun has created a set of six infographics that highlight the dos and don'ts of designing for accessibility. … [Read more...]
The 100 Best Web Design Tools And Resources
As a designer, it's imperative that you know your tools like an artist knows their paintbrushes. But with so many new apps and resources around, which ones should you bookmark? … [Read more...]
15 Great Google Font Combinations For Your Next Design Project
Designers often spend a lot of time deciding which typefaces to pair up and most sites just give one-sentence examples that don't offer a real preview of what the text will look like. To make life easier for everyone, the team at Milo Themes has created a set of mock-ups that show different Google Font combinations for headline and body copy. They've used filler text from … [Read more...]
20 Funny Comic Strips That Designers Will Love
Award-winning cartoonist Jerry King draws a weekly comic series for Web Designer Depot that focuses on the funny situations designers and developers face in their daily lives. Check out a few good ones below. … [Read more...]
After Working With Difficult Clients, This Designer Turned Their Comments Into Funny Posters
In the design business, if you put a nickel in a jar every time a client says something stupid, you'll have a jar full of nickels by the end of the week. After receiving his fair share of nonsensical client feedback over the years, Jonathan Quintin, founder and creative director of UK agency Studio–JQ, decided to collate a few of them into a poster series titled "The Client … [Read more...]
Funny Posters Dedicated To Our Friendship With Our Favourite Software
Good friends know each other inside out and make life easier for each other. With Friendship Day around the corner, Mumbai-based digital agency Pixel Fox Studios thought of paying tribute to the work buddy we all have - software. They've created a series of posters dedicated to the friendship between different types of professionals and their most used softwares. What's also … [Read more...]
How To Structure URLs To Make Your Web Pages Rank Higher
Short and clean URLs don't just improve usability and user experience but they also help your pages rank higher in search results. Keep your URLs to under 60 characters, match them to their page titles and avoid keyword repetition and stop words like 'the', 'and', 'but', 'of', etc. FME Modules has created a handy infographic that offers URL structuring tips and suggestions to … [Read more...]
A Closer Look At Web Designers And Their Funny Habits
We web designers are a peculiar species. We like to do things with <style>. We refuse to eat at restaurants where the <table> layout sucks. We search for the Ctrl/Cmd Z button every time we spill our coffee. Our relationship with developers is similar to Donald Trump's relationship with immigrants. We like to keep 'other' humans at a distance, unless they know the … [Read more...]
32 Creative Loading Animations That Are Worth The Wait
47% of users expect a webpage or an app to load in 2 seconds or less. After 4 seconds, the average user starts getting frustrated and after 8 seconds, they leave. In fact, a one second delay in your site speed can result in a 7% reduction in customer conversions. Loading time is crucial to the success of your site, app or program and if you can keep the user engaged for … [Read more...]
5 Color Choices You Must Avoid When Designing For The Web
When it comes to web design, colors play a vital role in increasing conversions, reducing bounce rate and ensuring a smooth user experience. We often see websites compromising on readability by using light-colored text on light backgrounds. Also, it's never ok to use red and green in excess, even if you're making a Christmas-themed website. … [Read more...]
What Different Colors Mean And How To Use Them
Did you know that blue is used for corporate and business designs because it represents dependability, trustworthiness and security? Orange is used to give a friendly impression without being overpowering. Darker shades of purple characterize wealth and luxury. TechKing has come up with a handy infographic that covers the psychology of different colors, their appropriate … [Read more...]