Articles

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

6 Great Open Source SVG Icon Libraries You Should Check Out Now

 

Codedamn – Teach Yourself to Code

 

Zoop – Unlimited Serverless Hosting

 

Sitemaps: A Complete Guide

 

Shoelace 2.0: A Forward-thinking Library of Web Components

 

How to Become a UX Designer – No Matter What You Studied at Uni

 

Buttons that Spark Joy

 

How to Solve any Design Problem by Understanding its Roots

 

Ooooops I Guess We’re* Full-Stack Developers Now

 

Blue People Illustrations, or How to Kill a Brand

 

How to Pick More Beautiful Colors for your Data Visualizations

 

Stop Doing Design System Projects

 

Please Don’t do That: 4 Things to Ask Clients to Avoid

 

What’s Driving so Many Car Brands to Redesign their Identity?

 

How to Prepare Sites for 2020 Holiday Shopping

 

Nova

 

Show Off your Design Skills by Crafting Eye-Catching iOS 14 Layout Themes

 

How to Create Onboard and Login Screens for a Dating App Template in Figma

 

Bidirectional Scrolling: What’s not to Like?

 

Basic Guidelines to Product Sketching

 

The Era of UI Unification

 

The Typography of Star Trek: The Motion Picture

 

The Guide to UX Research

 

In Search of Illustration: Design Process for Illustration Set

 

Looking at an Online School Through a Web Designer’s Eyes

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

This month we’re going big and bold. Oversized type, strong colors, in-your-face layouts, and little touches of playfulness exude confidence and make a statement. There are some quieter moments too, with thoughtful illustration and more gentle use of color. Animation still features strongly in the details, with circles proving popular in rollover effects. Enjoy.

Fledge

Fledge is a film production company based in Belgium. Their site uses split screen with looped text scrolling in opposite directions on each side. A minimal color palette adds extra punch.

2ºC Earth

2ºC Earth is a beautiful and also scary website that explores the effects of rising global temperatures by focusing on 5 specific locations. Some stunning photography and subtle use of sound take you to these locations as they are now, then show what they could become. The experience is both immersive and unsettling.

pill&pillow

Unlike many digital studios who use the design of their own site to demonstrate their skills, pill&pillow have taken a very basic approach. It is very self-assured, and it works. Random colored strikethroughs on visited links add a nice touch of playfulness.

Ferrum Pipe

Metal fencing is not the most interesting of subjects to most of us, but this site for Ferrum Pipe is surprisingly appealing. On scroll animation and some off-grid image layout brings life to what would normally be, well, a bit dull.

Lucciano’s

With its focus on mouth-watering photography and videography, the site for gelato makers Luccianos, will have you checking your freezer for any leftover salted caramel or stracciatella. The zoom on rollover is a nice effect, and the use of circles with ice cream color backgrounds for rollover text reinforces the gelato theme.

Björn Wieland

UI designer and artist Björn Wieland has created a portfolio site with a simple, relaxed feel and pleasing transitions. It feels simple, but behind the scenes there is quite a lot going on.

Coloursmith

Coloursmith is a tool from Taubmans paint company which allows you to create a custom paint color by uploading a photo. You name your color and can add a story, then you order a test pot. colors are presented well, in different light and with suggestions for complementary colors.

Finn 

Finn make diet supplements for dogs. Their site is fun, modern and clean. Bright colors and an illustration that manages to be cute but not too cutesy make a bold impression.

Highcourt

Highcourt is a new private membership leisure club set to open in New York in spring 2021. Dark blue text on cream gives a softer edge than black on white. The background color changes on scroll are pleasing, and simple line illustrations with occasional gentle animation add to the overall sense of calm.

Elevence

Elevence is the company of product designer Kazuo Kobayashi. The site uses only black, white, and grays allowing the color photos of his work to really stand out. Circular thumbnails are used to good effect, appearing on rollover.

Playtype

Playtype is a Danish type foundry whose site seems to fit their name. It has a playful, almost chaotic feel, with bright blocks of color and occasional animation. Some pretty nice typefaces too.

Neri Oxman 

Neri Oxman is many things: architect, scientist, engineer, inventor, and designer. This site feels like a really beautiful coffee table art book that you want to pick up and look through every so often. There are some nice details too, like the lens ‘reveal’ effect on rollover in a few places.

