Điểm mặt 10 xu hướng thiết kế web hot năm 2018

Milton Glaser – một trong những người có sức ảnh hưởng nhất trong làng thiết kế đồ họa thế giới, chủ nhân của logo nổi tiếng I Love NY – từng nói rằng: “Khi đưa ra một mẫu thiết kế nào đó, bạn sẽ nhận lại ba phản hồi: được, không được và WOW!” Và WOW chính là yếu tố giúp cho trang web của bạn trở nên nổi bật hơn so với hàng triệu trang web trên khắp thế giới. Website của riêng bạn đang ở vị trí nào? Nếu muốn trở nên tỏa sáng và nổi bật trong rừng trang web, bạn cần thực hiện ngay hai điều: Lựa chọn công cụ hỗ trợ thiết kế tối ưu và cập nhật xu hướng thiết kế mới nhất hiện nay.

Như bạn biết đấy, trong thời đại tốc độ lan truyền thông tin được tính bằng giây, công nghệ cập nhật từng ngày thì xu hướng thiết kế web cũng xoay như chong chóng. Nếu không nhạy bén với thị trường, bạn sẽ bị bỏ lại phía sau. Nhưng đừng quá lo lắng, xu hướng thiết kế website hứa hẹn sẽ làm mưa làm gió trong năm 2018 dưới đây sẽ giúp bạn.

1. Nội dung

   Cuộc “cách mạng” Typography

Một mẫu Typography điển hình

Typography (nghệ thuật sắp đặt chữ) là yếu tố quan trọng nhất trong việc nhận diện thương hiệu của doanh nghiệp. Từ lâu, việc kết hợp nhiều font chữ với nhau theo cách hài hòa và an toàn nhất đã trở thành quy luật “ngầm” trong giới thiết kế. Nhưng trong năm 2018, quy luật này sẽ bị phá vỡ! Typography không chỉ dừng lại ở việc xếp chữ mà còn kết hợp với hình ảnh. Sự đổi mới này hứa hẹn thiết kế của bạn sẽ nằm chễm chệ ngay vị trí nổi bật nhất trong trang web và gây ấn tượng mạnh cho người xem. Để làm được điều này, bạn có thể áp dụng một số cách sau:

– Tận dụng những font in đậm, đơn giản, dễ đọc.

– Thử thu hẹp hoặc tăng khoảng cách giữa các chữ.

– Kết hợp ngẫu hứng các font chữ với nhau. Ví dụ font Serif và Sans Serif. Nếu bạn còn băn khoăn không biết sự kết hợp của mình có hợp lý hay không thì có thể kiểm tra tại Fontpair

Lưu ý: Chỉ dùng để thiết kế các tiêu đề có độ dài vừa phải, nằm ở vị trí trung tâm, dễ nhìn. Bạn tuyệt đối không được lạm dụng cách này trong bài viết gây khó đọc.

2. Thêm các chi tiết trang trí

Phong cách đơn giản, dễ hiểu không bao giờ lỗi mốt? Đúng! Nhưng đã đến lúc bạn cần phải thay đổi đôi chút. Thay vì cố gắng thiết kế của bạn theo lối đơn giản đến mức… đơn điệu, bạn nên thêm vào một số chi tiết trang trí nhấn nhá giúp trang web của bạn trở nên sống động và ấn tượng hơn. Và vị trí phù hợp nhất để tạo điểm nhấn chính là các tiêu đề. Bạn có thể chèn thêm một số chi tiết dạng hình học hoặc biểu tượng có chuyển động để thu hút sự chú ý. Tuy nhiên, hãy đảm bảo sự chuyển động của những chi tiết này giúp mọi người tập trung vào phần quan trọng chứ không phải khiến người ta phân tâm.

3. Giao diện “mở”

Trước khi đề cập đến sự mới mẻ của giao diện mở, bạn hãy tưởng tượng lại giao diện truyền thống của một trang web thử xem nào! Này nhé, thanh menu sẽ nằm ở đầu trang web theo chiều ngang. Thanh menu này sẽ được phân chia thành những mục cụ thể như: trang chủ, giới thiệu, tin tức, dịch vụ, liên hệ… và mỗi khi người xem muốn tìm hiểu thông tin nào thì sẽ click vào mục đó. Và cứ như thế, nội dung được sắp xếp gọn gàng khiến mọi thứ trở nên nhàm chán. Liệu người xem có đủ kiên nhẫn để tìm hiểu hết trang web của bạn với một thao tác đơn giản là click, click và click?

Thay vì giữ nguyên cách thiết kế này, bạn có thể thử dùng hamburger menu để ẩn toàn bộ thanh menu, tạo không gian nhiều hơn cho phần background và những thông tin quan trọng. Bên cạnh đó, bạn cũng có thể dàn trải toàn bộ nội dung trang web theo chiều dọc (one page). Theo cách này, người xem sẽ kéo xuống để tìm hiểu thông tin, kèm theo đó là những hiệu ứng đẹp mắt, hình ảnh và video đan xen lẫn nhau, không gian website trở nên rộng rãi, cởi mở hơn.

Chú ý: Bạn nên sắp xếp bố cục cho hợp lý, tránh trường hợp tạo nên một không gian mở quá mức cho phép, khiến người xem cảm thấy bị rối mắt.

4. Kết hợp ảnh động

