Tin tức

Xu hướng thiết kế website năm 2012 – Part 1

31/10/2012

Lại một năm nữa sắp qua đi, chúng ta lại cùng ngồi lại với nhau để nói về xu hướng sắp tới trong năm 2012 của lĩnh vực thiết kế website.

Thật ra, việc dự đoán và nói về xu hướng thiết kế website không có gì là khó khăn, nếu chúng ta thỉnh thoảng ngồi liếc ngang, liếc dọc một chút.

Việc nghiên cứu xu hướng thiết kế web có vai trò cần thiết trong quá trình phát triển của việc thiết kế web. Các xu hướng được sinh ra, kế thừa và được phát triển để tạo ra xu hướng mới tốt hơn.

Vì vậy, việc đón nhận các xu hướng, và áp dụng nó vào việc thiết kế sẽ giúp cho bạn có thể kế thừa, mở rộng và nâng cao năng lực thiết kế của mình rất nhiều.

Khi đọc bài này, có thể có nhiều bạn nhận thấy nó đã xuất hiện rồi, nhưng đây là chúng ta đang dự đoán, và ở ngoài đời thì thường phát triển nhanh hơn chúng ta tưởng nhiều.

Nào cùng chúng tôi điểm qua những xu hướng thiết kế website này là gì?

1. Responsive Web Design

Thiết kế website phục vụ ứng dụng – đây là một xu hướng khá mới tại Việt Nam và cả cộng đồng Designer trên thế giới.

responsive website Xu hướng thiết kế website năm 2012 – Part 1

Sở dĩ chúng tôi xu hướng này sẽ nóng trong năm nay, vì chúng ta có thể dễ dàng nhận thấy sự tăng trưởng chóng mặt của lĩnh vực thiết bị di động (điện thoại thông minh, máy tính bảng v..v).

Để đáp ứng nhu cầu này, các website của chúng ta thiết kế sẽ dần mất đi việc quy định chiều rộng website, mà sẽ đi theo phong cách “năng động” hơn, và các thành phần đồ hoạ sẽ tập trung vào các chi tiết để trả lời các truy vấn nhiều hơn, nhằm phục vụ cho việc các website sẽ dễ dàng hiển thị hoàn hảo trên nhiều thiết bị khác nhau.

2. Cố định thanh điều hướng

fix menu web Xu hướng thiết kế website năm 2012 – Part 1

Xu hướng này thương tập trung ở các web đơn hoặc blog các nhân, nó đã bị sụt giảm khá nhiều trong năm 2010-2011, nhưng đang có dấu hiệu hồi sinh trong vài tháng qua.

Nếu website của bạn không có nhiều nội dung cần điều hướng, và chúng ta chỉ cần cung cấp một vài liên kết. Vậy tại sao không cố định những liên kết này ở một nơi tại một thời điểm. Điều này sẽ cải thiện hiệu suất trang web lên đáng kể, và giúp cho sự pha trộn và bố trí tổng thể của website trở nên dễ dàng hơn.

Ý tưởng của việc này là giúp cho logo và thanh điều hướng của bạn luôn dễ dàng tìm được cái họ cần khi họ đang “lang thang” xem xét các nội dung.

jQuerry dễ dàng cho phép tạo một ví dụ nhanh chóng về việc này. Và thậm chí, đôi lúc chúng ta không cần sử dụng Java Scrips, mà chỉ áp vào một đoạn CSS nhỏ để tạo ra những hiệu ứng “xinh xinh” cho việc cố định thanh điều hướng.

Hầu hết phong cách cố định thanh điều hướng trong năm 2011 thường sẽ đi theo người dùng trong lúc họ “lướt” trang web. Nhưng trong ví dụ dưới đây, anh chàng Simon Quyts đã có một sự sáng tạo khá thú vị

fix menu web 01 Xu hướng thiết kế website năm 2012 – Part 1

Có thể bạn không bao giờ để ý vấn đề này khi chúng ta phần lớn vẫn đang làm việc với những màn hình đúng chuẩn và hiển thị dễ dàng. Nhưng khi chúng ta làm việc với những thiết bị di động khác, hoặc có một vấn đề khó khăn khi phải thiết kế trên độ phân giải màn hình không được tự do, thì việc cố định thanh điều hướng có thể giúp bạn rất nhiều. Chúng ta nên xem xét điều này trong năm nay.

3. Vòng tròn

Xu hướng sử dụng hình tròn đã từng một thời được chú ý trong việc thiết kế web. Nhưng nó đã xuống rất thấp trong một vài năm.

