Thiết kế giao diện người dùng UI sao cho sang? Điểm ngay 6 bí quyết dưới đây

November 30, 2021
Nội dung chính

Thiết kế giao diện người dùng UI sao cho sang? Điểm ngay 6 bí quyết dưới đây

Bạn đã bao giờ thiết kế cho một thương hiệu cao cấp chưa? Những cửa hàng quần áo hàng hiệu, nước hoa hay đồng hồ đắt tiền chẳng hạn. Chắc hẳn một web/app đại diện cho thương hiệu cao cấp như vậy cũng phải toát lên một sự sang trọng, tao nhã nhất định. Vậy làm thế nào để thiết kế UI của bạn trông không bị "phèn" hay bình thường quá? Bỏ qua ngay 6 bí quyết từ Capi Demy cho một thiết kế UI "chanh sả" nha!

1. Chọn typeface "sang"

Typeface phù hợp với "thần thái sang chảnh" nhất sẽ là neoclassical serif (serif tân cổ điển) hoặc sans serif đơn giản, nét mảnh. Bạn không nên lựa chọn những typeface trông quá cầu kì hay lộng lẫy.

2. Sử dụng font nét mảnh

Những font nét mảnh sẽ khiến thiết kế của bạn trông thanh thoát hơn hẳn. Thế nhưng đừng chọn font quá mảnh, nếu không người đọc sẽ phải căng mắt ra để nhìn rõ chữ trên web/app đó.

3. Đơn giản hoá

Đơn giản hoá thiết kế UI của bạn, từ icon, hình ảnh, hình minh hoạ, v..v. Bởi đơn giản vẫn mang lại nét tinh tế tuyệt vời nhất.

4. Để ý các khoảng trắng

Đừng khiêm tốn với khoảng trắng (whitespace). Để thiết kế UI của bạn thoáng và "dễ thở" không chỉ mang lại sự tao nhã, mà còn giúp điều hướng người dùng tốt hơn.

5. Màu sắc ít bão hoà

Những màu sắc mang độ bão hoà cao sẽ chói và quá nổi bật. Màu sắc ít bão hoà sẽ mang cảm giác nhẹ nhàng và trang nhã hơn nhiều. Do đó, màu nền sáng sẽ là lựa chọn phù hợp đi kèm để có thể đứng cùng với tông màu ít bão hoà.

6. Hình ảnh tối giản

Sử dụng các hình ảnh với chỉ một điểm nhấn trong đó để mang lại thông tin một cách đơn giản và nhanh chóng nhất cho người dùng. Đừng để người dùng phải tốn nhiều thời gian tập trung vào phần hình ảnh của bạn.

Tổng hợp và thiết kế bởi Capi Demy

Liên hệ tư vấn theo:

Inbox: m.me/CapiDemy.Edu

Email: capidemy@gmail.com

Address: Tầng 6, số 35 Tô Vĩnh Diện, Hà Nội

Cập nhật ngay những thông tin và kiến thức mới nhất từ Capi Demy:

Website: https://capidemy.com/

Fanpage: https://www.facebook.com/CapiDemy.Edu

Group: https://www.facebook.com/groups/110472031204880

https://capidemy.com/khoa-hoc/combo-uid-mawd
https://capidemy.com/khoa-hoc/combo-uid-mawd-uxd

Có thể bạn quan tâm

Chương trình khuyến mãi

Sự kiện

Đón Trăng Đón Deal - UI Vững Vàng, UX Bài Bản

Sự kiện

Capi Demy x IxDF: Đối Tác Giáo Dục UI/UX Toàn Cầu