Cho dù vô cùng nổi danh, nhưng thiết kế phẳng không phải là một xu hướng tức thời. Nó là một cách tiếp cận chủ đạo với thiết kế Web một cách cần thiết và thực tế.

Có sự cân bằng giữa thẩm mỹ và tính khả dụng trong thiết kế phẳng 2.0 (một khái niệm nâng cấp thiết kế phẳng) chứng minh rằng những yếu tố cơ bản phía sau triết lý tồn tại một sức mạnh thực sự.

Nhưng nó làm việc thế nào? Điều gì giúp cho nó sự kỳ ảo? Về khía cạnh này, chúng ta đang chạm vào bề mặt của thiết kế phẳng và xem điều khiến nó ghi dấu. Chúng ta sẽ phân tích những kỹ thuật cơ bản và khám phá xem kỹ thuật nào sẽ đưa mọi thứ tới tương lai.

Chúng tôi đã chọn ra năm công cụ hay kỹ thuật mà gần gũi với những nguyên tắc thiết kế phẳng – nhữn xu hướng riêng biệt từ những xu hướng tuyệt nhất.

1. Bóng đổ dài

Hầu hết xuất hiện ở trên các yếu tố thiết kế UI nhỏ hơn như các nút, bóng đổ dài được tạo ra với một tông màu giúp cho các minh hoạ trở nên cao hơn.

Bóng đổ thường rộng và nghiêng góc khoảng 45 độ cùng với cạnh sắc nét để dễ nhận ra. Việc áp dụng bóng đỏ dài khiến thiết kế có chiều sao và nhất mạnh hơn các yếu tố phẳng khác.

2. Bảng màu sáng sủa

Một trong những thứ thú vị tới từ thiết kế phẳng là việc khởi động năng lượng của màu sắc, đặc biệt là các màu sáng và đậm. Các nhà thiết kế yêu thích sự vui vẻ và màu Hue (bảng màu) hơn trước đây.

Ngoài ra, một số nhà thiết kế thậm chí còn tạo ra một nhóm các trang web riêng để cung cấp những bảng màu bắt mắt mà họ yêu thích.

3. Sử dụng Nghệ thuật đồ hoạ chữ một cách đơn giản

Thiết kế phẳng không chỉ sử dụng những phông đơn giản (vd: Helvetica), nó còn sử dụng những mặt chữ khác nhau nhưng đều dễ đọc, có thể là phông không chân và có các nét đều.

Điều làm nên một tác phẩm Typo phẳng tuyệt vời là nó giúp người xem thực sự tập trung vào trải nghiệm đọc nội dung.

4. Những nút “ẩn hiện”

Chúng được thiết kế như thể không tồn tại, tất nhiên là vẫn có thể nhấp chuột. Những nút “ẩn hiện” này gợi ý những tương tác trực quan nhưng lại không ảnh hưởng tới các thiết kế UI khác.

Bởi vì những nút “ẩn hiện” thường là một nét viền (outline) và dĩ nhiên nhìn không giống như một cái nút thường thấy, nó giúp cho hình nền có thể tạo được sự tập trung tốt hơn.

Nút “ẩn hiện” xuất hiện trái ngược với mẫu thiết kế nhiều màu sắc, và chỉ sẵn sàng xuất hiện khi có tương tác với các hình ảnh và các yêu tố hỗ trợ. Những nút đơn giản này thường gồm các mẫu chữ rõ nét phù hợp với thiết kế phẳng, các thiết kế tối giản.

5. Tối giản

Thiết kế phẳng có sự đơn giản sẵn có. Cuối cùng, thiết kế không không cón nghĩa là đem một thứ ngoài đời thực vào trong hình ảnh (ví dụ một ứng dụng cho laptop nhìn hoàn toàn giống cái laptop – phong cách Skeuomorphism cũ của Apple), bạn cần bỏ đi những chi tiết thừa.

Tất cả còn lại bản thân thiết kế được mô tả bằng màu sắc, chuyển màu, bóng đổ, hình dạng và những yếu tố tinh tế nhất. Thiết kế phẳng ép người thiết kế phải sáng tạo hơn nữa bằng cách bớt đi thay vì thêm vào. Các khoảng trắng (không gian) được nới rộng hơn bao giờ hết trong các thiết kế phẳng, giúp thiết kế sáng sủa và đề cao nội dung.

Quan trọng hơn các công cụ UI và các yếu tố thiết kế cần những một hình ảnh có tính toàn cầu, bởi vậy người dùng biết rằng họ cần làm gì với những hình ảnh đấy. Hãy xem cách mà biểu tượng humburger (các đường sọc ngang ngắn) sử dụng cho việc đóng mở menu – dù bạn thích hay không thì những nét đơn giản đó là một biểu tượng phổ biến mà người dùng sẽ bấm cho việc xuất hiện/ẩn menu.

Kết luận

Trong tương lai thiết kế sẽ không chết, nó sẽ trở nên cao cấp hơn với các tương tác kỳ diệu và các chuyển động đẹp mắt phù hợp với nội dung trang web. Chúng ta biết rằng kiểu thiết kế đề cao nội dung đã vực dậy thiết kế phẳng, và thiết kế phẳng cũng là hình thức hoàn hảo nhất để nó sử dụng.

Thiết kế web đang và sẽ đi theo những công cụ trắc nghiệm về tính khả dụng; mọi nút bấm, những lần nhấp chuột đều cần một giao diện sáng sủa tập trung đảm bảo người dùng sẽ hành động (tương tác) trên website.

Một số ví dụ: 

Theo TNW