Menu
Thiết kế phẳng là gì?
Bạn có thể đã từng nghe qua và phong cách thiết kế phẳng trên báo chí, internet hay các blog chuyên về lĩnh vực thiết kế
Thiết kế phẳng là phong cách thiết kế đơn giản về mặt hình ảnh dựa trên chủ nghĩa thiết kế tối giản và có thể có nhiều trường phái khác nhau
Hiểu đơn giản, thiết kế phẳng không phải là thiết kế 3D.
Phong cách thiết kế phẳng, giống như tên gọi của nó, bao gồm các hình dạng phẳng và không có các chi tiết tạo chiều sâu, đổ bóng, hay kết cấu
Phong cách thiết kế phẳng trái ngược với skeuomorphic (phong cách thiết kế mô phỏng), skeuomorphic sử dụng rộng rãi các hiệu ứng như đổ bóng, kết cấu, phản chiếu, vát và dập nổi nhằm mô phỏng lại các đồ vật trong thế giới thực
TÓM LƯỢC BÀI VIẾT NÀY
Thiết kế phẳng thực sự trở nên thông dụng vào năm 2012 và 2013.
Phong cách thiết kế phẳng được áp dụng vào hệ điều hành Windows 8 và iOS 7, là những sản phẩm phần mềm phổ biến nhất thời bấy giờ
Từ cách bố trí mô-đun của Windows cùng các khối màu sống động cho đến việc Apple sử dụng các biểu tượng sạch sẽ và đơn giản hóa, Microsoft và Apple đã tạo nên một số ảnh hưởng định hình sự phát triển của thiết kế phẳng và định hướng cho sự phát triển của phong cách này !
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Thiết kế phẳng đã phổ biến dần trong gần 1 thập niên và vẫn đang tiếp tục phát triển mạnh mẽ
Chúng ta hãy cùng xem xét ưu, nhược điểm và hướng đi của nó trong tương lai
Kể từ khi Microsoft và Apple sử dụng thiết kế phẳng cho UI/UX của phần mềm của họ, phong cách này nhanh chóng trở nên phổ biến như một cách tiếp cận mới cho trải nghiệm người dùng.
Nó đã đang và sẽ phổ biến cho thiết kế web và thiết bị di động – vì nó tương thích với thiết kế co-dãn (Responsive Design)
Bố cục dựa trên lưới và đồ họa đơn giản của phong cách thiết kế phẳng đặc biệt phù hợp với thiết kế web và thiết bị di động vì chúng có thể dễ dàng thay đổi kích thước hoặc sắp xếp lại để hiển thị trên các thiết bị có kích thước màn hình khác nhau.
Ví dụ này dưới đây cho thấy việc đơn giản hóa và sắp xếp lại các cụm đồ họa giúp giao diện có thể hiển thị hoàn hảo trên nhiều màn hình thiết bị khác nhau
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Thiết kế phẳng có đặc trưng được tổ chức bởi các hình dạng hình học thống nhất, với bố cục này, mọi yếu tố thiết kế đều có vị trí của nó, giúp người dùng dễ dàng đọc và điều hướng nhanh chóng
Bố cục dạng khung (lưới) cũng cực kỳ linh hoạt cho mọi sản phẩm thiết kế, từ thiết kế web, thiết kế ứng dụng hay thiết kế giao diện người dùng
Thiết kế phẳng cho phép các nhà thiết kế tạo ra một cách sắp xếp phù hợp nhất và giới thiệu nội dung của họ, thay vì ép nội dung vào một bố cục hạn chế được xác định trước.
Ví dụ: Thiết kế tờ rơi theo dạng lưới bao gồm các khối hình vuông và hình chữ nhật có kích thước khác nhau để làm nổi bật các yếu tố như kiểu chữ và biểu tượng. Các khối màu đồng nhất và các hình minh họa đơn giản làm tăng thêm hiệu ứng và tính thẩm mỹ
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Trang web này cũng sử dụng thiết kế phẳng với bố cục dạng lưới :
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Thiết kế phẳng ưa chuộng các font chữ lớn hơn, sắp xếp hợp lý hơn. Việc không có hiệu ứng đổ bóng và các hiệu ứng 3D khác làm cho văn bản trở nên dễ đọc hết mức có thể
Font chữ Sans-serif là một lựa chọn phổ biến và phù hợp với phong cách thiết kế phẳng,
Font chữ serifs và font chữ display cũng là một lựa chọn khác, nếu đường nét của chúng không qúa phức tạp rườm rà
Trong nỗ lực theo đuổi các phẩm chất ưu việt của thiết kế phẳng, nhà thiết kế có thể tập trung quá nhiều vào tính thẩm mỹ – đến mức nó tác động tiêu cực đến khả năng sử dụng của thiết kế. Đây là một rủi ro đối với thiết kế web và ứng dụng di động.
Ví dụ như người dùng khó phân biệt được chi tiết có thể click vào khi trải nghiệm giao diện phẳng (vì mọi thứ đều được bố cục trong các ô vuông).
Các tính năng và trải nghiệm quan trọng có thể bị ẩn nhằm theo đuổi sự đơn giản, điều này sẽ khiến cho người dùng bối rối
Xem xét trang web dưới đây làm ví dụ, bạn khó mà biết nên click chuột vào chi tiết nào, đúng không ?
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Mọi doanh nghiệp, thương hiệu hoặc cá nhân khi triển khai một dự án thiết kế đều muốn thể hiện sự khác biệt với các đối thủ cạnh tranh cùng lĩnh vực – cho dù đó là 1 dự án thiết kế trang web, ứng dụng, danh thiếp hay thậm chí là banner
Một trong những nhược điểm của thiết kế phẳng là việc bám vào phong cách hình ảnh đơn giản, bố cục dạng lưới, nên dẫn đến các thiết kế trông rất giống nhau.
Hãy xem xét 2 ứng dụng dưới đây được thiết kế bởi 2 công ty khác nhau, và cùng theo đuổi triết lý thiết kế phẳng :
Các xu hướng thiết kế mới thường gọi tên thiết kế phẳng, vì nó là một lựa chọn phổ biến cho các nhà thiết kế muốn tác phẩm của họ trở nên hiện đại hoặc phản ánh công nghệ hiện tại.
Nhưng nhược điểm là một số nhà thiết kế sẽ theo đuổi xu hướng chỉ để chạy theo đám đông mà không thực sự nghĩ đến tính hữu dụng của chúng.
Điều này có thể dẫn đến các thiết kế vô ích – ví dụ: Thiết kế phẳng đổ bóng dài
Ví dụ này điển hình của xu hướng bóng dài thịnh hành vào năm 2013, áp dụng cho kiểu chữ và icon.
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Tệ hơn cả việc thiết kế chạy theo xu hướng là tác động tiêu cực đến khả năng sử dụng, như đã trình bày ở phần trước
Một ví dụ khác là việc sử dụng các font chữ rất mỏng trông tinh tế và tối giản, nhưng sẽ khiến cho người dùng thấy khó đọc
Khi các nhà thiết kế đã thử nghiệm thiết kế phẳng trong nhiều năm qua, giới design đã nhận thấy một số ưu và nhược điểm của triết lý này và quyết định điều chỉnh phong cách cho phù hợp.
Thiết kế phẳng ban đầu được đặc trưng bởi sự đơn giản về mặt hình ảnh một cách nghiêm ngặt, tuy nhiên nhiều nhà thiết kế gần đây đã kết hợp thêm hiệu ứng bóng và kết cấu tinh tế – để đáp ứng chức năng nhưng vẫn giữ triết lý của thiết kế phẳng !
Kết quả của những điều chỉnh này được gọi là phong cách thiết kế phẳng 2.0, hay “gần như phẳng”
Phong cách này là một sự thỏa hiệp: Bạn vẫn đảm bảo được sự đơn giản rõ ràng của thiết kế phẳng, nhưng thêm một số hiệu ứng tinh tế để tạo sự đa dạng về hình ảnh và tăng khả năng sử dụng của giao diện người dùng !
Trong ví dụ dưới đây, bố cục lưới của thiết kế phẳng và kiểu chữ dễ đọc vẫn được giữ nguyên, nhưng các yếu tố phân lớp và hình minh họa vẫn sử dụng một số hiệu ứng nổi khối tinh tế – một ví dụ điển hình về phương pháp thiết kế phẳng 2.0
Có nhiều đặc điểm chung với thiết kế phẳng, phong cách thiết kế Material là do Google phát triển, nhấn mạnh vào bố cục dạng lưới và đi sâu vào “sự lựa chọn màu sắc có chủ ý, hình ảnh tràn cạnh, kiểu chữ tỷ lệ lớn và khoảng trắng có chủ đích” để tạo nên 1 phong cách đa dạng hơn
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Ví dụ: hãy để ý cách đổ bóng và màu sắc tinh tế trên các nút với triết lý thiết kế Material từ Tubik Studio làm cho khả năng điều hướng trở nên rõ ràng ngay lập tức. Font chữ lớn ở background và cách xếp lớp bề mặt giống như giấy cũng là đặc trưng của phong cách thiết kế material
Thiết kế phẳng năm 2022 : Ưu nhược điểm và tương lai của thiết kế phẳng !
Mặc dù thiết kế Material dựa trên những nguyên lý cốt lõi của thiết kế phẳng, nhưng chúng có thể sử dụng các hiệu ứng ánh sáng và đổ bóng để gia tăng tính linh hoạt của thiết kế
Google cung cấp miễn phí hướng dẫn chi tiết về thiết kế material, giúp các nhà thiết kế dễ dàng áp dụng phong cách vào dự án của họ
Điều này cũng khuyến khích các nhà thiết kế thử nghiệm với các sửa đổi của riêng họ đối với cả thiết kế phẳng và thiết kế material, tạo nên những xu hướng mới, hoàn thiện hơn