Tuy không phải là một xu hướng quá mới mẻ nhưng việc kết hợp ảnh động sẽ khiến cho trang web của bạn trở nên thú vị và thu hút được nhiều lượt xem. Bạn có thể kết hợp các chi tiết động khi chuyển đổi giữa các trang, hiệu ứng di chuyển chuột… để tạo nên sự sinh động. Ngoài ra, bạn cũng có thể thiết kế background động cho website. Tuy nhiên, để đảm bảo tốc độ tải (load) trang được ổn định, bạn không nên lạm dụng việc chèn ảnh động quá nhiều.

5. Tận dụng thế mạnh video và hiệu ứng 3D

Hãy sử dụng video hoặc hiệu ứng 3D để giới thiệu thương hiệu của bạn ngay trên trang đầu tiên. Đây là giải pháp tuyệt vời bạn có thể lồng ghép câu chuyện về lịch sử hình thành, tổng quan về sản phẩm và dịch vụ của website. Nếu kinh doanh xe gắn máy thì tại sao bạn không thiết kế hình chiếc xe hiệu ứng 3D xoay 360 độ để người xem hiểu rõ hơn về sản phẩm mà bạn đang cung cấp?

6. Cập nhật xu hướng màu sắc

Sử dụng màu chuyển tông luôn là lựa chọn hợp lý và an toàn

Việc trung thành với màu sắc chủ đạo của website từ trước đến nay luôn là điều được khuyến khích, vì nó giúp khách hàng nhận diện thương hiệu của bạn. Tuy nhiên, bạn cũng nên suy nghĩ thoáng một chút và cập nhật những xu hướng màu sắc đang hiện hành, như màu của năm 2018 là ultra violet chẳng hạn! Nếu không tìm được sự đồng điệu giữa những màu đang hiện hành và màu chủ đạo truyền thống của thương hiệu thì bạn có thể biến tấu một chút bằng cách kết hợp nhiều tông của một màu với nhau. Sự chuyển đổi màu sắc hài hòa sẽ tạo nên hiệu ứng thị giác an toàn cho trang web của bạn. Dưới đây là một ví dụ điển hình cho sự chuyển đổi màu sắc tinh tế.

7. Trình duyệt web cho điện thoại di động

Ưu tiên thiết kế giao diện web tương thích với trình duyệt trên điện thoại di động

Trong thời gian gần đây, trình duyệt trên điện thoại di động đã chính thức vượt mặt trình duyệt máy tính để bàn với số lượng truy cập khổng lồ. Trên một khía cạnh khác, các trang web bán hàng online nhận thấy số lượng khách truy cập web và đặt mua hàng phần lớn dùng smartphone. Chính vì thế, bạn nên chú ý đầu tư thiết kế giao diện web dành riêng cho phiên bản điện thoại để người xem được tận hưởng những trải nghiệm tuyệt vời nhất về hiệu ứng hình ảnh. Đừng để khách hàng của mình gặp khó khăn khi cố gắng xem bức ảnh bị cắt xén phân nửa vì kích thước không phù hợp với điện thoại.

8. Vĩnh biệt ghost button – nút bấm ma thuật trong suốt

Ghost button là loại nút bấm trong suốt được nhiều designer yêu thích sử dụng trong thiết kế website vì đơn giản, linh hoạt và dễ thiết kế. Tuy nhiên, nếu không được thiết kế đúng cách thì nút bấm này sẽ làm giảm hiệu quả của web vì dễ bị chìm so với hình nền, trùng màu với hình nền hoặc quá nổi so với hình nền. Ngoài ra, có nhiều người dùng vì không phát hiện nút bấm trong suốt này dẫn đến tình trạng bỏ sót thông tin. Dù đã nổi lên như một xu hướng thời thượng trong năm 2017, nhưng bước sang 2018 thì bạn nên nói lời vĩnh biệt ghost button vì anh chàng này sẽ làm giảm 20% số lần nhấp chuột trên website của bạn!

9. Xu hướng đường cong (Curves)

Từ Twitter…

… đến Google đều áp dụng đường cong trong thiết kế

Bạn có để ý không, từ Twitter cho đến Google đều cập nhật giao diện mới. Trong đó, điểm nổi bật nhất là sự biến mất của những góc vuông, thay vào đó là những đường cong, bo tròn mềm mại. Bạn hãy mau ghi nhận và áp dụng cho trang web của mình.

10. Thanh menu cố định (sticky menu)

Giống như tên gọi, thanh menu được cố định trên đầu trang web. Dù bạn kéo xuống để đọc thông tin bên dưới thì thanh menu vẫn không bị “lạc trôi” mà nằm ngoan ngoãn ở vị trí ban đầu. Điều này giúp ích rất nhiều cho người xem vì họ không cần phải kéo ngược trở lên trên để chuyển sang những mục khác. Thanh menu cố định là giải pháp hoàn hảo cho trang web bán hàng online. Bạn có thể dù loại menu này để cố định giá của sản phẩm. Người xem thì cứ thoải mái kéo xuống để đọc thông tin món hàng, còn giá tiền thì cứ nằm chờ sẵn trên đầu màn hình, chờ thanh toán.

Bạn đã cập nhật cho mình những xu hướng thiết kế web mới trong năm 2018 chưa? Letweb chúc 500 anh em designer có một năm thật thành công! Nếu có nhu cầu thiết kế website, bạn hãy liên hệ ngay với chúng tôi để được tư vấn hoàn toàn miễn phí.

Nguồn tổng hợp