Những đường viền khung làm nên trật tự website (P.2)

Để vẽ viền khung có rất nhiều kiểu nét vẽ, màu sắc, nét đơn, nét kép...Hình dáng của các khối nội dung trong suốt cũng thay đổi tùy theo các nét vẽ. Hãy tiếp tục khám phá những điều ngạc nhiên với phần 2 của bộ sưu tập lần này.

Có lẽ bạn sẽ không để ý đến sức mạnh của những đường viền thanh mảnh làm nên các khối nội dung rành mạch cho website bởi nghĩ rằng nó chỉ đơn giản là những đường kẻ bình thường. Nhưng sau khi nhìn vào những thiết kế website đẹp mắt và gọn gàng trong bài này, chắc hẳn bạn đã thay đổi suy nghĩ về hiệu quả của những đường viền khung đơn giản ấy. 

Để vẽ viền khung có rất nhiều kiểu nét vẽ, màu sắc, nét đơn, nét kép...Hình dáng của các khối nội dung trong suốt cũng thay đổi tùy theo các nét vẽ. Hãy tiếp tục khám phá những điều ngạc nhiên với phần 2 của bộ sưu tập lần này. 

Quechua sử dụng công nghệ kỹ thuật số theo một cách độc đáo, tạo ra dữ liệu hình ảnh hấp dẫn. Người thiết kế sử dụng hàng tá những kiểu đường viền khác nhau để tạo nên các kiểu trang trí đậm đà cho website. 

11 quechua thiet ke website dep

Steve Angello sử dụng những bức ảnh chụp đơn sắc ở nền trang. Website này có một navigation menu hết sức độc đáo được viền khung như một tác phẩm nghệ thuật.

12 steve angello thiet ke website dep

LCDV đã đóng khung tagline một cách chính xác bằng những đường viền thanh mảnh cùng độ đậm với nét chữ làm nên typography bên trong khug. Cả khối chữ đó nổi bật trên nền một bức ảnh hấp dẫn, nhiều chi tiết, tạo hiệu ứng hình ảnh hoàn hảo. 

13 lcdv thiet ke website dep

Hexaedro sử dụng navigation với 3 link cơ bản. Mỗi link đại diện bằng một icon được đóng khung bằng một khối lục giác. Menu hoàn toàn phù hợp với ý tưởng chung của nền. 

14 hexaedro thiet ke website dep

Exsud Creative là website có mục đích giới thiệu những item gallery đặc biệt được hỗ trợ bởi caption gọn gàng, đặt trong một khung thanh mảnh. 

15 exsud creative thiet ke website dep

Life of Pi là website kỳ diệu với những khung hình từ bộ phim cùng tên. Mỗi khu vực chính được làm nổi bật bởi các khối hộp có viền bao quanh, bên trong là tiêu đề. Nhìn tổng thể thì các khối hộp đó rất hài hòa với nội dung và tương tác tốt với các bức ảnh cũng như nội dung hình ảnh. 

.

16 life of pi thiet ke website dep

iPolecat có một số nội dung nằm trong các đường viền khung. Website sử dụng header được tạo bởi những illustration ấn tượng và được hỗ trợ bởi menu sắc nét, gọn gàng. Hơn thế nữa, footer cũng dùng 2 outline widget dành cho social media và liên hệ mật thiết với bố cục.

17 ipolecat thiet ke website dep

iErnest sử dụng các viền khung chứa nội dung cho 2 vị trí là navigation và cart module khiến chúng được xuất hiện một cách đặc biệt và đẹp mắt hơn. 

18 iernest thiet ke website dep

Rafal Wasniowski là online portfolio rất dễ dàng hướng người xem vào nội dung chính thông quan những đường kẻ viền khung mảnh mai. Người thiết kế đã dùng các khối để chứa nút bấm nhằm thu hút sự chú ý của người xem.

19 rafal wasniowski thiet ke website dep

BeFIT dùng viền khung bao bọc các nút bấm, link và menu item. Nhìn tổng thế, website trông rất gọn gàng và sáng sủa.

20 befit thiet ke website dep

 

Tác giả bài viết: Phùng Thanh Hằng
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Google PageSpeed Scores được cập nhật với Lighthouse 8.0

Google PageSpeed Scores được cập nhật với Lighthouse 8.0

Google đã công bố bản phát hành Lighthouse 8.0 với sự kết hợp giữa tính năng cho điểm chặt chẽ hơn nhưng "dễ dãi" hơn. Hầu hết các trang web đều được cải thiện điểm số.

Google không xếp hạng dựa trên URL thân thiện, cũng không phân biệt bài blog hay dịch vụ

Google không xếp hạng dựa trên URL thân thiện, cũng không phân biệt bài blog hay dịch vụ

Thông thường Seoer ở Việt Nam luôn muốn xây dựng cấu trúc URL "đẹp". Nhưng với câu trả lời từ John Mueller (Senior Webmaster Trends Analyst) thì tất cả đều ngã ngửa.

Google nói về cách sử dụng từ khoá trong nội dung

Google nói về cách sử dụng từ khoá trong nội dung

Các SEOer thường cố gắng làm bài viết có chứa quá nhiều từ khóa, bài viết đôi khi đọc rất buồn cười và vô giá trị. Điều này sẽ không còn nữa?

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây