Các nhà thiết kế luôn tìm một cách nào đó thú vị và hiệu quả để cho phép người dùng dễ dàng sử dụng, tìm kiếm thông tin thông qua thanh menu điều hướng (Navigation Menu ). Nhưng tất nhiên có một danh giới giữa sự bất ngờ và không sử dụng được.

Nếu trang web quá dài, nhiều thông tin. Người dùng liệu sẽ tìm thấy nội dung của mình thông qua trang web bằng cách chọn vị trí của trên thanh menu nhanh chóng?

Hãy xem một vài ví dụ.

Made by Water

Một ứng dụng mạnh mẽ của JavaScript

Các tiêu đề lớn, đậm với bảng màu hiện đại trên Made by Water. Bố trí lưới đẹp và rõ ràng, trong khi nền khá tinh tế và thú vị. Các biểu tượng ở trên cùng trực quan, hấp dẫn khi người dùng nhấp chuột.

Made in Haus

Slideshow ngang như là menu điều hướng chính.

Thiết kế trang lớn khiến Made in Haus có sự khác biệt, các chuyển động trơn tru và có sự khác biệt với những tranh trượt mà chúng ta từng nhìn thấy.

Hạn chế là hình tam giác phía bên phải có vẻ đơn điệu, và có thể khiến người dùng một chút bối rối.

Foundation Six

Fondation six với các hình ảnh được chụp màn hình lớn, rõ ở chính giữa trang, cho chúng ta cảm giác có thể tương tác bằng cách nào đó. Việc đầu tiên chúng ta có gắng click vào nó, nhưng không có gì xảy ra, một chút thất vọng.

Word Refuge

Word Refuge có thiết kế giống một tờ giấy cũ, do nó làm về dịch vụ Copywriting, điều này là thích hợp. Các hình thức liên lạc nổi bật, dễ thấy, dễ sử dụng, logo cũng độc đáo với các bảng màu phong phú, quý phái.

Relogik

Relogik là một ví dụ của minimalism tốt. Logo dễ hiểu, tinh tế. Hầu hết các yếu tố được nửa trong suốt và xuất hiện khi di chuột. Các hình ản được tô đậm và làm cho nội dung trở thành trọng tâm của trang. Hệ thống lưới vững vàng, cấu trúc tốt, sạch sẽ.

Drexler

Danh mục chính nằm ngang. Người dùng sẽ thấy nếu… nhìn theo hướng dẫn.

Thanh điều hướng nằm ngang trên Drexler với các mũi tên và click chuột. Nếu lần đầu tiên ghé thăm, bạn sẽ không thấy cách để điều hướng trang web. Bạn cần đọc các gợi ý ở khu vực phía trên của trang web, hoặc thử nghiệm click một vài nơi để tìm kiếm. Thiết kế trực quan, hấp dẫn, nhưng thanh điều hướng lại không đơn giản.

Komrade

Trang Web chọn cách điều hướng theo chiều dọc. Mặc dù có thiết kế tươi mới nhưng cách điều hướng lại khó hiểu. Các màu sắc tươi vui của trang lại không giúp cho người đọc biết được dòng chữ nào chứa liên kết có thể click được.

All for Design

All for Design có sự thoáng đãng, sáng sủa, các nhóm hình tượng chìm sắc nét và hiệu ứng tinh tế. Trang Project đặc biệt rất đẹp, tập trung chính xác vào những gì cần quan tâm trong một dự án.

Lịch làm việc ở phần liên hệ là một ý tưởng tuyệt vời. Nó giúp khách hàng biết được thời gian nào có thể liên hệ.

Digital Labs

Điều hướng dọc hay ngang?

Với hình ảnh chụp màn hình của website này, trang web nên sử dụng điều hướng theo chiều ngang. Trang web nhìn tuyệt vời, Digital Labs sử dụng layout rộng, với màu nền đẹp. Các màu tối khiến không gian rộng rãi.Dải băng màu cam phía trên web hình như có thể tương tác được, nhưng không có gì.

Calobee Doodles

Mail Chimp

Trang Mail Chimp là trang web hấp dẫn với rất nhiều vintage đồ họa thú vị. Màu sắc hiện đại, kết cấu thú vị. Tuy nhiên trang web có sự định hướng kém. Muốn "Đăng nhập" phải kéo xuống dưới cùng. Cần thêm cả những liên kết nhỏ ở đầu trang để người dùng có thể sử dụng dễ dàng, giúp trang web hoàn thiện hơn.

