Bí Mật Về Sử Dụng Màu Sắc Trong Thiết Kế Website

Thảo luận trong 'Social Marketing' bắt đầu bởi mapnap0007, 11/1/16.

  1. mapnap0007 PageRank 0 Member

    Tham gia ngày:
    6/1/16
    Có bao giờ bạn từng thắc mắc tại sao mỗi website lại có một kiểu sử dụng màu sắc khác nhau không? Tại sao các nút bấm có lúc thì màu đỏ, lúc lại màu xanh dương hay không? Tại sao có những trang web khi bạn vừa vào đã mang lại cảm giác kích thích bạn muốn mua hay dùng thử một sản phẩm gì đó? Nhưng cũng có những trang web khiến bạn vừa bước vào đã chẳng thấy hào hứng gì?

    Tất cả những điều ấy là do sự kết hợp giữa các màu sắc lại với nhau. Có thể bạn biết hoặc chưa biết, nhưng tất cả những công ty nổi tiếng trên thế giới đều tận dụng triệt để các loại màu sắc để gây ấn tượng với người dùng. Thông qua việc tối ưu hóa màu sắc của website, họ có thể tạo cảm giác tích cực nơi người dùng và hướng cảm xúc của người dùng theo những thông tin mà website muốn truyền tải.

    Trong bài viết này chúng tôi muốn chia sẻ với bạn những nguyên lý cơ bản nhất của màu sắc. Sau bài viết này, bạn hoàn toàn có thể ứng dụng ngay các kiến thức này không chỉ vào việc thiết kế website mà còn các lĩnh vực khác như thiết kế slide trình diễn; thiết kế poster v.v.

    1. Vai trò của màu sắc trong thiết kế website

    Theo thống kê gần đây, trung bình mỗi khách hàng chỉ dành ra 2,4 giây cho việc truy cập vào một website bán hàng và thời gian này sẽ còn thấp hơn trong tương lai. Do đó, cơ hội để bạn thuyết phục khách hàng tiếp tục ở lại website là rất thấp, chính vì vậy bạn cần phải tối ưu hóa cách bạn sử dụng sức mạnh của màu sắc trong thiết kế để gây ấn tượng với khách hàng.

    Một trong những tài nguyên mà bạn có thể tận dụng tối ưu đó chính là hình ảnh và màu sắc. Trong một website bán hàng, màu sắc và hình ảnh tạo ảnh hưởng lớn hơn nhiều so với từ ngữ. Theo Color Marketing Group, có đến 85% khách mua hàng cho biết màu sắc là lý do chính để họ quyết định có mua sản phẩm hay không. Do đó, nếu bạn tạo dựng được các “trang đích đến” (landing page) lôi cuốn và các nút “kêu gọi hành động” (call-to-action button) nổi bật, bạn sẽ thu hút được một lượng lớn khách hàng tiềm năng và gia tăng đáng kể số đơn đặt hàng.

    2. Màu sắc trong “trang đích đến”

    Màu sắc và giới tính

    Đối với phụ nữ: theo nghiên cứu, màu sắc thu hút sự chú ý của họ nhất là màu xanh dương, tím và xanh lá cây. Trong khi đó, màu sắc ít được ưa thích nhất là cam, nâu và xám.

    Marie Forleo’s B-School là nhãn hiệu chuyên dành cho phụ nữ, và khi nó được đưa ra thị trường đã thu hút lượng tương tác khổng lồ trong thời gian ngắn. Lý do chính khiến chiến dịch quảng cáo này thành công là nhờ công ty đã có sự nghiên cứu kỹ lưỡng đối tượng khách hàng mục tiêu của mình. Từ giao diện website đến email tiếp thị đều được trình bày hoàn hảo, góp phần thu hút những khách hàng thực sự đến với cửa hàng.
    màu sắc trong thiết kế web

    Đối với nam giới: xanh dương, xanh lá cây và đen là những màu được yêu thích nhất còn màu nâu, cam và tím là những màu ít được lựa chọn nhất.

    “Trang đích đến” của nhãn hiệu nổi tiếng Gillette là minh họa điển hình cho việc sử dụng màu sắc dành cho nam giới. Nút "kêu gọi hành động” màu cam nổi bật trên nền đen mạnh mẽ, thiết kế đơn giản, đúng chất dành cho phái mạnh.


    màu sắc trong thiết kế web

    Màu sắc và lứa tuổi

    Nhìn chung, những khách hàng trẻ tuổi thường yêu thích những màu ấm và sáng, tượng trưng cho sự năng động và nhiều năng lượng như đỏ, cam, hồng, vàng. Bên cạnh đó cũng có những màu mang tính chất buồn, nặng nề không được các bạn trẻ yêu thích như nâu, tím, xanh dương.


    màu sắc trong thiết kế web

    Nhãn hiệu đồ chơi nổi tiếng Lego sử dụng những màu sắc tươi sáng, trẻ trung cho trang chủ của mình.

    Đối với những khách hàng trưởng thành, sở thích màu sắc của họ cũng khác hơn. Người trưởng thành thường yêu thích những gam màu mát mẻ. Xanh dương là một trong những màu sắc được nhiều người trưởng thành lựa chọn nhất.

    Người trưởng thành thường có sự liên kết màu sắc với những biểu tượng và cảm xúc nhất định. Ví dụ màu trắng (ở phương Đông) hoặc màu đen (ở phương Tây) thường liên tưởng đến sự tang tóc. Màu đỏ thường được liên tưởng đến sự cảnh báo, quyền lực hoặc đam mê.

    3. Màu sắc trong “nút kêu gọi hành động”

    Việc lựa chọn màu sắc cho “nút kêu gọi hành động” rất quan trọng. Tùy vào mục đích mà chúng ta sẽ chọn màu sắc cho phù hợp. Dưới đây là danh sách màu sắc và ý nghĩa của chúng để bạn tham khảo:
    Nút kêu gọi hành động

    Màu vàng: lạc quan và trẻ trung, thường được sử dụng để lôi kéo sự chú ý của các tín đồ thời trang.
    nút kêu gọi hành động

    Màu đỏ: tràn đầy năng lượng, làm tăng nhịp tim, tạo ra khả năng thúc đẩy, thường thấy trong các khu bán hàng giảm giá.
    nút kêu gọi hành động

    Màu xanh da trời: tạo cảm giác tin tưởng và an toàn, phù hợp với các ngân hàng và doanh nghiệp.
    nút kêu gọi hành động

    Màu xanh lá cây: tượng trưng cho sự giàu có, là màu mát mắt nhất, tạo cảm giác thư giãn
    nút kêu gọi hành động

    Màu da cam: táo bạo, kêu gọi người dùng hành động ngay, đăng ký, mua hoặc bán.
    nút kêu gọi hành động

    Màu hồng: lãng mạn và điệu đà, thường sử dụng để tiếp thị sản phẩm cho phụ nữ và bé gái.
    nút kêu gọi hành động

    Màu đen: mạnh mẽ và bóng bẩy, thường dùng cho những mặt hàng cao cấp.
    Nút kêu gọi hành động

    Màu tím: giảm căng thẳng, giúp bình tĩnh, thường thấy trong các spa chăm sóc sắc đẹp.

    Việc lựa chọn màu sắc cho website không đơn giản là theo sở thích cá nhân, đó còn là khoa học về màu sắc. Với các bước sóng khác nhau của màu sắc, con người sẽ có phản ứng cảm xúc khác nhau. Mỗi một màu sắc trong bảng màu gợi lên một tâm trạng hay cảm nhận khác nhau.

    Mặc dù các hiệu ứng màu sắc có thể mang tính chủ quan, tùy theo cảm nhận của mỗi người và thay đổi với từng nền văn hóa nhưng một số màu sắc có một ý nghĩa phổ quát. Ví dụ, màu đỏ được coi là màu sắc ấm áp, và màu xanh da trời là màu lạnh.

    Bảng màu sắc trên đây chỉ để giúp bạn tham khảo thêm. Để đảm bảo rằng những suy luận của bạn là chính xác, một cách hiệu quả là hãy chạy A/B Testing để thu thập dữ liệu xem giữa hai nút có màu khác nhau thì nút nào được nhấp vào nhiều hơn. Hãy nhớ rằng suy cho cùng thì dữ liệu mới nói lên tất cả. Có thể màu cam là màu kích thích mua hàng nhưng dữ liệu của bạn lại nói lên rằng nút xanh dương mới là nút được nhấp vào nhiều nhất thì bạn hãy cứ tin tưởng vào dữ liệu của mình.

    4. Một số ứng dụng màu sắc trong thiết kế website

    Vì mỗi màu sắc kích thích một phản ứng tương ứng, chúng ta có thể tận dụng màu sắc để thu hút người dùng nhấn vào nút mua hàng.

    Chẳng hạn, những người mua sắm tùy hứng phù hợp nhất với màu đỏ, đen và xanh dương. Bạn sẽ thấy những màu sắc này trong các cửa hàng thức ăn nhanh, trung tâm thương mại và các khu mua bán hàng giảm giá – và có thể sử dụng những màu này với nút “kêu gọi hành động” trên website của mình.


    màu sắc trong thiết kế web

    Bạn muốn thu hút những người dùng muốn sự ổn định và có cảm giác an toàn? Hãy tìm hiểu màu sắc đặc trưng của các công ty như American Express, Skype, và Pfizer và chọn màu xanh da trời cho trang web của bạn. Một nút “kêu gọi hành động” màu xanh sẽ truyền tải được thông điệp: Hãy đặt niềm tin vào chúng tôi; bạn có thể yên tâm; chúng tôi sẽ cung cấp cho bạn dịch vụ đáng tin cậy. Xanh navy (xanh hải quân) lôi kéo sự chú ý của người mua sắm có ngân sách hạn chế.

    Hãy thử so sánh hai phiên bản dưới đây để đánh giá sự khác biệt. Rõ ràng nút màu xanh tạo cảm giác an toàn hơn.

    Mau sac trong thiet ke web

    Tóm lại, màu sắc chiếm vai trò cực kỳ quan trọng trong việc thiết kế website. Qua việc sử dụng màu sắc hợp lý, kết hợp hài hòa giữa “trang đích đến” và nút “kêu gọi hành động”, bạn có thể tạo ảnh hưởng mạnh mẽ đến cảm xúc và quyết định mua hàng của người dùng. Do đó, hãy nắm vững những quy luật về màu sắc, liên tục thử nghiệm, đổi mới để tìm ra gam màu phù hợp những đối tượng người dùng mà bạn nhắm đến.
     
    #1
  2. gamehayst Trial Moderators

    Tham gia ngày:
    8/10/13
    Nơi ở:
    Hà Nội
    Cái này cũng cần có con mắt về thẩm mỹ nữa bạn à. K fải đơn giản mà có thể thu hút được người dùng cả. Cần 1 bố cục màu sắc hài hòa
     
    #2
  3. gaidepseogame PageRank 1 Member

    Tham gia ngày:
    23/12/15
    mình thấy hợp lý và không bị rối mắt là được mà, đơn giản cho dễ thu hút người đọc
     
    #3
  4. thinhpvt PageRank 1 Member

    Tham gia ngày:
    4/11/15
    Cảm ơn bạn, bài viết hay. Nhân đây cho mình hỏi là mình muốn chỉnh lượng thống kê truy cập ở trang web thì làm như thế nào mình dùng wordpress
     
    #4

Chia sẻ trang này