Figma

Tổng hợp hướng dẫn dành cho Figma

Hướng Dẫn Thiết Kế Progress Bar (Thanh Tiến Trình) Chuyên Nghiệp Trong Figma

Thanh tiến trình (Progress Bar) là một UI component quan trọng giúp người dùng biết họ đang ở đâu trong một quy trình. Trong bài viết này, chúng ta sẽ cùng thiết kế một Progress Bar mang phong cách Glassmorphism hiện đại, kết hợp hiệu ứng phát sáng (Glow) cực kỳ bắt mắt trên Figma.

figporo.webp


0.webp

1. Bước 1: Tạo Primary Ellipse (Vòng tròn cho bước đang kích hoạt)

1.webp

  • Thêm một hình Elip (Ellipse) với kích thước 286 x 286.
  • Tô màu nền (Fill) bằng dải màu...
 

Đính kèm

  • 1.webp
    1.webp
    60.7 KB · Lượt xem: 0
  • 2.webp
    2.webp
    59.3 KB · Lượt xem: 0
  • 3.webp
    3.webp
    51.2 KB · Lượt xem: 0
  • 4.webp
    4.webp
    79.1 KB · Lượt xem: 0
  • 5.webp
    5.webp
    58.9 KB · Lượt xem: 0
Cập nhật:
DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
Back
Bên trên