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 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 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 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 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 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
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 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. 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 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 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 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 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 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
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
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 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 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 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
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
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.