Sự tô điểm ấn tượng của line icon trong các thiết kế web hiện đại

Thứ sáu - 28/08/2015 22:53

Icon là một chi tiết nhỏ nhưng đóng góp vào sự thành công lớn của các thiết kế website hiện đại. Các icon phong cách phẳng và solid icon, icon dạng đường kẻ đang trở thành xu hướng thiết kế của năm nay.

Sự tô điểm ấn tượng của line icon trong các thiết kế web hiện đại

Hôm nay chúng ra sẽ cùng khám phá những cách sử dụng line icon hết sức tinh tế và đẹp mắt qua các website ví dụ để hiểu thêm về sức mạnh của những chi tiết thiết kế thú vị này. 

Anchour

Anchour thiet ke website line icon

Anchour chỉ dùng duy nhất 4 double-line icon khổng lồ nhằm tạo điểm nhấn cho thiết kế web của mình. Chúng rất hài hòa với toàn bộ chủ đề của trang web và tạo nên sự thanh lịch, thú vị cho cả thiết kế. 

Uniqlo Airism

Uniqlo Airism

Uniqlo Airism có trang trước khá dày đặt các icon. Trang này có bố cục dạng lưới với màu pastel nhẹ nhàng. 

UXB

UXB thiet ke website line icon

UXB có diện mạo gọn gàng và sáng sủa với rất nhiều khoảng trắng. Line icon xuất hiện đầy tính gọi mời và mang đến sự tự nhiên trong hình ảnh.

Brianza Chenutre

Brianza Chenutre thiet ke website line icon

Brianza Chenutre sử dụng bộ icon với kích thước lớn đầy tinh xảo. Chúng đã thể hiện các loại hoạt động của công ty theo một cách độc đáo và giàu hình ảnh. Nếu được áp dụng tốt trong các mẫu thiết kế web khách sạn hay du lịch, nó sẽ góp phần không nhỏ trong việc điều hướng người dùng xem trang web của bạn.

Sponge

Sponge thiet ke website line icon

Sponge có khu vực giới thiệu dịch vụ sử dụng line icon sinh động và tinh tế. Tông màu tối kết hợp với những line icon thanh mảnh đã tạo hiệu ứng hình ảnh tốt.

RDT54

RDT thiet ke website line icon

Không giống với đa số ví dụ ở trên, trang web nayfcos những line icon mang phong cách của navigation menu chiếm toàn bộ màn hình trình duyệt. Có tổng cộng 4 cột chứa line icon trên một màn hình. 

Pixelneat

Pixelneat thiet ke website line icon

Pixelneat keeys hợp stroke icon để hỗ trợ về mặt hình ảnh cho trang web cũng như làm nổi bật những điểm chính của nội dung. 

Postbox Inc.

Postbox Inc.

Postbox Inc. sử dụng icon rất tinh xảo vứi màu sắc nhẹ nhàng, đẹp mắt. 

Social Blue

Social Blue thiet ke website line icon

Social Blue sử dụng các hình khối vững chắc trên bố cục. Các line icon được xép vào các khối hộp vuông trong suốt , tạo thành một menu sinh động. 

Oubly

Oubly thiet ke website line icon

Oubly sử dụng các icon trong khung tròn rất đẹp mắt. Chúng lần luwotj thể hiện các bước trong một quá trình để người dùng dễ dàng nắm bắt. 

MyAlbum

MyAlbum thiet ke website line icon

MyAlbum có diện mạo sạch, sáng với bảng màu nhẹ nhàng, sử dụng rất nhiều khoảng trắng, line icon thanh mảnh.  

o2Source

o2Source

o2Source có các line icon theo phong cách vẽ phác thảo. Các icon ngộ nghĩnh này được sử dụng cho navigation menu.

Yama

Yama thiet ke website line icon

Yama sử dụng bảng timeline mà trên đó có sự xuất hiện của các line icon tinh tế.

Winston Retail

Winston Retail thiet ke website line icon

Bộ stroke icon này sử dụng 2 màu sắc có độ tương phản, tạo độ đậm đà cho hình ảnh và giúp nổi bật phần nội dung. 

DWP

DWP thiet ke website line icon

Vẻ đẹp của website này chính là ở chỗ họ đã sử dụng bố cục dạng lưới với những line icon tinh tế bên trong mỗi ô. 

GoodPatch

GoodPatch thiet ke website line icon

GoodPatch có bảng màu mượt mà và diện mạo sáng sủa. Line icon có hình dáng khá đơn giản, thanh mảnh với màu xanh nổi bật trên nền trang. 

Praktiker

Praktiker thiet ke website line icon

Praktiker có trang chủ khá đặc sắc nhờ cách phân chia bố cục và dùng hình ảnh bắt mắt. Dĩ nhiên không thể không kể đến bộ line icon hết sức tinh tế. 

Your Farm

Your Farm
Your Farm có những điểm nhấn không thể rời mắt cùng bộ line icon tinh tế, giúp cho diện mạo website bớt nặng nề. 

MotoCMS

MotoCMSthiet ke website line icon
MotoCMS nhanh chóng giúp người xem nhận ra được các điểm chính của website nhờ bộ icon nổi bật của mình. 

Fineocar

Fineocarthiet ke website line icon

Một se-ri những icon nhỏ xinh đi bên cạnh các nút bấm và typography đậm đà giúp tạo điểm nhấn cho nội dung. 

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