Cách dùng màu chữ trắng nổi trội trên Headline

Thứ hai - 21/12/2015 13:54

Sử dụng hình ảnh khổ lớn hoặc toàn trang là cách làm mang lại hiệu quả lớn trong thiết kế website hiện đại.

Cách dùng màu chữ trắng trội bật trên Headline

Hình ảnh khổ lớn có thể xuất hiện ở nhiều vị trí, trong đó nổi bật nhất là header. Tại vị trí này có thể đặt một bức ảnh đẹp với những dòng typography to và ấn tượng của headline. Đường link dẫn đến landing page hoặc các nút call to action, menu…cũng có thể đặt hết tại vị trí rất thuận lợi này.

Để làm nổi bật hơn nữa thành phần này trong thiết kế web, người ta chú trọng đến các chi tiết nhỏ nhất như một cái nút bấm, hay những chi tiết lớn hơn như phần Typography. Các mẫu chữ to, đậm đà được đặt trên nền những bức ảnh cỡ lớn, chúng kết hợp với nhau và tạo hiệu ứng hình ảnh rất tốt cho người xem. Thông thường với những bức ảnh nền màu tối, để chữ nổi bật hơn, người ta sẽ dùng màu sắc có tông sáng để tạo sự tương phải rõ rệt. Màu trắng luôn là phương án số một được áp dụng cho phần chữ tại headline.

Trong chủ đề hôm nay, chúng tôi tiếp tục mang tới bộ sưu tập những trang web sử dụng headline màu trắng đậm đà và nổi bật để bạn tham khảo. Hãy cùng xem hiệu quả mà chúng mang lại cho các website như thế nào. 

Believe.in

Trang web của quỹ từ thiện Anh sử dụng slideshow toàn trang, thể hiện những bức ảnh đẹp nhất, cùng với đó là phần chữ được làm nổi bật với màu trắng. Believe.in

Believe.in

DraughtMaster

Trang web có thiết kế cuộn theo chiều dọc này có các bức ảnh khác nhau ở mỗi trang con và dòng headline trắng ở từng trang đó. 
DraughtMaster
DraughtMaster 2

The Form Group

Slideshow toàn trang thuộc landing page sử dụng lớp trong suốt màu đen để làm dòng headline trắng nổi bật hơn.  

The Form Group

Where2GetIt

Bức ảnh toàn trang với dòng chữ trắng là một sự kết hợp hoàn hảo. 

Where2GetIt

Zeis Excelsa

Trang web về quần áo khá đặc biệt với phần slide theo chiều ngang và lớp trong suốt màu đen để giúp headline trắng trở nên sắc nét. 

Zeis Excelsa

Tap In Guide

Trang web về sự kiện 2014 World Cup tại Brazil. Dòng headline hiện lên rất rõ ràng trên toàn bộ website đó.

Tap In

UNE

Để làm nổi bật headline, trang web này đã sử dụng hiệu ứng cho bức ảnh nền toàn trang. 

UNE

Adveris

Người thiết kế website đẹp này sử dụng các khối màu cùng phong cách bokeh để làn nền mà trên đó hiện lên rất rõ những dòng headline. 

Adveris
Adveris Color Palette

Night Walk

Đây là một trang Google site và dòng headline trắng của nó trông thật duyên dáng. 

Night Walk

Smart Codes

Trang web này sử dụng video toàn trang cho phần nền của landing page. Tông màu đen và đỏ tạo nên sự độc đáo cho nó. 

Smart Codes

Allstate’s Holiday Home Decorator

Đây chính xác là website của một hãng bảo hiểm. Nền màu xanh với các trang trí chủ đề Giáng sinh, hiệu ứng animation tuyết rơi và banner khổ lớn khiến cho dòng chữ màu trắng có được sự chú ý nhất định.  Ấn tượng đẹp nếu là một mẫu thiết kế trang web du lịch tuyệt vời.

Allstate's Holiday Home Decorator

Astuteo

Trang web bao gồm phần ảnh chụp toàn trang và lớp phủ màu đen trong suốt tại landing pagr. Người ta sử dụng cả màu vàng và trắng cho headline để tạo bóng. 

Astuteo

The Ernest Hemingway Collection

Ernest Hemingway là website mang phong cách cổ điển với những bức ảnh toàn trang gợi về thời xưa cũ, phần headline màu trắng cũng được cho thêm hiệu ứng. 

The Ernest Hemingway Collection

InVision App

Đây là một ví dụ khác của việc dùng lớp trong suốt màu đen phủ lên bức ảnh và headline. 

InVision App

Profleet

Vòng tròng màu xanh trong suốt làm tăng sự ấn tượng của headline. 

Profleet

Surprisingly

TKhông có bức ảnh minh họa nào cho trang này, chỉ có phần nền với dòng chữ trắng khổng lồ. 

Surprisingly

Denim Academy

Phần Headline của trang được đặt trên denim background trông rất cá tính.

Denim Academy

Check-In Arte

Trang chủ của website sử dụng cả âm thanh của tiếng click để tạo hiệu ứng. 
Check-In Arte

Imagina nas Ferias

Thiết kế này sử dụng các khối mà pastel và retro trong khi headline vẫn đảm bảo không bị nhạt nhòa.  Nếu sắp xếp các ô là các món ăn bạn hoàn toàn có thể có một mẫu thiết kế website nhà hàng đẹp mắt.

Imagine nas Ferias

WebVDEO

Lớp trong suốt màu đỏ trong thiết kế này khiến headline trắng có sự tương phản cần thiết. 

WebVDEO

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Solutions