small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

What Is the Open Web?

From Design System to ‘NFT Design System’: Creating TinyFaces

Published on <a href="https://blog.prototypr.io/classic-elements-and-principles-of-visual-design-2f3d40320444?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Uliana Musikhina 
<h4>Why do I like these apps.</h4>
Today I’m going to analyse 4 app-designs I like, explaining why do they look good to my eye. To choose those I went to dribble and picked some screenshots. Let’s check those through the principles of visual design.
<blockquote>Visual design is the use of imagery, color, shapes, typography, and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design. (UXBooth)</blockquote>
<h4><a href="https://dribbble.com/johnyvino">1. Johny Vino</a></h4>
Mainly I like this interface because of its amount of the white space. It breathes so well. I really like this kind of minimal designs.
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*Z-kUIEdPkG4CdhYr9w5I2A.png">
Also it looks nice because of it alignment and repetition. The order and organisation is clear, and it’s very easy to read. The use of contrast makes the grey text outstand over the white background. It’s coherent and harmonic due to its clear and minimal style, colours and sizes.
<h4><a href="https://dribbble.com/jakrugly">2. Jacek Krugły</a></h4>
This one catches my attention because of its colour-palette. A blue background with white font and bright green button. It’s minimal and simple.
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*j9PdtfRHTkqoztI87QIUAg.png">
The space in between the logo and the text makes it look light, even when you use a strong blue colour like this one. Also the contrast is obvious. I like the way the text is aligned and the way Jacek builds the hierarchy, using different kinds of weights.
<h4><a href="https://dribbble.com/fbwlm">3. Fabio Muniz</a></h4>
Fabio creates a lot of very nice layouts. This one looks great to me cause this is a 2 shades colour palette. He uses greys and the shades of orange. As you can see, the layout has a clear background, there are many fields and details, but it doesn’t overwhelm you. Some fields are highlighted in orange, so the hierarchy is clear. All of it is a great harmony solution.
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*ODTbz5k9wOBd5NkqYu5Gtw.png">
The screenshot with the users’ profiles shows the little subtitle difference between the background colour and the profile-field colour. I really like how the proximity works here. Also, everything is very well aligned.
<h4><a href="https://dribbble.com/Uddiptaborah1">4. Uddipta Borah</a></h4>
Last but not the least — a beautiful design of the music app. I love music and I love 2 shades colour palettes 👌
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*KTy9eNr4aLGMfak7mbJABw.jpeg">
The contrast and the space are the key elements why do I love these layouts. Uddipta uses dark icons and texts over the white background. Also, the colour elements help to outstand even more. The grid is clear, everything is well organised and the hierarchy is good.
Thanks for reading and let me know which one you like the most.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=2f3d40320444" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/classic-elements-and-principles-of-visual-design-2f3d40320444">Classic Elements and Principles of Visual Design</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Classic Elements and Principles of Visual Design

Classic Elements and Principles of Visual Design

Why do I like these apps.

Top Stories