| Trang chủ | Liên Hệ | Diễn đàn | Trợ giúp |
Skip Navigation Links
 
     

 

Tìm kiếm
 
     
Kiểm tra tên miền
  Chi tiết bài viết
 News update end 7/25/2010
Dùng màu trong thiết kế website

Màu sắc là một công cụ tuyệt vời nhất cho người thiết kế. Có rất nhiều cách dùng màu sắc để truyền tải thông điệp của bạn đến với người xem.

Màu sắc chứa đựng nhiều ý nghĩa, thể hiện cá tính, nét riêng biệt, bố cục cũng như giúp ta nhấn mạnh những điểm quan trọng.

Cách thức phối hợp màu sắc trong website.

Một website có giao diện thu hút chắc chắn phải được phối màu một cách hợp lý. Nếu không có màu sắc, trang web sẽ mất đi cá tính riêng của nó. Với màu sắc được phối hợp lý và thống nhất ,trang web sẽ thể hiện được đúng tính chất của nó. Dùng quá nhiều màu hoặc màu sắc hỗn độn sẽ đem lại cảm giác khó chịu cho người xem.

Thường khi thiết kế một website thường có một tông màu chủ đạo.Tuy nhiên vẫn có những website sử dụng nhiều tông màu khác nhau.

Ví dụ: Trang Apple.com, mỗi trang con của nó đều có những tông màu khác nhau. Ở trường hợp này, sự thống nhất phụ thuộc vào cách xử lý khéo léo của người thiết kế.

Ví dụ về màu sắc chưa đủ độ trong một website.

Trang chủ của Starbuck thiếu màu một cách trầm trọng.Màu nền xám của website là một màu nhờ nhờ và không có điểm nhấn trên trang.Tuy nhiên tại thời điểm này thì trang của Starbuck đã sinh động và có màu sắc hơn rất nhiều phiên bản trước.

Dùng màu đủ độ.

Dùng ít màu mạnh làm cho website trở nên buồn tẻ và nhạt nhoà. Màu sắc là một cách thức tốt để nhận dạng, nhóm lại hay phân chia riêng rẽ các thành phần của website với nhau. Nó làm cho website nhẹ hơn nhiều khi tải về (đặc biệt nếu sử dụng tối đa CSS-Cascading Style Sheets trong website). Nếu bạn dùng quá ít màu bạn cũng nên nghĩ một cách nào đấy để thu hút mắt quan sát vào các thành phần chính của website.

Để những khoảng trắng.


Màu trắng là một màu tuyệt vời để có thể làm nền cho text bên trên. Người ta thường đặt nội dung bằng chữ đậm lên trên một nền trắng (hoặc một nền sáng màu). Mảng màu trắng (hay sáng màu) thường được dùng để đặt nội dung website.

Dùng nền sáng nhất cho phần nội dung chính.

Hãy dùng màu nền sáng nhất cho phần nội dung chính của bạn. Lý do đơn giản là não bộ của bạn có thể dễ dàng tìm thấy và thu hút vào phần nội dung trên nền sáng đó.

Ví dụ: Hãy ghé thăm trang  pixelgraphix.de. Phần nội dung được hiển thị trên các ô vuông màu xám nhạt được đặt lên trên nền trắng. Bạn có thể thấy, đôi mắt của bạn không bao giờ muốn chú ý vào những khoảng xám mà cứ đi tìm kiếm những mảng màu trắng sáng hơn thế.

Trang chủ của đài tiếng nói Ireland dùng màu nền cho nội dung chính là một màu xanh nhợt với text đen. Nó làm phần nội dung chính rất khó nhìn.

Hãy dùng những màu mạnh để thu hút mắt nhìn

Những màu mạnh luôn luôn thu hút sự chú ý của mắt người xem.Mảng màu đó càng lớn càng gây được nhiều sự chú ý. Tuy nhiên nếu dùng quá nhiều màu mạnh sẽ làm cho mắt ta bị loạn lên và không biết sẽ phải nhìn vào đâu nữa, đừng để việc đó làm mất đi sự hiểu quả của việc dùng những màu mạnh.

guardian.co.uk  dùng quá nhiều khu vực có màu sắc gây sự chú ý. Có quá nhiều các bảng màu đỏ làm cho mắt ta bị rối.Chưa kể còn rất nhiều bảng dùng màu nặng nề làm ta không còn dành sự chú ý cho nội dung chính của trang web.   Trong khi đó màu website của RNIB lại không đủ để tạo được sự tương phản. Màu sắc trong website không được phối hợp lý. Có lẽ không nên phối màu xanh của logo với màu đỏ nhạt ,màu vàng và… hồng nhạt.

Nên đảm bảo sự tương phản tối đa giữa menu và màu nền. Hãy làm cho website của bạn rõ ràng và khiến cho người dùng có thể dễ dàng duyệt website. Đừng để mắt của bạn cứ hút vào những phần phụ của website mà bỏ qua đi Logo và nội dung chính cuả trang.

Tránh đặt các màu mạnh cạnh những bức ảnh.

Website  Harrah’s Casino dùng màu tím đậm ngay cạnh một bức ảnh khu Casino. Màu tím và một số màu khác trên bức ảnh đặt cạnh nhau làm mọi thứ dường như rối rắm và nặng nề hơn.Tránh sử dụng quá nhiều màu khác nhau.

Sử dụng quá nhiều màu sẽ làm cho trang web bị rối mắt hoặc trở nên loè loẹt thái quá.

Chưa kể có những màu khi để cạnh nhau sẽ tạo ra những hiệu ứng rất tệ.

