Khám phá vai trò của các hình tròn trong thiết kế web

Thứ hai - 04/05/2015 16:38

Dưới đây chúng tôi đã liệt kê ra những thành phần phù hợp nhất để tạo hình khối tròn trong một thiết kế website chuẩn.

Khám phá vai trò của các hình tròn trong thiết kế web

Vòng tròn là hình khối quen thuộc trong thiết kế web hiện đại. Kể từ những ngày ban đầu sơ khai của iinternet, với kỹ thuật và diện mạo đơn sơ hơn rất nhiều so với hiện tại, người ta đã sử dụng hình khối này ở rất nhiều chi tiết trên website. Ngày nay, thật khó để tạo ra một chi tiết nào với hình khối này mà không có sự kết hợp với một hình ảnh nào đó. 

Mọi người giờ đây có thể sử dụng CSS để tạo ra một hình khối tròn và nó ngày càng trở nên phổ biếntrong  các thiết kế website mới. Nhiều người lại cho rằng sử dụng hình khối này sẽ rất khó trong website. Tuy nhiên, nếu ta đưa hình khối đó vào một bố cục hợp lý, đồng thời tạo các khoảng trắng xung quanh thì một thiết kế với điểm nhấn là những hình khối tròn sẽ đem lại diện mạo tươi mới và thú vị hơn hẳn.

Ngày nay người ta có thể biến nhiều chi tiết trên một website thành hình khối tròn, nhưng không nên cho quá nhiều hình khối này vào một bề mặt vì nó có thể làm rối mắt. Do đó chúng ta phải lựa chọn chi tiết nào để đặt vào khung hình tròn và vị trí thích hợp để đặt nó. 

Dưới đây chúng tôi đã liệt kê ra những thành phần phù hợp nhất để tạo hình khối tròn trong một thiết kế website chuẩn.

LOGO

Sử dụng một logo mang hình tròn trên trang web không chỉ mang tới cảm giác về sự gọn gàng và tối giản mà còn mang lại ấn tượng về sự sang trọng và tinh tế. Hình tròn là một trong những biểu tượng lâu đời nhất mà con người sử dụng. Rất nhiều thương hiệu và website đã sử dụng logo hình tròn và đây được xem là sự lựa chọn phổ biến cho hình khối logo hiện đại. 

hinh tron trong thiet ke web 001
1minus1
hinh tron trong thiet ke web pistachio

NAVIGATION

Sử dụng hình khối tròn cho navigation đã trở thành phương án phổ biến và rất logic cho các thiết kế web hiện đại. Với sự gia tăng của các thiết bị cảm ứng như điện thoại thông minh và máy tính bảng, Việc sử dụng các hình khối tròn cho naigation hoàn toàn thích hợp cho các cú chạm như vậy bởi nó khá vừa vặn với hình dáng của ngón tay người dùng khi ấn.  

hinh tron trong thiet ke web 002
hinh tron trong thiet ke web kashoo
hinh tron trong thiet ke web zizzi
hinh tron trong thiet ke web inmotion

ICON

Các icon hình tròn chắc chắn đã rất quen thuộc trên các website từ xưa tới nay. Một số người còn cho rằng các icon hình tròn là cách trang trí tốt để cho một thiết kế web đẹp. Thực tế điều này là bởi icon hình tròn dựa vào hình ảnh chứ không phụ thuộc vào CSS nên không bị ảnh hưởng nếu website có tác động về mặt kỹ thuật. 

hinh tron trong thiet ke web denisechandler
 
hinh tron trong thiet ke web syropia
hinh tron trong thiet ke web styiens

ẢNH PREVIEW

Kỹ thuật này chủ yếu được nhìn thấy trong các portfolio khắp các website vì ảnh hình tròn mang lại một cách rất hiệu quả cho việc xem trước các công việc của người chủ website. Họa tiết hình tròn cũng điều khiển ánh mắt của người xem, khiến cho phần preview của bạn được chú ý hơn. Thêm vào đó, cũng phải công nhận rằng cách dùng ảnh hình tròn mang lại rất nhiều khoảng trống ở giữa, tạo ra diện mạo sáng sủa và hài hòa cho website.  

hinh tron trong thiet ke web 003
 
hinh tron trong thiet ke web skewedicons
hinh tron trong thiet ke web kikk

CÁC NÚT CALL TO ACTION

Các nút bấm call to action xem ra phát huy hiệu quả hơn khi đặt trong các hình khối tròn. Nếu bạn vừa sử dụng navigation tròn lẫn nút call to action cùng hình dáng thì hãy đảm bảo cho các thành phần này có mức độ nổi bật như nhau. 

hinh tron trong thiet ke web 004
 
hinh tron trong thiet ke web highlandfling

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