25 website truyền tải thành công dòng thông điệp rõ ràng & ngắn gọn

Thứ ba - 30/06/2015 15:05

Ý tưởng về việc sử dụng những câu tuyên bố trên các thiết kế web nay đã trở nên quá quen thuộc và hầu như là một phần không thể thiếu.

25 website truyền tải thành công dòng thông điệp rõ ràng & ngắn gọn

Những câu tuyên bố đậm nét giới thiệu và miêu tả về một công ty hoặc một cá nhấn có thể trở thành một điểm nhấn quan trọng của một thiết kế website công ty hoặc trang portfolio.

Dưới đây là 25 ví dụ về cách bố trí các lời tuyên bố trên website. Chúng đã được thể hiện rất đúng chỗ, với lời lẽ rõ ràng và ngắn gọn, giúp truyền tải một cách hiệu quả thông điệp mà người thiết kế muốn gửi gắm đến độc giả. Hãy xem cách họ dùng typography, khoảng trống và màu sắc để làm nổi bật thông điệp. 

Tyler Copeland

Cả một nửa phần trên của header được dành để làm nổi bật lời tuyên bố của chủ website. Font chữ đơn giản và sáng sủa trên nền trắng khiến nó càng nổi bật hơn. 

Tyler Copeland thiet ke website dep

Jan Cavan

Lời chào và giới thiệu ngắn gọn của người chủ website có giọng điệu thân thiện và đi thẳng vào vấn đền. Dòng chữ súc tích này hỗ trợ tốt cho ý tưởng thiết kế web tối giản của anh ấy. 

Jan Cavan thiet ke website dep
DONE

Ý tưởng về việc sử dụng những câu tuyên bố trên các thiết kế web nay đã trở nên quá quen thuộc và hầu như là một phần không thể thiếu. Những câu tuyên bố đậm nét giới thiệu và miêu tả về một công ty hoặc một cá nhấn có thể trở thành một điểm nhấn quan trọng của một thiết kế website công ty hoặc trang portfolio.

Dưới đây là 25 ví dụ về cách bố trí các lời tuyên bố trên website. Chúng đã được thể hiện rất đúng chỗ, với lời lẽ rõ ràng và ngắn gọn, giúp truyền tải một cách hiệu quả thông điệp mà người thiết kế muốn gửi gắm đến độc giả. Hãy xem cách họ dùng typography, khoảng trống và màu sắc để làm nổi bật thông điệp. 

Tyler Copeland

Cả một nửa phần trên của header được dành để làm nổi bật lời tuyên bố của chủ website. Font chữ đơn giản và sáng sủa trên nền trắng khiến nó càng nổi bật hơn. 

Tyler Copeland thiet ke website dep

Jan Cavan

Lời chào và giới thiệu ngắn gọn của người chủ website có giọng điệu thân thiện và đi thẳng vào vấn đền. Dòng chữ súc tích này hỗ trợ tốt cho ý tưởng thiết kế web tối giản của anh ấy. 

Jan Cavan thiet ke website dep

Boomerang

Lời giới thiệu được chia làm hai phần, phần trên đi thẳng vào vấn đề rằng họ là ai, phần dưới chó size chữ bé hơn, nói lên mục đích làm việc của họ. 

Boomerang thiet ke website dep

Blocks

Thiết kế tối giản với điểm nhấn chỉ là tên website và 3 đoạn chữ với kích thước và độ đậm nhạt khác nhau. 

Blocks thiet ke website dep

Talk PR

Không gì có thể ngắn gọn và súc tích hơn khi giới thiệu về hãng này trên website. 

Talk PR thiet ke website dep

A Collective

Một cách gây ấn tượng ngay từ giây phút đầu tiên đó là dòng chữ to, đậm nét, chiếm vị trí trung tâm header website này. Một thiết kế siêu tối giản trong bộ sưu tập hôm nay.

A Collective thiet ke website dep

Melbourne Promotions

Màu chữ trắng với độ nhạt vừa đủ để vẫn nổi bật trên nền website màu xanh nhẹ nhàng. 

Melbourne Promotions thiet ke website dep

Matt Carvalho

Một ưu điểm của thiết kế tối giản đó là người xem sẽ có điều kiện tập trung vào phần nội dung chính, như với trường hợp của website này. 

Matt Carvalho thiet ke website dep

Static Interactive

Toàn bộ ảnh nền được phủ một lớp màu đen trong suốt, trên đó là dòng giới thiệu ngắn gọn về công ty và tagline in nghiêng màu hồng tinh tế. 