Pline Studios

Pline Studios là công ty kiến trúc nên nó có những bố trí dọc thoáng với những nét gợi lên bản vẽ Auto Cad. Tiêu đề lớn, rõ ràng, giúp người dùng dễ dàng tập trung. Việc điều hướng của trang cũng được làm dễ hiểu khi các menu điều hướng luôn xuất hiện ở mỗi trang.

Mọi thứ đều hấp dẫn và tuyệt vời, duy chỉ có những mô tả cho dự án của họ thì có vẻ hơi ít, không đủ cung cấp thông tin cho khách hàng, hay người sử dụng.

Transformology

Transformology cho thấy một cách khách để xử lý điều hướng theo chiều dọc. Khi người dùng cuộn trang, menu điều hướng ở trên cùng của trang sẽ di chuyển theo phù hợp. TIêu đề xây dựng trong các khối văn bản hấp dẫn. Tuy nhiên thiết kế lưới của trang khiến nội dung chính có vẻ bị chìm đi.

Burton

New Adventures in Web Design

Các hình khối ở trang đầu tiên của New Adventures in Web Design nhìn có vẻ như là menu chuyển hướng. Nó sẽ thay đổi khi ban qua trang web, nó có ý nghĩa là công ty sắp xếp lại mọi thứ một cách có trật tự.

Thiết kế sạch sẽ, cấu trúc chặt. Màu sắc trầm và chuyên nghiệp, tuy nhiên cảm giác có vẻ quá .. hài hòa, không có được một cái gì đó nổi bật.

Có một chút bối rối khi theo thói quen chúng tôi click vào chữ New Adventures để quay lại trang home nhưng không có gì xảy ra.

Christopher Kaufman

Chapolito

Chapolito thực sự là trang web độc đáo với ác hình ảnh bắt mắt.

Flywheel Design

Flywheel Design có thiết kế tổng quan tốt. Các tương tác để chuyển hướng xuất hiện khi người dung di chuột thực sự thú vị.

Có một chút khó nhìn khi vào các trang trong, các dòng chữ nên làm lớn hơn chút để người đọc dễ nhìn hơn.

Wishbone Design

Wishbone Design thiết kế cho trẻ em và ông bố, bà mẹ, vì vậy nó có sự vui vẻ, các hình ảnh động hấp dẫn, vui nhộn. Một trang web với các chuyển động đáng xem.

Tuy nhiên cũng có người không thích lắm cách menu chuyển hướng xuất hiện hơi chậm bởi các animation, dù chúng thật sự dễ thương.

Basmatitree

Minus Five

Retinart

Retinart làm một ví dụ hấp dẫn về trang một trang web tập trung kiểu chữ (typeface).

Collision Labs

Theo SmashingMagazine

Comments

comments

Tags:

  • Batsana

    Học! học nữa học mãi :)

  • Show Comments

  • iDesign
    iDesign

    Mình thích Pline Studios. Thiết kế rất hay

    • Godsx

      oke cái đó sạch đẹp thoáng mát :D like luôn
      gọi là kiểu “tây tây” :D

  • Godsx

    mấy web điều hướng dọc đẹp quá,sáng tạo
    mình thích nhất cái Komrade :->

Your email address will not be published. Required fields are marked *

comment *

  • name *

  • email *

  • website *

You May Also Like

43 trang web đơn ấn tượng

Những trang web đơn (single website) từng được dự đoán sẽ là xu hướng ...

21 Trang web đầy màu sắc

Một số nhà thiết kế thích dùng những màu đơn giản, trong khi số ...

34 thiết kế web màu tím gây ấn tượng cho bạn

Hôm nay chúng tôi sẽ chọn ra những website có thiết kế lấy mầu ...

Những trang web ấn tượng của designer

Những trang web chứa sản phẩm (portfolio website) luôn luôn là một nguồn tác ...

3d Flash WebSite

Không có gì ngạc nhiên khi Flash Web đã trở thành một loại hình ...

37 trang css & xhtml web template miễn phí tuyệt đẹp

Những trang web này thứ nhất: Tất cả đều được thiết kế hiện đại, ...