Thiết kế website giao diện phẳng (Flat Design): Xu hướng thiết kế website hot năm 2015
Năm 2013, windows 8 ra đời cùng giao diện Metro style đã tạo ra một luồng sóng ảnh hưởng lớn đến xu thế thiết kế trong mọi lĩnh vực công nghệ như: thiết kế website, thiết kế giao diện mobile hay giao diện windows…Thời gian trôi qua không làm giảm sức nóng của Flat Design mà còn làm làn sóng này được ủng hộ mạnh mẽ hơn nữa bởi các nhà thiết kế trên thế giới.
Thiết kế phẳng mang đến một góc nhìn mới trong thiết kế website, nó giúp sắp xếp lại các chi tiết trật tự làm cho người dùng dễ đọc, dễ hiểu vì giao diện của thiết kế phẳng mang tính đơn giản, màu đơn sắc nhưng tính tương tác rất cao. Trong lĩnh vực thiết kế cho smartphone bạn có thể dễ dàng tìm các ứng dụng rất ưu chuộng xu hướng thiết kế phẳng này. Với màn hình smartphone nhỏ, chỉ với vài nút chọn thì thiết kế phẳng là sự lựa chọn hoàn hảo nhất. Chúng ta hãy cùng tìm hiểu thêm một vài ưu điểm nổi bật mà thiết kế phẳng trở thành xu hướng thiết kế website.
Vậy thiết kế phẳng là gì?
Về định nghĩa, thiết kế phẳng là phương pháp thiết kế không sử dụng bất kỳ hiệu ứng nào trong thiết kế truyền thống như đổ bóng, góc xiên, dập nổi… cùng một số yếu tố tạo nên độ sâu, độ nét nổi bật của thiết kế giao diện để những hình ảnh được đơn giản hơn. Chỉ riêng cái tên “phẳng” cũng đã bao hàm ý nghĩa không chứa các yếu tố 3D.
Thiết kế phẳng (flat design) được coi là một triết lý thiết kế theo chủ nghĩa tối giản, tức mọi thành phần đồ họa được làm cho đơn giản nhất với những đặc tính như màu sắc rõ ràng, góc cạnh, không gian mở và tất cả được thể hiện dạng hai chiều. Một ví dụ điển hình về giao diện phẳng mà bạn có thể thấy rõ nhất là Metro UI trên hệ điều hành Windows 8 của Microsoft hoặc giao diện trên hệ điều hành Windows Phone. Ở màn hình chính, bạn sẽ thấy một giao diện với những mảng màu tách biệt nhau hoàn toàn, chúng không được thiết kế dạng ba chiều hay dạng mô phỏng (skeuomorphic) mà ở đó sự đơn giản được đặt lên hàng đầu.
Thiết kế phẳng có đặc điểm gì?
Thiết kế phẳng giống như cái tên của nó, mọi thứ đều ở dạng 2 chiều – nằm trên một mặt phẳng. Thiết kế phẳng không có trang trí hay thêm thắt những hiệu ứng như đổ bóng, dập nổi, góc xiên, độ dốc hay bất kỳ yếu tố nào để tạo độ sâu… Mọi yếu tố từ hộp, khung ảnh cho đến nút chọn… đều mạnh mẽ, rõ ràng.
- Chú trọng vào các chi tiết đơn giản
Thiết kế phẳng sử dụng nhiều yếu tố giao diện đơn giản, chẳng hạn như các nút và icon. Nhà thiết kế thường dùng những hình dạng đơn giản, chẳng hạn như hình chữ nhật, hình tròn hoặc hình vuông… đứng một mình. Các đường bao quanh những hình dạng này có thể góc cạnh hoặc có độ cong.
Thiết kế phẳng khiến cho người dùng dễ dàng click. Vì vậy nhà thiết kế không cần nhiều lời giải thích trong thiết kế. Nhưng bạn đừng cho rằng thiết kế phẳng là đơn giản và dễ thiết kế. Thiết kế phẳng cũng đòi hỏi nhà thiết kế phải suy nghĩ, tìm tòi, chọn lọc rất nhiều giống như các phong cách thiết kế phức tạp khác.
- Tập trung vào font chữ
Những chi tiết trong thiết kế phẳng đơn giản nên Typography (nghệ thuật font chữ) rất quan trọng. Font chữ cần phải phù hợp với toàn thiết kế, chẳng hạn như một font chữ dập nổi trông sẽ rất lạc lõng với một thiết kế đơn giản. Kiểu chữ không quá cầu kỳ. Nội dung của câu chữ thường đi thẳng vào vấn đề. Những ai đã từng sử dụng qua giao diện của Windows Phone hoặc Windows 8 có thể dễ dàng nhận thấy điều này. Việc có thể xem trực tiếp thông tin ứng dụng mà không cần phải mở ứng dụng đó lên thực sự là trải nghiệm mới lạ và tiện dụng. Font chữ còn khá quan trọng trong một số website sử dụng text nhiều như mẫu website giáo dục hay mẫu website tin tức.
- Tập trung vào màu sắc
Màu sắc rất quan trọng, chiếm một phần lớn sự thành công của thiết kế phẳng. Đặc điểm của thiết kế phẳng là dùng những tông màu sáng và dùng nhiều màu hơn các phong cách thiết kế khác. Màu sắc trong thiết kế phẳng có thể dùng để phân chia các khu vực rõ ràng, chẳng hạn như những hộp màu trong ví dụ dưới đây.
Những điểm yếu của thiết kế Skeuomorphic (phong cách mô phỏng giả chất liệu)
Skeuomorphic là phong cách thiết kế mô phỏng sao cho giống thật nhất có thể bằng cách sử dụng các hình ảnh dễ liên tưởng đến vật thể thực tế cũng như áp dụng các hiệu ứng tạo độ sâu.
Dù được đầu tư nhiều trong giao diện đồ họa nhưng không phải vì vậy mà thiết kế mô phỏng không gặp phải vấn đề. Thiết kế mô phỏng, tức là mô phỏng sự vật trong cuộc sống thật nên nó cũng phần nào hạn chế sự sáng tạo của việc thiết kế. Bên cạnh đó, việc giới hạn về đồ họa cũng hạn chế mục đích cuối cùng của thiết kế mô phỏng. Ngoài ra, hạn chế về kích thước cũng làm giảm tính hấp dẫn của thiết kế mô phỏng. Ví dụ:
– Cách thức mô phỏng đôi khi gây khó nhà phát triển: Việc tìm ra cũng như tạo dựng hình ảnh trong Skeuomorphic gây ra không ít khó khăn cho các nhà thiết kế.
– Tốn nhiều không gian màn hình thiết bị di động cho các trang trí không cần thiết: Đây là một thực tế của thiết kế Skeuomorphic vốn đặt nằng tính hình ảnh với các trang trí bắt mắt. Chẳng hạn như ảnh thiết kế của giao diện lịch bên trên, người dùng thường chỉ muốn biết hôm nay là ngày bao nhiêu, thứ mấy. Không nhất thiết phải hiển thị cả một tháng như một tấm lịch thực sự.
– Hạn chế sự sáng tạo: Thiết kế Skeuomorphic vốn lấy hình mẫu là những vật ngoài thực tế. Thế nên các nhà thiết kế không cần phải tưởng tượng nhiều về thứ mà mình định làm ra mà chỉ nghĩ cách làm sao cho giống nhất có thể. Và khả năng cao là sẽ có nhiều “ý tưởng lớn gặp nhau” với một chút khác biệt nhỏ.
– Tốn nhiều tài nguyên phần cứng: Việc áp dụng nhiều hiệu ứng trong thiết kế Skeuomorphic cũng là một khuyết điểm của phong cách này bởi như thế sẽ khiến các thiết di động vốn yếu ớt về sức mạnh phần cứng, ít ỏi về thời lượng pin sẽ phải dồn sức để thể hiện Skeuomorphic trên màn hình.
Mặc dù thiết kế website phẳng đang được ứng dụng rộng rãi cũng như nhận được sự ưu ái từ các nhà thiết kế nhưng chắc chắn trong tương lai sẽ có nhiều xu hướng mới tối ưu hơn ra đời để thoả mãn các yêu cầu thiết kế giao diện chuẩn mực hơn. Còn hiện tại, chúng ta hãy cứ hài lòng với thiết kế phẳng và những tiện ích mà nó mang lại.
