Xu hướng thiết kế website năm 2017

Mã giảm giá AZDIGI

Chúng ta hãy nhìn lại một năm 2016 đã qua và dự đoán xem xu hướng thiết kế website năm 2017 tới đây sẽ mang đến điều gì mới mẻ. Dưới đây là những xu h...

Chia sẻ theme WordPress Grandstand Personal Blog
Loại bỏ tham số phiên bản trong WordPress từ các tập tin JS và CSS
7 câu mà người thành công sẽ không bao giờ nói ra

Chúng ta hãy nhìn lại một năm 2016 đã qua và dự đoán xem xu hướng thiết kế website năm 2017 tới đây sẽ mang đến điều gì mới mẻ. Dưới đây là những xu hướng nổi bật nhất được cho rằng sẽ thống trị lĩnh vực Web design trong năm 2017 tới.

Chú trọng nội dung

Chú trọng nội dung

Chú trọng nội dung

Giới phát triển website từng dành nhiều năm lăn lội với sidebar, header, quảng cáo banner, quảng cáo siderbar, nút kêu gọi hành động (CTA), comment, popup, nút dẫn địa chỉ mạng xã hội, box signup,… Tất cả những thứ lỗi thời này cuối cùng đều choáng quá nhiều chỗ trên trang web và làm phân tán sự chú ý của người dùng.

Năm 2017, các website nhiều khả năng sẽ trở về lối thiết kế đơn giản hơn và chú trọng vào mặt nội dung, có thể loại bỏ bớt hoặc thu nhỏ diện tích các thành phần phụ kể trên. Điều này sẽ giúp người xem thực sự tập trung vào những điều mà website muốn truyền tải.

Thiết kế phẳng sẽ dần được cải tiến và thay thế

Thiết kế phẳng sẽ dần được cải tiến và thay thế

Thiết kế phẳng sẽ dần được cải tiến và thay thế

Chúng ta đang dần tiến tới thời điểm tất cả các trang web thiết kế phẳng đều trông rất giống nhau và mất đi tính đặc trưng, sáng tạo. Nếu bỏ hết những yếu tố rườm rà thì bạn sẽ chỉ còn những website với các phần cơ bản tương tự nhau.

Có vẻ như thiết kế phẳng đã đã chuyển phong cách thiết kế skeumorphic trước đây thành một lối thẩm mỹ ai ai cũng làm theo (điển hình tiêu biểu là Material design của Google). Chính bởi vậy mà các trang ngày càng nhìn giống nhau và khó phân biệt hơn. Các designer thì cảm thấy tính sáng tạo bị mất đi, thiết kế phẳng sẽ sớm bị thay thế bằng các phong cách độc đáo và giàu hình ảnh hơn.

Sử dụng khối hình học, đường và pattern

Sử dụng khối hình học, đường và pattern

Sử dụng khối hình học, đường và pattern

Có vẻ như việc sử dụng các khối hình học, đường kẻ và pattern đã bắt đầu xâm chiếm làng web từ cuối năm 2016. Xu hướng nhiều khả năng sẽ tiếp tục vào 2017.

Designer có rất nhiều cách để sử dụng các khối hình học hay line và pattern trên website, chẳng hạn như khung bao ảnh hay những website có tổng thể phụ thuộc vào các đường line và pattern.

Phong cách heading giàu sáng tạo

Phong cách heading giàu sáng tạo

Phong cách heading giàu sáng tạo

Nhiều website tiên phong đang chuyển dần lối đặt tiêu đề (heading) kiểu cũ (với san serif, centered heading hay all cap) sang các kiểu tiêu đề phá cách hơn như thêm các thành tố đặc biệt cho chúng. Đây có thể là điểm nhấn đặc biệt cho website của bạn.

Ảnh gradient 2 tông

Ảnh gradient 2 tông

Ảnh gradient 2 tông

Xu hướng sử dụng gradient 2 tông màu (duotone gradient) đang ngày càng thịnh hành. Tất nhiên, phong cách này cũng không giới hạn chỉ ở 2 màu mà đã được nhiều designer phối với 3-4 màu, chẳng hạn như ở Instagram. Sự pha trộn màu thú vị này cũng có thể “cứu vãn” thiết kế phẳng khỏi kiểu một màu trơn đơn điệu.

