2014: bước đột phá trong lĩnh vực thiết kế web

1. Thiết kế phẳng (Flat design)
 

Sự bắt đầu từ Microsoft đã tiến hành với Windows 8 – hay còn gọi là Metro style trong năm 2013, Trào lưu thiết kế phẳng đã nhanh chóng được hưởng ứng tích cực. Một vài ứng dụng gần đây có tên Rise với kiểu thiết kế này gây ấn tượng tốt với người dùng bởi các yếu tố hoàn toàn phẳng, không có bất thứ điều gì tạo cảm giác 3 chiều.
 

2. Ít nút (thêm cảm ứng)
 

Trải nghiệm người dùng sẽ dần quen thuộc với điều này. Thay vì đi tìm kiếm một nút chức năng (ví dụ như copy, hay xoá) thì thử phẩy ngón tay, hoặc một tương tác khác bạn sẽ thấy điều cần tìm.

Thêm các hành động cho việc tương tác cảm ứng sẽ là những xu hướng thiết kế trong vài năm tới, cũng như để người dùng làm quen với việc này.
 

3. Kiểu menu "Hamburger"
 

Rất nhiều ứng dụng đã sử dụng cách này như một lựa chọn cho menu, nhưng tôi nghĩ nó sẽ trở nên phổ biến. Đó là cách đơn giản nhất để chỉ ra rằng có nhiều thứ để chọn phía sau icon này – vài gạch ngang giống như các miếng bánh hamburger.

Một ứng dụng đã thêm một chút hài hước và điều này. The Magazine của Marco Arment, nếu bạn giữ nút này trong khoảng 3 giây, "hamburger" menu sẽ biến thành một cái hamburger thật sự.

4. Linh hoạt (responsive) nếu không Native

Xu hướng này là sự tương phản hoàn hảo với điều trên, nhưng một điều là tất cả sẽ được những người thiết kế quan sát để lựa chọn trong suốt năm. Khi một trang web tung ra với mong muốn có được những độc giả trên diện rộng, việc một nền tảng độc quyền có thể không phải là lựa chọn tốt.

Một ví dụ tuyệt vời là Quartz. Quartz đi xa hơn Native, nhưng nó được thiết kế linh hoạt, cho chúng ta cảm giác nó có thể chạy trên mọi thiết bị. Tôi có thể mở trang với iPhone, iPad, Surface Tablet và nó hoạt động hoàn toàn tương tự, cho tôi thông tin giống nhau và những trải nghiệm giống nhau.

Reponsive Web – Web linh hoạt đang trở thành cách phổ biến cho các trang web chuyên về nội dung. Nếu muốn thiết kế chính xác cho mọi thiết bị là điều bất khả thi và Reponsive là cách lựa chọn để nội dung thống nhất.

 
5. Các trang web rộng hơn.

Đây là một xu hướng mà tôi thấy mới đây. Một số blog mới nhất thường có bề ngang hẹp. Điều này giúp chúng ta có sự tập trung tốt, nhưng khi bạn có lựa chọn để tạo một web linh hoạt, một trang web với bề ngang 700px để lại quá nhiều khoảng trống, ví dụ khi duyệt bằng iPad retina hay iMac.

Bằng cách tăng kích cỡ chiều ngang cho trang web, nó cho phép những thành phần đồ họa hiển thị nổi bật như văn bản. Một hình ảnh đáng giá cả ngàn chữ vì thế một tấm hình đẹp khi ta xem trên trang web có chiều ngang chỉ khoảng 700 điểm ảnh sẽ khá là rắc rối.

6. Phông chữ lớn hơn – và Big Typography

Ngày nay, font chữ tiêu chuẩn hiển thị trên các trang web là từ 12 tới 14px nhưng trong tương lai, các nhà phát triển web có xu thế chọn lựa font chữ với kích thước to hơn ở mức 16 tới 18px cho nội dung. Đây là ví dụ của Trent Walton.

Cùng với web linh hoạt (RWD – reponsive web), cách trình bày văn bản trong trang web đóng vai trò rất quan trọng, quyết định khả năng hiển thị của nội dung trình bày.

Khi font chữ kích cỡ 18px hiển thị trên màn hình iPhone, chắc chắn bạn sẽ dễ đọc hơn là font chữ 12px. Tuy nhiên, điểm trừ của font chữ lớn đó là với những bài dài, sẽ rất khó chịu khi đọc trên các thiết bị màn hình lớn và độ phân giải thấp.

7. GIF như là thành phần thiết kế

Đây là xu hướng thiết kế mà những người viết bài khác tại The Industry cũng như những phản hồi trên Twitter đều muốn cho vào trong bài viết này.

GIF đang chứng tỏ một vai trò quan trọng trong thiết kế. Nếu như PNG là tiêu chuẩn hiện tại thì GIF sẽ cho phép thêm sự thay đổi hoặc chuyển động vào một thành phần nào đó mà không cần phải code nhiều.

8. Thiết kế cho con người

Đây không hẳn là xu hướng mà là một triết lý.

Marco Arment đã làm rất tốt điều này với The Magazine. Trong khi nội dung của những tạp chí này hướng tới những người đam mê công nghệ nhưng Marco Arment cho biết những người thiếu hiểu biết về công nghệ vẫn có thể đọc và hiểu những nội dung của từng tạp chí.

Ông không bắt đầu với ý tưởng về một The Magazine đẹp, ông thiết kế nó để trở thành tạp chí chứa giá trị, tiềm năng, sự kết nối và trên tầm cao hơn là triết lý. Cũng giống như các chi tiết thuộc chuyên môn, nó là một trải nghiệm với thiết kế sẽ có tác động tới con người.

Chúng ta không làm ra những sản phẩm chỉ cho cộng động thiết kế, chúng ta thiết kế với mục đích cải thiện chất lượng của thế giới. Nếu bạn có thể thay đổi cách con người tương tác với các thiết bị hàng ngày, bạn sẽ bắt đầu có tầm ảnh hưởng tới năng suất lao động tổng thể của họ.

9. Những màu sắc mới (chúng tôi đang mong đợi)

Tumblr hay Facebook đều lấy màu xanh làm chủ đạo Nếu có một vấn đề làm cản quá trình phát triển của cộng đồng thiết kế, căn nguyên nằm ở màu sắc. Có tới 60% các ứng dụng trên màn hình chính của tôi [người viết bài gốc] được thể hiện với một màu sắc: màu xanh dương (#00A0D1).

Không chỉ với các biểu tượng, những trang web nổi tiếng cũng sử dụng màu xanh dương rất nhiều như Tumblr hay Pandora, Facebook…

Xu hướng này khuyến khích các nhà phát triển ứng dụng và web hãy từ bỏ sử dụng màu xanh và chuyển qua một màu sắc mới. Không phải tất cả màu sắc đều thích hợp và thể hiện tốt như màu xanh dương nhưng không mất gì để thử chúng cả.