Việc định dạng xu hướng thiết kế web theo từng giai đoạn không phải là một việc dễ dàng. Đặc biệt là nếu chúng ta xem xét những ứng dụng rộng lớn của các ứng dụng và tính năng đã được phát triển gần đây, chẳng hạn như HTML5 và CSS3. Việc thiết kế web có thể nói là có khả năng sáng tạo vô hạn, cho nên một số xu hướng có thể kéo dài, trong khi một số khác lại biến mất trong một thời gian ngắn.
WEB MỸ THUẬT hôm nay sẽ gợi ý một số xu hướng mạnh trong thiết kế web trên thế giới trong năm 2010 để mọi người cùng thảo luận và đánh giá. Đối với các web designer Việt Nam, những xu hướng này các bạn cũng có thể tham khảo để nâng cao khả năng thiết kế và mở rộng sáng tạo cho các sản phẩm của mình.
Typography
Một trong các xu hướng thiết kế web đang phát triển mạnh trên thế giới là Typhotography, nhưng ở Việt Nam điều này dường như chưa được đánh giá và chú trọng đúng mức. Theo kinh nghiệm của WEB MỸ THUẬT, Typhotography có thể ứng dụng cho việc hiển thị tên website (title) và các chữ tiêu đề thêm sinh động và tạo điểm nhấn ấn tượng. Mỗi một designer đều có cách sáng tạo Typhotography khác nhau nên sẽ tạo sự khác biệt cho mỗi một web designer.
Fonts Serifs
Các font chữ Sans-serif ( Arial, Verdana, Helvetica ) cho đến nay vẫn được các nhà thiết kế web sử dụng thường xuyên nhất được sử dụng trong thiết kế trang web vì tính chân phương và rõ ràng của nó. Nhưng trong năm 2009, nhiều nhà thiết kế đã giảm việc sử dụng chúngmà thay đổi bằng sử dụng phông chữ serif, chẳng hạn như Georgia, vào các mẫu thiết kế web của họ. Xu hướng này tạo nên những điểm nhấn mới lạ cho giao diện trang web và mang lại chút cầu kì, cách điệu cho sản phẩm của web designer. Và chắc chắn rằng, trong năm 2010, bạn sẽ thấy nhiều trang web được thiết kế "rất phong cách" sử dụng nhiều hơn font chữ Sans-serif. WEB MỸ THUẬT cũng sẽ có 1 bài riêng về xu hướng rất thú vị này.
Tiêu đề ngoại cỡ
Một trong những xu hướng thiết kế web nổi bật trên thế giới trong năm qua là tạo đặt size lớn cho tiêu đề web. Xu hướng này sẽ làm nổi bật hơn tiêu đề trong trang và ngay cả phần mô tả web cũng dễ được chú ý hơn. Ở Việt Nam, xu hướng này dường như không được áp dụng vì các web designer ở Việt Nam chưa chú trọng về hiển thị tiêu đề và mô tả mà chú trọng chính vào banner. Nhưng như vậy thì sẽ giới hạn khả năng sáng tạo của web designer và có tình trạng lặp đi lặp lại trong các mẫu thiết kế. Thực sự WEB MỸ THUẬT cũng suy nghĩ về điều này và sẽ có một bài viết kỹ hơn về xu hướng này.
Kết cấu linh hoạt
Thực sự tôi cũng rất băn khoăn không biết có nên đưa đề xuất xu hướng này hay không, vì nó tuy mang đầy tính sáng tạo và trải nghiệm thú vị nhưng có lẽ lại phù hợp hơn với những giao diện web mang nặng tính trình diễn và ít chú trọng nội dung. Và khả năng ứng dụng của nó trong việc thiết kế web nói chung là không nhiều. Nhưng tôi nghĩ đây là cũng là một xu hướng thú vị và có thể đẩy mạnh phát huy sáng tạo của nhà thiết kế web nên quyết định đề xuất xu hướng này.
Đây là xu hướng dường như chỉ có ở nước ngoài và bản thân mình cũng chưa bao giờ áp dụng . Xu hướng này là thay vì thiết kế web theo một số dạng form nhất định (2 cột, 3 cột,...) thì ta có thể thay đổi các kết cấu giao diện web, kết nối chúng và có sự hòa lẫn một cách sáng tạo. Bạn xem một hình giao diện web ở dưới là có thể hình dung xu hướng này.
Thêm một số mẫu để tham khảo và đối chứng : Link (Trang web bằng tiếng anh).
Minimalism
Minimalism là phong cách theo chủ nghĩa tối giản. Xu hướng này ở trên thế giới đã có từ lâu và nay lại trở lại một cách mạnh mẽ. Ưu điểm của Minimalism là đơn giản, dễ hiểu và có tốc độ tải trang nhanh.
Ở Việt Nam xu hướng phong cách này dường như chưa hình thành và không được biết đến nhiều. Ở nước ngoài xu hướng này đa số được sử dụng cho các website có nhiều hình ảnh và nội dung không nhiều như các trang porfolio, photography hay các trang blog cá nhân.
WEB MỸ THUẬT Thêm 2 trang web giới thiệu về những website thiết kế theo phong cách minimalism này.
Sử dụng phối cảnh 3D
Xu hướng này không phải mới và ở Việt Nam cũng đã có biết về xu hướng này nhưng khả năng áp dụng chưa nhiều vì nhiều lý do. Thay vì giao diện trang web chỉ là một mặt phẳng thì sử dụng phối cảnh 3D lại tạo chiều sâu và sự sinh động, chân thực và mới lạ, độc nhất cho trang web.
Sự chấm dứt của Tag Cloud
Tag Cloud là tính năng đặc trưng cho thế hệ web 2.0, và nó dường như đều được các website 2.0 ứng dụng. Nhưng càng về sau, tag cloud lại xuất hiện những khuyết điểm như gây rối trang web (khi tag quá nhiều), nhiều tag có nội dung trùng lặp,... Cho nên trong năm nay xu hướng không sử dụng Tag Cloud ngày càng nhiều và cái chết của Tag Cloud là đã được dự báo trước. Bản thân mình cũng không còn sử dụng tag cloud trên giao diện WEB MỸ THUẬT nữa.
Chân trang khổng lồ (Big Footer)
Trong một bài báo được đăng trong tạp chí W số 114, nhà thiết kế Jay CP Elliot mô tả chân trang (footer ) là nơi lý tưởng để nhận được thông tin từ một blog / trang web, vì không tạo ra bất kỳ xung đột với các khu vực quan trọng nhất là trang web và bài viết. Xu hướng này trên thế giới đang rất thịnh hành, tạo ra ngày càng nhiều kiểu footer độc đáo, đầy đủ thông tin và đẹp. Riêng ở Việt Nam, footer lại là phần ít được chú trọng nhất, mặc dù ở 1 website dài, footer lại là nơi dễ làm nổi bật thông tin và liên kết nhất.
Menu tương tác
Với nhiều tính năng mới và ứng dụng hỗ trợ được phát triển, cùng với sự phổ cập dần của internet băng thông rộng. Các nhà thiết kế web không còn ngần ngại ứng dựng flash hay javascript để tạo ra các menu tương tác một cách sáng tạo, sinh động và đầy nghệ thuật nữa.
CSS3
Mặc dù không tương thích với trình duyệt cũ, CSS3 vẫn được các nhà thiết kế web sử dụng một cách sáng tạo và thông minh để tạo ra những mẫu website đẹp hơn. Những tính năng chính của CSS3 hay được các web designer ứng dụng là:
Text-Shadow
Được sử dụng để tạo chiều sâu và làm nổi bật các văn bản cần thiết.
RGBA (RGB Alpha)
Tính năng này được sử dụng để tạo ra các màu sắc sinh động, trong suốt hay mờ đục cho các thành phần web.
Bo tròn góc biên
Làm bo tròn các góc biên mà không cần sử dụng tới hình ảnh.
Ảnh động
Tính năng này chỉ hiện thị được trên các trình duyệt có webkit như Google Chrome, Firefox, Safari,... nó cho phép tạo ra các hình ảnh động mà không cần sử dụng flash hay thư viện javascript.
WEB MỸ THUẬT
Bài kế tiếp dự kiến: 30 mẫu website có giao diện tương tác người dùng tuyệt vời
Bài hay, thx :D