Đến thời kỳ web 2.0 bùng nổ, các nhà thiết kế đã tập trung hơn vào việc đổ bóng và bo tròn các chi tiết trên màn hình máy tính, và cho đến khi CSS3 phát triển những việc trên đã trở nên dễ dàng và thú vị hơn rất nhiều.

Ngoài ra, bạn có thể tạo ra các chi tiết hình tròn mà không cần hình ảnh nào. Tác động của việc này là giúp các nhà thiết kế có cái nhìn thanh thoát hơn trong thiết kế mà không bị ảnh hưởng bởi hình ảnh.

Việc này đã làm tăng đáng kể việc sử dụng hình tròn trong thiết kế, như sử dụng trong thanh điều hướng, liên kết, biểu tượng v..v. Xem ví dụ dưới đây:

cirle web Xu hướng thiết kế website năm 2012 – Part 1

Ví dụ trên đây hơi “cực đoan” khi nó sử dụng toàn hình tròn, tuy rất đẹp nhưng đôi lúc một ví dụ cực đoan nhất lại không mang lại hiệu quả nếu sử dụng một cách không tính toán.

Hình dạng tròn, thông thường mang lại hiệu quả cao trong việc kích thích ánh mắt của khách hàng. Sử dụng điều này khi cần mô tả các nguồn tài nguyên hữu ích và các trang liên quan.

cirle web 01 Xu hướng thiết kế website năm 2012 – Part 1

4. Dùng hình ảnh vector lớn

Các hình tượng con vật hoặc biểu tượng gì đó nghộ nghĩnh với khổ lớn, đã bắt đầu xuất hiện nhiều hơn trên các website và đã xây dựng được các nhãn hiệu của riêng mình.

Chỉ cần một vài năm trước đây, bạn không thể tìm mối liên hệ giữa hoạ sĩ minh hoạ với việc thiết kế và phát triển thương hiệu web. Nhưng chất lượng và tài năng của các nhà thiết kế đã được cải thiện rất nhiều.

Cá nhân tôi tin rằng dùng những sinh vật đáng yêu đang là một phương pháp tiếp thị hiệu quả trên internet.

mailman vector Xu hướng thiết kế website năm 2012 – Part 1

Mailchimp – một dịch vụ gởi email marketing nổi tiếng là một ví dụ điển hình cho việc dùng linh vật khổ lớn. Hình ảnh chú khỉ đưa thư đã trở nên vô cùng quen thuộc với nhiều khách hàng. Và từ đó, họ dễ dàng phát triển hình ảnh chú khỉ đáng yêu này vô các ứng dụng của iOS hay Android.

freelance switch vector guy Xu hướng thiết kế website năm 2012 – Part 1

Ngoài ra Freelance Switch cũng thật sự gây ấn tượng với tôi. Các vector độc đáo thể hiện trong layout của họ. Sử dụng hình minh họa thực sự nâng cao tính thẩm mỹ của trang web, và hãy chờ xem trong năm 2012 chúng ta sẽ nhìn thấy nhiều hình minh họa đáng yêu thế nào.

5. Multi-Column Menus

Trái ngược với xu hướng ở trên, sẽ có rất nhiều website bắt buộc phải có nhiều link để xử lý. Việc này sẽ dẫn đến các thiết kế có thể sẽ rất lộn xộn, rối rắm, giải pháp ở đây là chúng ta có thể bố trí các menu này ở hai bên.

best made company nyc Xu hướng thiết kế website năm 2012 – Part 1

Nhưng trong một vài nghiên cứu về hành vi người dùng, người ta nhận thấy rằng, việc để các liên kết quan trong ở phía trên cùng của trang sẽ mang lại hiệu quả cao nhất.

Năm nay, xu hướng thiết kế mới sẽ tạo cho các Designer tha hồ xây dựng lại các website họ đã từng làm theo phong cách mới nếu có cơ hội. Sử dụng bố cục dựa trên “Multi-Column Menus” là một việc làm rất thú vị. Chúng ta có thể dễ dàng hiển thị những liên kết quan trọng và bố trí nó xung quanh logo của website.

Xu hướng này có thể khá khó khăn trong việc triển khai, nên cách duy nhất để làm tốt là thực hành nếu có cơ hội. Các nhà thiết kế trên thế giới đang rất háo hức thử nghiệm với phong cách này.

Còn các nhà thiết kế web Việt Nam thì sao, chúng ta có nên bỏ qua những tiêu chuẩn mới về cách bố trí đường dẫn không nhỉ?