John Wolf

UI & UX Designer Teaching UX design from personal experience.

3 Articles

UI UX

Five Secret Tips For Better Focus States – Quick Guide

John Wolf - November 11, 2020 1

In this article, You can learn an overview of what components need and doesn't need focus states when creating a digital product. Adding clear...

Read more

UI UX

How To Become A UX Expert In Easy Steps

John Wolf - November 10, 2020 0

Are there some easy steps that you can follow to become an expert in UI & UX design? Of course but, There are also...

Read more

Design

Key Principles That Will Help You Design Better Charts!

John Wolf - October 31, 2020 0

Depending on what you want to show, here is an overview of the most common chart types:(You need to understand these 4 types to...

Read more

Most Popular

Design

Is MacOS 11 Big Sur Really Ugly? And Here Is Why!

<img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" width="96" height="96" alt="UX Bucket" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" />

UX Bucket - July 9, 2020 0

Latest Apple - macOS 11 Big Sur design update make some users unhappy because of the several reasons.

Read more

MacOS 11 Big Sur Icons Good or Bad? Here’s What Designers Think.

UI UX

<img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" width="96" height="96" alt="UX Bucket" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" />

UX Bucket - July 20, 2020 2

Apples' Latest macOS 11 Big Sur comes with a new icon style - Soft 3D skeuomorphism. Let's see what UI/UX Desgners think about these new Big Sur icons.

How To Design Water Animation Using Adobe XD – 3 Tutorials Included

UI UX

<img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" width="96" height="96" alt="UX Bucket" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" />

UX Bucket - July 19, 2020 0

Adobe XD is one of the most famous prototyping tools used in the UI UX Industry. Since most of the designers are familiar with...

MacOS 11 Big Sur Icon Comparison (Video)

Design

<img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" width="96" height="96" alt="UX Bucket" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" />

UX Bucket - July 10, 2020 0

Apple announced its latest macOS 11 Big Sur in this year WWDC, and become one of the popular topics among the apple community. Since...

Unilever Logo Breakdown – Explained All Symbols

Branding

<img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="96" height="96" alt="UX Bucket" data-src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://uxbucket.com/wp-content/uploads/2020/10/ux-bucket-logo-150x150.png" width="96" height="96" alt="UX Bucket" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" />

UX Bucket - July 19, 2020 0

Unilever's logo is unique and identical with it's big blue "U" shape and 25 small symbols which represents companies sub brands.