Belajar UI

“I spent 4 hours perfecting this card design for the dashboard Super happy with how it turned out! Here's all my design thoughts: 1. I felt the original had too much white space and not enough actions 2. Added cog for settings, moved everything to a horizontal layout to fill…”

Cara buat bisa jadi Product Designer (UI/UX) adalah langsung ngelakuin hal-hal yang berhubungan sama kerjaannya

A bottom sheet is a user-interface pattern used commonly in mobile apps for providing contextual details or controls in the lower area of the screen.

Discover how you can bring life to your app with animation! We'll show you how to create amazing animations when you take advantage of...

Today we compare them to see who will pack more punches.

Why we need to see our work through a systems thinking lens.

Enterprise applications are complex. They often contain large amounts of information from various sources, modules, and users. In order to present this wealth of information, these applications…

12 design guidelines for tab controls to distinguish tabs from site navigation and address click uncertainty.

It is important for designers (or creatives or any “tech person”) to document their creative and technical processes primarily because it…

The dark days are finally past us.

Estimating and scoping your product design work is important. Especially if you're in the fast-pace environment. Here's how.

“How we designed + developed Complicheck's new marketing website quick open case study draft”

Any interface is a barrier to getting out value of a product. The 7 Qualities of Conversion Interface help to clear the way

Plus over 50 new features and upgrades based on feedback from our community, including total price display, transparent checkout details, improved maps, redesigned wishlists, and more.

Good typography can make a website look more professional and trustworthy!

Thoughts, patterns, and solutions.

“UI Designers can drastically improve how their designs look by learning the basic design principles and UX laws. Here's where to look 👇”

“⚡️ 10 Landing page design tips Top section: 1️⃣ Explain the value you provide (title) 2️⃣ Explain how you'll create it (subtitle) 3️⃣ Let the user visualise it (visual) 4️⃣ Make it believable (social proof) 5️⃣ Make taking the next step easy (CTA) By @harrydry A thread 👇”

The typographic scale has been used for centuries to choose harmonious font sizes. It has been likened to a harmonious musical scale. But there are *flaws* in those historical values.

“A thread with all of my @figma guides 👇”

Creating a live environment, not a cemetery of ideas

Disruption, opportunities, and the evolving role of design.

“Are you using #sections in @figma yet? They are one of the most underrated features in Figma. I switched my Figma component documentation entirely to sections and it has made a huge difference. Here's why:”

“💥 16 little UI design rules that make a big impact UI design might appear to be a magical art form, but a lot of it is made up from logical rules or guidelines. We’ll redesign an example interface using 16 of 100+ guidelines from my book - @PracticalUI A mega thread👇”

Main features and differences in mobile apps typography, practical examples, and useful links.

@steveschoger has been dropping some great design tips lately so I started saving them. Really looking forward to his upcoming book with @adamwathan.

Optimizing call-to-action buttons for all users

When defining a proper color palette for the design system I was working on, I came across the “Dark Yellow Problem”, where designers try…