Belajar UI

Inline form labels can cause a lot of trouble, but at the same time the constraints of mobile screens force designers to do more with less space. It puts people in a weird position. Let's take a look at the pros and cons of inline labels: Inline Label Pros Saves space–This is the big advantage

Relinquish control, offer parts, and let implementers compose

Has this ever happened to you? You’re casually browsing when you land on a random website. It’s selling a product

Learn How To Design With Figma

“Do we have a name yet for this trend? It's not flat yet not skeuomorphic... Main characteristics are: Solid & saturated accent colors Tight drop shadows on form fields & non-primary btns Subtle rounded corners Font titles are Bold or Semi-Bold Geometric sans”

Is everything looking the same?

“Why is making a dark mode greyscale so hard to get right? Well, of course it has to do with the weird way humans perceive colour and contrast. 👇”

“What a gem! How To Become Your Engineering Team’s Favorite Designer (https://t.co/gGKZ9e09RF), a walkthrough with 10 practical ways to enhance collaboration with developers. Kindly shared by @ridd_design 👏🏼👏🏽👏🏾 Bonus: nailing responsive design in Figma (https://t.co/hHJAEJ5iSj)”

A modern look at responsive web design.

One component to rule them all.

Interactive Navigation Bar Component Guide designed by Daniel Moss. Connect with them on Dribbble; the global community for designers and creative professionals.

Variants, component swapping, and component properties all offer different advantages. Choosing the right feature is key to building a strong component library.

“ICYMI: I recently published a full tutorial on how to design the new @joindiveclub cards from scratch in Figma 👇 (pay attention to when/how I use components 💡) https://t.co/C0U8tgP3bg”

“New Tutorial! ✨ Learn how to create "@linear gradients" with @figma in just a few easy steps. Let's get started 👇”

“It is a general road map for learning Design fundamentals, UI/Ux and Figma. Hopefully, you will find it helpful.”

“For a recent freelance job I used a lot of red lines for how components responded to screen sizes 🖊 The focus was mostly responsive behaviour (the developer was comfortable in Figma) but was happy with the result! Will show an example here in the spirit of learning in public!”

We've opened up the music box and described how we've shaped the tool to suit our needs and culture at Spotify.

“Someone sent me a question about imagery in website hero sections, so here's some thoughts/ideas/inspiration, with examples. 1. The standard approach is to have text content (headings, text, buttons) and imagery (photos, illustrations) side-by-side.”

Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive

“8 quick tips to improve your Typography skills...”

“- Design Thread - Cara gue belajar UI UX sendiri dari 0. Tanpa bootcamp dan hanya modal belajar di internet. Sebuah utas✨”

“Today I have something special for you! It’s a pretty simple UI design component - a dropdown profile menu with a couple of items. But there's a CATCH! A thread 👇🧵”

In this article, I am going to share 15+ realistic problem statements that you can pick up for your next case study.

“Finishing off our class naming documentation so we can test it with the team next week 💪 What structure do you use?”

How empty states make a fuller user experience.

“Advanced Figma Tips & Tricks 2022 (https://t.co/ZNruqCb8Ej) (12 mins, video), with hidden gems like quick embeds and prototypes, nudging text, scrubbing fields, left-right honor grid and component naming. Also available as text: https://t.co/TT1vWeAJbi Via @moonlearning #figma”

After reviewing literally hundreds of UX/UI portfolios I started to notice some patterns. There are five distinct UI levels, or skill levels and only being a...

We all probably already know how it is to receive a project from someone else. Not everyone works the same way, it’s what makes our field…

“FAQ seputar UI/UX yok ☕️”