Trong lĩnh vực thiết kế giao diện người dùng (UI), một phong cách mới đang nổi lên và thu hút sự chú ý của các nhà thiết kế nhờ vào vẻ đẹp hiện đại và sang trọng của nó. Đó là hiệu ứng Glassmorphism Figma, một xu hướng thiết kế được yêu thích hiện nay. Phong cách này dựa trên hiệu ứng kính mờ, kết hợp giữa độ mờ, độ trong suốt và ánh sáng phản chiếu nhẹ để tạo ra một cảm giác ba chiều.
Đặc trưng của Glassmorphism là việc sử dụng nền đầy màu sắc, hiệu ứng đổ bóng và đường viền mảnh trắng để tạo ra cảm giác lớp kính nổi bật trên nền. Phong cách này đang ngày càng được các nhà thiết kế UI/UX ưa chuộng trong thiết kế dashboard, ứng dụng và trang đích (landing page).
Ưu điểm của hiệu ứng Glassmorphism trong UI/UX là tăng tính thẩm mỹ, tạo chiều sâu trực quan, tập trung sự chú ý và dễ kết hợp với màu gradient. Màu sắc và ánh sáng trong Glassmorphism được sử dụng một cách tinh tế để tạo ra một giao diện đẹp mắt và thu hút.
Để tạo hiệu ứng Glassmorphism Figma, người dùng cần bắt đầu bằng việc khởi tạo một canvas làm việc. Sau đó, kéo ảnh nền vào khung và vẽ một hình chữ nhật, bo tròn các góc để tạo ra hình dạng mong muốn. Chọn kiểu tô màu là Linear Gradient và nhập mã màu cho từng điểm chuyển để đạt được hiệu ứng màu sắc mong muốn.
Bước tiếp theo là mở bảng Effects và chọn hiệu ứng Background Blur để tạo hiệu ứng kính mờ. Điều chỉnh hiệu ứng blur và độ trong suốt sao cho hài hòa với tổng thể bố cục. Cuối cùng, chọn toàn bộ khung hoặc đối tượng cần xuất, nhấn Export và tùy chỉnh định dạng và độ phân giải nếu cần.
Khi thiết kế Glassmorphism, người dùng cần lưu ý không lạm dụng hiệu ứng này, đảm bảo tương phản nội dung, hiệu suất hiển thị và thiết kế trên nền đủ màu sắc. Glassmorphism phù hợp nhất cho thiết kế giao diện trong Figma các phần như card, popup, sidebar hoặc header.
Nếu so sánh với Neumorphism và Flat Design, Glassmorphism được ưa chuộng vì mang lại cảm giác tương lai và hiện đại. Neumorphism phù hợp với thiết kế tối giản, nhẹ nhàng, trong khi Flat Design lại nổi bật với sự đơn giản tuyệt đối, dễ đọc và dễ sử dụng, cực kỳ hiệu quả cho hiệu suất lẫn khả năng tương thích trên các thiết bị cũ hoặc băng thông thấp.
Người dùng có thể tìm các template Glassmorphism Figma trên Figma Community bằng cách gõ từ khóa “Glassmorphism UI”, “Glass Card”, hoặc “Frosted UI”. Một số mẫu Glassmorphism Figma Template phổ biến bao gồm Dashboard Glass UI Kit, Glassmorphism Login Page, Mobile App Glass Template, Glass Button Components, Glassmorphism Profile Card và Glass Modal Popup.