Modern Recovery

Modern Recovery is a project by sobriety program Tempest. The interactive illustration encourages exploration, to discover different stages of recovery from alcohol abuse and insights from others who have followed the program. The aim is to change our social attitudes towards alcohol and not drinking.

Bliss

Have you clicked on the link to visit Bliss Search? Yes, the link is correct, no you haven’t been redirected to a Google search results page. This Australian digital marketing company have copied the appearance of different well-known sites for their pages — Google, Instagram, LinkedIn, Tinder all make an appearance. The humor in this approach shows confidence, and makes it memorable.

Miilkiina

Miilkiina describe themselves as a digital media space and creative agency. Punchy typography, with great use of blackletter, well chosen images, and a strong header video give this home page an in-your-face edge.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book by photographer Sasha Maslov. Its subjects are the, mostly, women who work as traffic controllers and safety officers at railroad crossings in Ukraine. It’s a simple site — outsized type, black and white, basic image grid, only very brief text — but it is effective in its simplicity.

Una Europa

Una Europa is an alliance of 8 European universities with the aim of offering joint research and study programs. There is some playful scrolling behavior with geometric shapes moving and changing color that enlivens what could otherwise be quite a dry site.

Bureau Cool

There’s a bit of an old school feel about the site of digital design studio Bureau Cool, with its recent traffic animation. The changing backgrounds on scroll are a nice touch.

Gridspace

Gridspace is a multimedia entertainment studio based in Montreal, and their website is a visual feast. Lots of movement, lots of video, some good use of sideways scrolling.

Nolii

Nolii make cases and accessories for iPhone that work together. The sorbet color palette complements the product colors and the block layout provides a visual reflection of the interlocking of the different products.

Source


Source de l’article sur Webdesignerdepot

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

The Core Concepts of Bold Web Design

 

Chrome Extensions Every Web Developer Must Have

 

How to Use Email Infographics to Engage Subscribers

 

30+ Free Graphic Templates for SaaS Social Media

 

Searchbox – A Lightweight JavaScript Library for Building Search UIs

 

Twake – Open Source Collaboration Platform for Teams

 

Synthesia – Generate Professional-looking AI Videos from Text in Minutes

 

Design Resources

 

19 Trippy & Glitchy CSS Distortion Effects

 

Update on Firefox Send and Firefox Notes

 

The Rounded User Experience

 

Chinese Approach to 3D Illustration and Character Design

 

Sapiens Character Builder

 

ComicA11y

 

Here’s How You Measure the Success of a UX Design Project

 

Tools Should not Only Be for Experts – They Should Turn Us into Them

 

Designing with Accessible Color Contrast on the Web

 

The Future of Experiences, According to a Theme Park Designer

 

How to Make an App – The Ultimate Guide

 

Page Experience: A Guide on Google’s Newest Ranking Factor

 

Visual Mind AI – How Attractive is your Website?

 

The Untold History of MacOS System Preferences

 

Bringing Context to Design Systems

 

How to Market Yourself as a Creative Entrepreneur

 

Magic Startup Shell – Validate your Startup Idea

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

The Beginner’s Guide to Responsive Web Design in 2020

 

Frontendor – HTML Templates and Blocks to Help Build Beautiful Websites

 

Why these Developer Job Titles are Ridiculous and Shouldn’t Exist

 

Emblemicons – Open-Source Free to Use Library of 1000+ Beautiful Icons

 

Disrespectful Design – Users Aren’t Stupid or Lazy

 

Welcome to your Bland New World

 

Playing with Fonts

 

The 50 Best Fonts for Creating Stunning Logos

 

How HTTPS Works

 

Nova – Beautiful, Fast, Flexible, Native Mac Code Editor

 

How to Be a Great Email Designer: Essential Tools

 

10 UX Lessons I Learned Building my Product from Scratch

 

5 Fears that Creatives Must Overcome

 

Introducing Mono Icons

 

From Posters to the Web: The Link Between Print and Digital Design

 

Designing SaaS Products In 2020

 

User Experience: What Is, its Guidelines and How to Apply it on your Website

 

The Evolution of the Google Sign up Form: 2005 → 2020

 

Principles for Naming a Brand

 

How to Choose the Right Website Fonts

 

Design Principles: What, Why, and How

 

5 Basic Types of Images in Web Design

 

Documenting is Designing: How Documentation Drives Better Design Outcomes

 

How to Create Dreamy Color Blurs in Adobe Illustrator

 

The Entrepreneur Vs the Linchpin: Which Type of Designer are You?

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

In this month’s collection of the freshest web designs from the last four weeks the dominant trend is attention to detail.

You’ll find plenty of animation, in fact, almost every one of these sites uses animation to a greater or lesser degree. Let’s dive in:

Globekit

Globekit is a tool that allows developers to quickly create animated and interactive globes and embed them on web pages. Its site features some exceptional 3D animation.

Yolélé

Yolélé is food company built around fonio, a West African super grain. Its site features a great page transition, and the landing page carousel is one of the few examples of horizontal scrolling we’ve seen work well.

Begonia

Begonia is a Taiwanese design agency with an impressive client list. Its site features animated typography, a super bold splash screen, and some surreal artwork. There’s so much here, it’s almost overwhelming.

Next Big Thing

Next Big Thing is an agency supporting the full lifecycle of start-ups. Its site is clearly targeting tech-based clients, and there are some lovely transitions. The masked hero transition on scroll is delightful.

Proper

We all have every reason for the odd sleepless night right now, but regular sleep is essential for our health. Proper offers sleep solutions from coaching to supplements on its subtly shaded site.

The Oyster & Fish House

The site for The Oyster & Fish House is packed with some delightful details. We love the subtle wave textures, the photography has a nostalgic feel, and the typography is perfectly sophisticated.

Drink Sustainably

Fat Tire produces America’s first certified carbon neutral beer, and Drink Sustainably has been produced to explain the concept. We love the vintage advertising style of the artwork.

Treaty

It seems like every week there’s a new CBD brand launching. What we like about Treaty’s site is the slick fullscreen video, the inclusion of botanical illustrations, and the really brave use of whitespace.

Studio Louise

You’re greeted on Studio Louise’s site by a shot of trees with two random shapes; as you scroll the shapes morph and relocate to the top right corner, and you suddenly realize they’re an “S” and an “L”, cue: smiles.

Wünder

Another site for a CBD product, this time a vibrantly branded sparkling beverage. Wünder’s site features enticing photography, an on-trend color palette, and credible typography.

Seal + Co

Some professions lend themselves to exciting, aspirational sites, and some companies are accountancy firms. However Seal + Co’s site creates the impression of a modern, capable, and imaginative firm.

DocSpo

There is some lovely, 3D animation on the DocSpo site. The company is a Swedish startup enabling digital business proposals, and its site is bold, Appleesque, and packed with nice details.

Motley

We never get tired of particle effects, like the one employed by Finland-based agency Motley. There’s some superb work in the portfolio, and it’s great to see a blog using Old Master paintings for thumbnails.

The Ornamental

The Ornamental sources leather goods for wealthy individuals, and luxury lifestyle firms. Its site is minimal, with some drool-worthy handbags. We particularly liked the image zoom hover effect in the store.

G.F Smith

G.F Smith is one of the world’s leading paper suppliers. Its redesigned site is much simpler than its last, with some lovely touches, like the varied paper photography when you hover over product thumbnails.

Raters

Raters is a new app that lets you discover new movies via reviews from people you trust. This simple site does an exceptional job of previewing the app, across multiple device sizes.

Fleava

There’s a whole heap of nice interactive details on Fleava’s site, from the cursor-following circles when hovering over links, to the way the thumbnails are squeezed when dragging through projects.

The Story of Babushka

A babushka doll is a traditional Russian toy, made up of dolls, nested inside dolls. The Story of Babushka uses the toy as a metaphor for growth in this children’s book, and the accompanying animated website.

Grand Matter

After the uniformity of the 2010s, there are a wealth of illustration styles being explored across the web. Grand Matter is an artist agency that represents some amazing talent, and we love the illustration they chose themselves.

Nathan Young

Nathan Young’s site does exactly what it needs to do: Providing case studies for his design work. The fade-out on scroll is a simple device that elevates the whole site experience.

Source


Source de l’article sur Webdesignerdepot