Static Interactive thiet ke website dep

The Infantree

The Infantree thiet ke website dep

Raygun

Raygun thiet ke website dep

Nudge

Nudge thiet ke website dep

Coulee Creative

Coulee Creative thiet ke website dep

Drexler

Drexler

Fuzzco

Fuzzco thiet ke website dep

Paradox Design Studio

Paradox Design Studio thiet ke website dep

Romsey Web Design

Romsey Web Design thiet ke website dep

RGB MEDIA

Như để nhấn mạnh tính chất sáng tạo và mới mẻ vủa mình, trong lời tuyên bố của website công ty này, họ đã cố tình nhấn mạnh từ khóa "Fresh", đồng thời đây cũng là điểm nhấn mang tính thẩm mỹ cho cả trang. 

RGB MEDIA thiet ke website dep

Simple Focus

Simple Focus thiet ke website dep

Navy Design

Navy Design thiet ke website dep

Hatch

Website có bố cục dạng lưới rất ngăn nắp, họ dành riêng một ô để viết lời giới thiệu ngắn gọn nhất có thể về công ty. 

Hatch thiet ke website dep

Spindletop

Một cách nhấn mạnh những từ khóa quan trọng trong lời tuyên bố, đó là sử dụng gạch chân. 

Spindletop thiet ke website dep

MoreSleep

Thật khó để không để mắt tới dòng chữ màu đỏ, đậm nổi bật ngay giữa trang web như thế này. 

MoreSleep thiet ke website dep

Brooklyn United

Brooklyn United thiet ke website dep

Electric Pulp

Có hai thứ bạn sẽ để ý ngay khi đến với website này: Tên website Hello và Dòng giới thiệu. Người ta đã có sự phân cấp rất tinh tế phần giới thiệu thành 3 nấc thang từ to đến nhỏ và đảm bảo rằng dòng chữ nhỏ nhất nhưng vẫn dễ đọc nhất có thể. 

Electric Pulp thiet ke website dep

Finely

Dòng chữ phụ được làm mờ nhưng không phải vì thế mà người ta không chú ý đến nó ( vì thực chất trên mặt trang web tối giản này đâu có nhiều chi tiết để chú ý)

Finely thiet ke website dep

<!--

Boomerang

Lời giới thiệu được chia làm hai phần, phần trên đi thẳng vào vấn đề rằng họ là ai, phần dưới chó size chữ bé hơn, nói lên mục đích làm việc của họ. 

Boomerang thiet ke website dep

<!--

Blocks

Thiết kế tối giản với điểm nhấn chỉ là tên website và 3 đoạn chữ với kích thước và độ đậm nhạt khác nhau. 

Blocks thiet ke website dep

<!--

Talk PR

Không gì có thể ngắn gọn và súc tích hơn khi giới thiệu về hãng này trên website. 

Talk PR thiet ke website dep

<!--

A Collective

Một cách gây ấn tượng ngay từ giây phút đầu tiên đó là dòng chữ to, đậm nét, chiếm vị trí trung tâm header website này. Một thiết kế siêu tối giản trong bộ sưu tập hôm nay.

A Collective thiet ke website dep

<!--

Melbourne Promotions

Melbourne Promotions thiet ke website dep

<!--

Matt Carvalho

Matt Carvalho thiet ke website dep

<!--

Static Interactive

Static Interactive thiet ke website dep

<!--

The Infantree

The Infantree thiet ke website dep

<!--

Raygun

Raygun thiet ke website dep

<!--

Nudge

Nudge thiet ke website dep

<!--

Coulee Creative

Coulee Creative thiet ke website dep

<!--

Drexler

Drexler

<!--

Fuzzco

Fuzzco thiet ke website dep

<!--

Paradox Design Studio

Paradox Design Studio thiet ke website dep

<!--

Romsey Web Design

Romsey Web Design thiet ke website dep

<!--

RGB MEDIA

RGB MEDIA thiet ke website dep

<!--

Simple Focus

Simple Focus thiet ke website dep
<!--

Navy Design

Navy Design thiet ke website dep

<!--

Hatch

Hatch thiet ke website dep

<!--

Spindletop

Spindletop thiet ke website dep

<!--

MoreSleep

MoreSleep thiet ke website dep

<!--

Brooklyn United

Brooklyn United thiet ke website dep

<!--

Electric Pulp

Electric Pulp thiet ke website dep

<!--

Finely

Finely thiet ke website dep

-->

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