- Giới thiệu
- 1. Phối màu đơn sắc
- 2. Bố cục theo kiểu tạp chí
- 3. Thanh điều hướng đóng hộp
- Lời kết
Cập nhật 3 xu hướng thiết kế web nổi trội tháng 9/2023
Giới thiệu
Các xu hướng thiết kế website luôn thay đổi theo từng ngày, từng giờ. Trong tháng 9 này, các website đã có những sự đổi mới trong cách sử dụng màu sắc, bố cục trang web cũng như khả năng điều hướng trên trang. Dưới đây là 3 xu hướng mới đáng được nhắc đến trong tháng 9/2023:
- 1. Phối màu đơn sắc
- 2. Bố cục theo kiểu tạp chí
- 3. Thanh điều hướng đóng hộp
Hãy cùng XYLOO tìm hiểu chi tiết về các xu hướng này nhé!
1. Phối màu đơn sắc cho toàn bộ thiết kế
Chắc hẳn bạn đã từng nhìn thấy nhiều trang web chỉ sử dụng một tông màu giống nhau, chúng được gọi là các thiết kế đơn sắc. Các mẫu thiết kế có thể trông rất đẹp và ấn tượng. Bằng cách sử dụng các sắc độ khác nhau (độ đậm nhạt) của cùng một màu, phương pháp phối màu này có thể đem lại một cảm giác sang trọng nhất định trong mắt người dùng.
Việc sử dụng duy nhất một màu cho cả thiết kế nghe có vẻ đơn giản nhưng sự thật lại không phải như vậy. Một thiết kế đơn sắc yêu cầu bạn phải chú ý đến nhiều yếu tố như độ tương phản và khả năng truy cập. Bạn cần lên một kế hoạch cụ thể cho điều này.
Có rất nhiều cách để bạn tạo nên cho mình một website với thiết kế đơn sắc, từ việc lựa chọn màu nền, hình ảnh hay màu chữ. Bí quyết ở đây chính là sử dụng các màu sao cho chúng trông thật hợp lý và đảm bảo khả năng đọc của cả trang web. Bạn nên sử dụng các màu chữ đậm hay nhạt tương phản với màu nền được chọn.
Belka Games sử dụng màu đỏ và màu đen cho nội dung và các nút CTA của mình, kết hợp cùng với một màu nền sáng giúp đảm bảm tính dễ đọc cho nội dung. Đồng thời website cũng tạo nên một cảm giác thú vị nhờ lựa chọn phông chữ hợp lý.
Trái ngược với ví dụ ở trên, trang web Scheele green lại sử dụng một nền có hoa văn màu xanh lá đậm. Chữ ở đầu trang có màu xanh lá nhạt và chuyển sang màu trắng cho phần còn lại, điều này tạo nên sự tương phản rõ rệt giữa nền và chữ giúp tăng cường khả năng đọc.
Ví dụ thứ ba trong xu hướng phối màu đơn sắc mà chúng tôi muốn nhắc đền chính là Twinvru, Twinvru lựa chọn màu trắng cho phần nội dung và màu be không quá đậm cho phần nền nhưng vẫn đảm bảo độ tương phản giữa hai thành phần. Bên cạnh đó, các nhà thiết kế của Twinvru đã ứng dụng thêm các chuyển động mượt mà khi cuộn chuột để tạo nên một sự tương tác thú vị cho người dùng.
2. Bố cục website theo kiểu tạp chí
Phong cách của các cuốn tạp chí luôn mang lại một cảm giác vừa hiện đại vừa cổ điển. Các website có bố cục theo kiểu tạp chí thường có những hình ảnh lớn, sử dụng nhiều không gian và các tiêu đề quá khổ.
Các thiết kế đi theo phong cách này thường khá phẳng, mang lại cảm giác cổ điển và gần như mọi thành phần trên trang thường nằm trong một khối riêng biệt thay vì có nhiều lớp chồng lên nhau.
Anotherkind mang lại cảm giác cổ điển với kiểu chữ được sử dụng trong phần tiêu đề. Phông chữ có chân (serif) có màu cam đậm và bắt mắt, hướng người dùng nhìn xuống phần nội dung phía dưới. Nhiều khoảng trống trước khối nội dung chính cũng là một gợi nhớ đến với các bản in.
Brooklyn Editions có một thiết kế hoàn toàn khác biệt nhưng vẫn mang hơi thở của phong cách tạp chí. Trang web làm cho hành động cuộn chuột của người dùng có cảm giác như đang lật qua từng trang tạp chí khác nhau.
3. Sử dụng thanh điều hướng đóng hộp
Thanh điều hướng là một trong những chức năng quan trọng nhất trên một website nhằm đảm bảo người dùng có thể di chuyển giữa các trang và tìm kiếm các thông tin họ cần một cách dễ dàng. Và công tác làm cho các yếu tố điều hướng trông thật nổi bật và dễ dùng hầu như đã trở thành một phần trách nhiệm của mỗi nhà thiết kế.
Gần đây, xu hướng đóng hộp các thanh điều hướng để đảm bảo rõ ràng và không bị lạc giữa các yếu tố khác đang ngày càng trở nên phổ biến. Việc cho các mục điều hướng vào cùng một khối có thể xuất hiện theo dự tính và không phải lo lắng về khả năng đọc khi hình nền thay đổi.
Các thanh điều hướng được thiết kế theo dạng này có thể được đạt cố định tại một vị trí, trượt theo hay thậm chí là ẩn đi khi bạn cuộn chuột. Đây là một giải pháp đang dần trở nên phổ biến vì tính dễ đọc và dễ tương tác cho người dùng.
Tuy nhiên, giao diện của các thanh điều hướng sẽ khác nhau tùy theo từng thiết kế. Dưới đây là một số ví dụ cho bạn:
Brand New School có cách tiếp cận khá truyền thống với thanh điều hướng dạng hộp ở đầu màn hình. Menu có chiều ngang trải hết màn hình với đầy đủ các yếu tố như logo, liên kết trang và nút chuyển chế độ sáng tối. Thanh điều hướng ẩn đi khi cuộn chuột xuống dưới và hiện ra khi cuộn lên, điều này làm chúng không chiếm quá nhiều diện tích và vẫn đảm bảo sự tiện dụng khi cần.
Gotham NYC thực hiện một cách tiếp cận hơi khác với hai thanh điều hướng được đóng hộp – một lớp có các mục menu và lớp thứ hai, nhỏ hơn dành cho địa chỉ và giờ. Các hộp được vo góc và có màu đục nhằm đảm bảo tính dễ đọc thi lớp nền phía dưới thay đổi.
Thanh điều hướng có màu vàng nổi bật và chữ màu đen của DPTO lại được cố định ở cuối màn hình thay vi phần đầu như hai trang web phía trên. Với cách phối màu cực kỳ bắt mắt này, rất khó để người dùng có thể bỏ qua nó.
Lời kết
Trên đây là 3 xu hướng thiết kế web trong tháng 9 này. Có thể chúng không phải là một bước đột phá lớn nhưng vẫn đóng góp phần nào vào quá trình phát triển của thiết kế toàn cầu. Hy vọng bạn tìm được nguồn cảm hứng khi bắt đầu dự án của mình.
Nếu bạn muốn thiết kế website bắt kịp xu hướng mới nhất, hãy liên hệ với chúng tôi hoặc gọi theo số 0705-67-68-69 để được tư vấn.