Curated by Wenyi Chu

READ MORE
sunday
06 Jun 2021
How to Create a Disruptive Design (So It Will Get Seen) designshack.net

If you really want to create a design that will make people look, it has to be disruptive.

While “disruptive” can be a bit of a hackneyed catchphrase, it is also at the core of what you do when you create something new. The goal is to get people to stop, look, and interact.

SHOW MORE
How to Create a Disruptive Design (So It Will Get Seen)
Design
saturday
05 Jun 2021
20 Figma Plugins and Tools to Boost your Design Workflow awwwards.com

Figma has a lot of advantages compared to Adobe XD or Sketch. It's a browser-based interface design tool that is cross-platform and works in any browser and OS, providing the ideal environment for real-time collaboration with other designers and team members.

Apart from its collaborative functionalities and its capacity to create interactive prototypes, export code, graphics and complete layouts, with the help of plugins, Figma can extend its features further - such as the automation of time-consuming tasks.

SHOW MORE
20 Figma Plugins and Tools to Boost your Design Workflow
Design
friday
04 Jun 2021
Vectoricons Mixer iconshock.com

Combine & mix thousands of vector icons to get unlimited creative icon packs.

SHOW MORE
Vectoricons Mixer
Design
wednesday
02 Jun 2021
A guide to the Modern Minimal UI style uxdesign.cc

I called this design style “Modern Minimal”. It’s minimalistic comparing to the other design styles, but at the same time is not as dull and boring as old Material Design or Flat. You can spot many inspirations from the different styles in it (like skeumorphism and glassmorphism, even!) but as you will see, it all works together and it doesn’t exceed certain level of visual complexity.

In general, Modern Minimal style embraces the following characteristics:

  • Bright backgrounds and whitespace
  • Subtle roundness on UI elements
  • Big, readable headings
  • Real-life photography
  • Thoughtful use of colors
  • Focus on contrast
  • Limited use of effects
  • Small details, often illustrated
SHOW MORE
A guide to the Modern Minimal UI style
Design
tuesday
01 Jun 2021
The new responsive: Web design in a component-driven world web.dev

Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size.

But soon, this perception of responsive design may be considered as outdated as using tables for page layout.

Viewport-based media queries give you some powerful tools, but lack a lot of finesse. They lack the ability to respond to user needs, and the ability to inject responsive styles into components themselves.

SHOW MORE
The new responsive: Web design in a component-driven world
Design
I made 100 more CSS loaders for your next project dev.to

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders.

This time, I am going to rely on more elements to create the loaders ... No, I am joking 😜, still only one div per loader, nothing more!

SHOW MORE
I made 100 more CSS loaders for your next project
Design
sunday
30 May 2021
Building a useful UI Kit blog.plantapp.io

UI Kit is a set of user interface elements that designers and developers need to simplify their work and create a unified product design for users. It allows you to quickly and efficiently create complex interfaces.

The easiest way to assemble the main UI Kit is to identify the interface elements on the main screens and place them in a separate place so that all subsequent screens are created from ready-made components.

SHOW MORE
Building a useful UI Kit
Design
saturday
29 May 2021
Trendy Gradients in Web Design awwwards.com

Gradients have been trendy for a while now, they initially made a comeback in a conventional way in backgrounds and images. Spotify made them popular again by applying duotone gradients over photos as a characteristic element of the brand in its campaigns and microsites. History is currently being revisited, taking us through an exploration of the different aesthetic movements of the 80s and the beginnings of web design in the 90s. This revival gives us multicolored retro gradients and duotone gradients from V A P O R W A V E to Memphis Design.

In the end of the article, lots of gradient generating tool are introduced. A good list to add to your collection!

SHOW MORE
Trendy Gradients in Web Design
Design
Lineicons 3.0 | 5000+ Line Icons for Designers and Developers lineicons.com

with Free CDN, Regular-Light Variations, Icon Editor and More

Handcrafted Free Line Icons for Modern User Interfaces of Web, Mobile, and Desktop App Design & Development Projects. A Complete Yet Most Simplified Line Icon Pack Available on The Web!

SHOW MORE
Lineicons 3.0 | 5000+ Line Icons for Designers and Developers
Design
friday
28 May 2021
10 elements of landing pages that convert webdesignerdepot.com

Landing pages are central to successful marketing campaigns; they allow you to target particular customers with particular solutions to particular problems.

It’s easy to confuse what a landing page is because users “land” on many pages. When we talk about landing pages, we mean a page that is entirely dedicated to a particular type of customer. In fact, if we could create a unique landing page for each individual user, that would be awesome.

You might think your homepage is a landing page, but it’s not; users reach your landing page in various ways — directly, via organic search, or backlink. A landing page is normally dedicated to a specific marketing campaign. It is accessed from a link in an email, via social media, or most often via a PPC (Pay Per Click) advert.

Here are 10 elements of landing pages that are proven to convert successfully:

SHOW MORE
10 elements of landing pages that convert
Design