Xu hướng sử dụng animation và ảnh GIF

Xu hướng sử dụng animation và ảnh GIF

Xu hướng sử dụng animation và ảnh GIF

Animation đang ngày càng được sử dụng nhiều hơn trên các website. Đây cũng là một cách tốt để chỉ cho người dùng thấy cách sử dụng web/ứng dụng hay mở ra những nội dung thú vị được bạn che giấu sau mỗi lượt tương tác. GIF cũng sử dụng với cùng mục đích, nhưng nay lại đang tinh tế hơn với việc sử dụng SVG và CSS để đạt được những thiết kế độc đáo hơn.

Dự đoán xu hướng sử dụng animation sẽ trở nên thịnh hành hơn vào năm 2017, nhất là khi các hình nội dung được chia sẻ nhiều hơn và animiation lại có khả năng truyền tải nội dung nhanh và hiệu quả hơn so với câu từ hay video.

Thanh điều hướng tối giản

Thanh điều hướng tối giản

Thanh điều hướng tối giản

Người dùng hiện nay đang ngày càng truy cập mạng bằng smartphone nhiều hơn máy tính nên các thanh menu trên web càng cần được thay đổi cho thân thiện và đơn giản với người dùng mobile.

Thay vì để những thanh menu phức tạp và dài ngoằn thông tin, ngày càng nhiều trang đã bắt đầu quay sang đơn giản hóa thanh menu và chỉ để vài mục trên thanh. Đây là cách tối giản hóa để người dùng có thể tập trung vào nội dung trang hơn thay vì bị xao nhãng bởi hàng tá khối, mục rối mắt.

Microinteraction

Microinteraction

Microinteraction

Microinteraction (tương tác nhỏ) là những trải nghiệm nhỏ bên trong một sản phẩm hoặc một vùng nào đó trên website. Chẳng hạn như khi bạn đang cuộn trang thì một hộp popup nhỏ nhảy ra xin email hoặc quảng cáo deal giảm giá 100% tới tay bạn.

Các tương tác nhỏ thường được nhà thiết  kế web tận dụng sau khi người dùng di chuột hờ trên một nút/mục nào đó, kéo cuộn trang hay click vào đâu đó. Microinteraction trong năm tới sẽ được các nhà phát triển web chú trọng và tận dụng tối ưu hơn.

Sử dụng nhiều item vẽ tay hơn

Sử dụng nhiều item vẽ tay hơn

Sử dụng nhiều item vẽ tay hơn

Một xu hướng đang lên nữa là việc sử dụng các chi tiết vẽ tay. Những chi tiết này có thể là fonts, icons, các nút hay hình họa,… và mang đến nhiều yếu tố hấp dẫn và mềm mại hơn cho trang.

Chú trọng landing page nhiều hơn home page

Chú trọng landing page nhiều hơn home page

Chú trọng landing page nhiều hơn home page

Khi mà các website đang ngày càng chú trọng nội dung thì năm 2017 thì Landing page sẽ được chú trọng cao hơn cả Home page. Mặc dù website nào cũng cần một trang chủ nhưng một khi xu hướng marketing bằng nội dung vẫn tiếp tục lan rộng thì các marketer có lẽ vẫn sẽ muốn hướng người dùng tới Landing page hơn dể target và convert khách hàng hơn.

Landing page còn ưu việt hơn Home page ở chỗ nó cho phép các marketer tiến hành A/B tester, sửa đổi hiển thị quảng cáo dễ dàng hơn. Trong khi đó Home page lại khiến người dùng bị lạc vào một mớ quá nhiều thông tin như mê cung mà họ chưa cần tới.

via Genk

Chia sẻ bài viết với:

COMMENTS

WORDPRESS: 0
Sunwah PearlHồ Tràm CoastarCoastar Hồ TràmCoastar EstatesKhu dân cư Nguyễn BìnhKDC Nguyễn BìnhDự án Nguyễn BìnhNam Việt ÁNine SouthĐất Hòa XuânĐất nền Hòa XuânDat Hoa XuanDat nen Hoa Xuan