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?

Hướng dẫn sao lưu backup Google Photos, khi Google đã không còn miễn phí lưu lượng.

Hướng dẫn sao lưu backup Google Photos, khi Google đã không còn miễn phí lưu lượng.

Gần đây người dùng được nhận một email với nội dung không còn miễn phí cho Google Photos nữa. Bạn cần làm gì ?

10 xu hướng thiết kế web sẽ thịnh hành năm 2021

10 xu hướng thiết kế web sẽ thịnh hành năm 2021

Ai mà không muốn có một thiết kế trang web tuyệt vời, nổi bật nhất trong thế giới online? Tất nhiên, đi đầu trong xu hướng là điều cần thiết để nắm bắt những điều nên thay đổi trên trang web của bạn

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

Bạn đang xử lý dữ liệu của khách hàng hay ghi lại hàng loạt các thông tin giao dịch lớn? Bạn đang tìm hiểu về Relational Database và phân vân chưa biết chọn tên tuổi nào? Hoặc bạn đang cần lưu trữ dữ liệu từ máy tính, điện thoại hoặc các thiết bị IoT?

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