Sự kết hợp của 2 màu nâu và xanh nhạt này làm cho chữ thật khó đọc, chưa kể đó còn do dùng font chữ quá nhỏ.

Phối màu lấy cảm hứng từ thiên nhiên.

Luke Wrobleski- một designer cho rằng các tập đoàn lớn thường sử dụng những tông màu an toàn và hầu hết các website của các cty đều có tông màu hao hao nhau. Anh ta cho rằng cần có sự sáng tạo hơn trong việc sử dụng màu sắcNếu tự bằng lòng với những bản thiết kế quen thuộc chúng ta sẽ không thể tự vượt ra khỏi giới hạn của chính bản thân mình.

Những website của các tập đoàn lớn thường hao hao nhau (HP, IBM, Dell, Microsoft)

Luke Wrobleski đã nghĩ ra một cách phối màu cũng khá thú vị : Lấy màu từ thiên nhiên.


Nguồn: Principa
 
Counter 78
  Send link to friend Writter print Đầu trang
Thư viện giao diện
Các gói website
Thiết Kế Website Thương Mại Điện Tử
Thiết Kế Website Doanh Nghiệp
Thiết Kế Website Bán Hàng
Thiết kế website giới thiệu sản phẩm
Tư vấn trực tuyến
Tại Hà Nội
Mr Ngọc 0978 179876
Ms Thinh 0936 535389
Mr Trung 0976 299980
Mr Nam 0973 668377
Tại TP.HCM:
Mr Duy 0909 985809
Mr Nam 0989 873503
Mr Dung 0903 323840
Tư vấn thiết kế website
Website là gì ?
Lợi ích khi có website
Quy tắc chọn tên miền
Tôi cũng phân vân chưa biết có nên làm website hay không?
Tại sao website hoạt động không hiệu quả?
Lợi ích của website dành cho DN?
Tôi cần chuẩn bị gì cho nội dung website?
Giao diện mới
Hoa - Quà tặng
Hoa - Quà tặng
Văn hóa
Thiết kế - Quảng cáo
Điện tử - Điện thoại
Doanh nghiệp
Cửa hàng
Cửa hàng
Giáo dục
Khách Sạn
Thủ công mỹ nghệ
Nhà bếp
Diễn đàn
Bảng Màu Thiết Kế Web
thiet ke web, thiet ke website

Bảng mã màu Color Match

thiet ke web, thiet ke website

Bảng mã màu Pantone Color

thiet ke web, thiet ke website

Bảng mã màu Web Color

Vui lòng cho biết ý kiến của bạn về vấn đề: 
Bạn quan tâm đến điều gì nhất trong website



    | Trang Chủ | Giới thiệu | Template | Tin tức | Liên Hệ | Trợ giúp | Gói Web |
   
   
 
 


Công Ty Truyền thông Đa Phương Tiện Giang Nam
Địa chỉ: Số 1 - Ngõ 81 - Tô Vĩnh Diện - Hà Nội Số 82 Bàu Cát - P. 14 - Q. Tân Bình - TP.HCM
Điện thoại: 04 6 6745 276 - 04 6 6745 376 08 6 6785 276
HotLine: 0973 668377
Email: support@topweb.vn hcm@topweb.vn
Website: www.topweb.vn- http://thietkewebdoanhnghiep.net-http://thietkewebhanoi.com -http://thietkewebhanoi.net
   

Designed 2009 by Thiet ke web - Web design: Top web - Topweb - Công ty truyền thông đa phương tiện Giang Nam - Công ty thiết kế web, Dịch vụ Thiết kế website Top 10 - Tìm kiếm top - Đưa wesite lên top google - Giải pháp tìm kiếm google - Kết quả tìm kiếm - Google AdWords - Thiet ke website Pro Gold Partner Du an Thiet ke web - Thiết kế web chuyên nghiệp - Thiet ke website : Thiet ke trang web cong ty, web thuong mai dien tu thiet ke trang web ban hang, thiet ke trang web kinh doanh, thiet ke trang web du lich, thiet ke web top 10 Cong ty thiet ke web - dich vu thiet ke website : Vietnam web design, hosting, dich vu thiet ke web, cong ty thiet ke web, cong ty thiet ke website, dich vu thiet ke website, thiết kế web giá rẻ, thiết kế web chuyên nghiệp, cung cấp tên miền, hosting, thiet ke web ha noi, thiết kế web hà nội,làm web, làm trang web, lam web, lam trang web, cong ty lam web, công ty làm web, công ty làm trang web, cong ty lam trang web

Liên kết được tài trợ/ Liên hệ:
Cổng thông tin điện tử, Văn phòng điện tử | Kính thiên văn, camera siêu nhỏ, ống nhòm đêm | Thiết kế web chuyên nghiệp, công ty thiết kế web | thiết kế website giá rẻ | TốcĐộ.Vn | Mua Nhanh - Bán Nhanh | VnXiTin.COM Teen Phú Yên | Thanh Tú's Blog | Kết Nối Teen Việt | Cộng Đồng Bạn Tốt | Diễn Đàn Hoà Bình | Diễn Đàn Doanh Nghiệp | Thiet ke website | thiết kế web hà nội | thiết kế web hà nội | công ty thiết kế web | thiết kế web doanh nghiệp | Free WordPress Themes | Thiết kế website | Thế giới phụ kiện Laptop và PC | THPT Viet yen 1 bac giang | Sàn gỗ cao cấp | Dịch thuật MTV | Nghe rock online | Diễn đàn đá cầu Việt Nam | Diễn đàn rao vặt sơn la | Diễn đàn CNTT kenhhot.com | Software - IT Tips - Web Design - eMake Money - Graphic - Relax | Truyện Tranh Online |