Định hướng thị giác trong thiết kế website

Thiết kế ấn phẩm điện tử HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG Khoa Đa phương tiện ĐỒ ÁN SẢN PHẨM ĐA PHƯƠNG TIỆN Chủ đề Định hướng thị giác trong thiết kế website Giảng viên hướng dẫn Nguyễn Lê Mai[.]

Khoa Đa phương tiện

ĐỒ ÁN SẢN PHẨM ĐA PHƯƠNG TIỆN

Chủ đề:

Định hướng thị giác trong thiết kế website

Giảng viên hướng dẫn : Nguyễn Lê Mai

Mục lục

1 LÍ DO CHỌN ĐỀ TÀI 3

2 CƠ SỞ LÍ THUYẾT 3

2.1 Tổng quan về định hướng thị giác trong thiết kế 3

2.1.1 Định nghĩa 3

2.1.2 Đặc điểm 3

2.1.3 Thành phần 3

2.2 Tổng quan về thiết kế Website 3

2.2.1 Định nghĩa 3

2.2.2 Phân loại 3

2.3 Định hướng thị giác trong thiết kế website 5

2.3.1 Tổng quan định hướng thị giác trong thiết kế website 5

2.3.2 Vai trò “Định hướng thị giác” trong thiết kế website 5

2.3.3 Thực trạng 6

3 Nguyên tắc 6

3.1.1.1 Bố cục 6

3.1.1.2 Khoảng cách 8

3.1.1.3 Kích thước 9

3.1.1.4 Màu sắc 10

3.1.1.5 Phong cách 12

4 Tổng kết 13

1 LÍ DO CHỌN ĐỀ TÀI

Định hướng thị giác của giao diện dựa trên nguyên tắc thẩm mỹ được sử dụng bởi các bậc thầy thời Phục Hưng Sử nội dung thứ yếu cho các mục tiêu phụ: nhằm quảng bá nội dung cụ thể, khuyến khích người dùng đăng ký và kêu gọi hành động - Call-to-actions Tất

cả đều hướng đến mục đích cải thiện trải nghiệm tổng thể để người dùng tận hưởng việc tham quan trang web nhiều hơn là hoàn thành dự định trước đó của họ

Theo thuật ngữ cơ bản, định hướng thị giác mô tả đâu là yếu tố kiểm soát sự chú ý của người dùng và thu hút họ nhiều nhất Tuy nhiên không có bí kíp chính xác nào để xây dựng một định hướng cụ thể, và điều này tạo nên sự cạnh tranh ở các nhà thiết kế khi họ buộc phải tìm ra các phương pháp hoàn hảo nhất, hoặc phát minh ra những phương pháp mới nhằm giữ vị trí đứng đầu lĩnh vực này

Để định hướng người dùng hiệu quả trong việc thiết kế web, chúng ta phải nắm vững các yếu tố cần thiết cho một kế hoạch thiết lập định hướng thị giác dù nó đơn giản hoặc phức tạp

2 CƠ SỞ LÍ THUYẾT

2.1 Tổng quan về định hướng thị giác trong thiết kế

2.1.1 Định nghĩa

Định hướng thị giác là điều khiển chuyển động mắt của người dùng, điều này có thể đạt được bằng cách lựa chọn cẩn thận hình ảnh và sắp xếp, căn chỉnh các yếu

tố thiết kế tốt

2.1.2 Đặc điểm

Định hướng thị giác tăng cường khả năng ghi nhớ, sức thuyết phục và sự giao tiếp, bằng cách sử dụng typo, màu sắc, hình ảnh Được phân chia thành các cấp bậc khác nhau

2.1.3 Thành phần

Trọng lượng trực quan: Trọng lượng cảm nhận của một yếu tố hình ảnh Đó là thước đo mức độ thu hút bất kỳ nội dung nào trên trang

Hướng trực quan: Hướng cảm nhận của các lực trực quan Đó là hướng mà một phần tử nên chuyển động nếu nó có cơ hội di chuyển dựa trên các lực tác động lên

nó

2.2 Tổng quan về thiết kế Website

2.2.1 Định nghĩa

Website là một tập hợp các trang web bao gồm hình ảnh, file, âm thanh thường chỉ nằm trong một tên miền (domain name) hoặc tên miền phụ (subdomain) Một website phải được đặt trên ít nhất 1 máy chủ

2.2.2 Phân loại

Có thể nhóm các website theo nội dung:

• Website thông tin: Những trang web này cung cấp thông tin về một vấn đề

cụ thể hoặc tổ chức Đây là những trang web phổ biến nhất trên Internet và thông tin được cung cấp theo thời gian

• Website giao dịch: Đây là loại trang web có thể được sử dụng để thực hiện một số giao dịch hoặc nhiệm vụ Các trang web thương mại điện tử là ví dụ

về thể loại này

• Website cộng đồng: cung cấp thông tin hoặc các cơ sở giao dịch liên quan, nhưng tập trung vào sự tương tác giữa các khách truy cập của trang web Dựa vào cộng đồng các trang web có xu hướng tập trung vào một chủ đề hay loại người cụ thể và khuyến khích tương tác giữa các cá nhân cùng một mục đích

• Website giải trí: Những trang web này cho chơi trò chơi hoặc một số hình thức tương tác thú vị, có thể bao gồm giao dịch, cộng đồng, và các yếu tố thông tin

• Website khác bao gồm ở đây là các trang web nghệ thuật, thử nghiệm, web

cá nhân như các bản ghi web (còn gọi là blog), và các trang web có thể không theo quy ước của Web phổ biến hoặc có một mục đích kinh tế được xác định rõ

Có thể nhóm các website dựa trên các tổ chức, trong phân loại này chúng ta có

5 nhóm chính:

• Website thương mại trong nhóm này được xây dựng và điều hành bởi một

tổ chức hoặc cá nhân cho lợi ích thương mại, hoặc trực tiếp thông qua thương mại điện tử hoặc gián tiếp thông qua thúc đẩy cho một số dịch vụ mua hàng hóa

• Website chính phủ: là của một tổ chức chính phủ, và mục đích của trang web là để đáp ứng một số nhu cầu xã hội và pháp lý

• Website giáo dục: là trang web của một số cơ sở giáo dục, và nó được sử dụng để hỗ trợ mục tiêu học tập hay nghiên cứu

• Website phi lợi nhuận: là trang web từ thiện tồn tại để thúc đẩy các mục tiêu của một tổ chức phi lợi nhuận, các hoạt động từ thiện của một cá nhân hoặc tổ chức

• Website cá nhân tồn tại tùy theo quyết định của một số người hoặc một nhóm nào đó, thường là một cửa hàng sáng tạo, hình thức biểu hiện cá nhân

Phân loại website theo dữ liệu:

• Website tĩnh: được hiểu theo nghĩ là dự liệu không thay đổi thường xuyên Với dạng web này để thay đổi nội dung trên trang web người sở hữu phải truy cập trực tiếp vào các mã lệnh để thay đổi thông tin Dạng file của trang web tĩnh thường là html, htm, Website tĩnh dành cho các web có nội dung đơn giản gọn nhẹ, không có sự can thiệp của người lập trình web, không phải xử lý những mã lệnh phức tạp vì vậy việc thiết kế đặt để các đối tượng thoải mái và tự do sáng tạo của người thiết kế nên website tĩnh thường sở hữu được một hình thức hấp dẫn và bắt mắt

• Website động: là thuật ngữ được dùng để chỉ những website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web Với website động, thông tin hiển thị được gọi ra từ một cơ sở dữ liệu khi người dùng truy vấn tới một trang website Trang web được gửi tới trình duyệt gồm những câu chữ, hình ảnh, âm thanh hay những dữ liệu số hoặc ở dạng bảng hoặc ở nhiều hình thức khác nữa Những website cơ sở dữ liệu còn có thể thực hiện những chức năng truyền và xử lý thông tin giữa doanh nghiệp - doanh nghiệp Thông tin trên website động luôn luôn mới vì nó dễ dàng được người dùng cập nhật thông qua việc sử dụng các công cụ cập nhật của các phần mềm quản trị website Vì vậy website được hỗ trợ bởi cơ sở dữ liệu là phương tiện trao đổi thông tin nhanh nhất với người dùng Internet Website động có tính tương tác với người sử dụng cao

2.3 Định hướng thị giác trong thiết kế website

2.3.1 Tổng quan định hướng thị giác trong thiết kế website

Trong 5 giác quan của con người “Thính giác, thị giác, khứu giác, vị giác, xúc giác” Có thể nói thị giác chiếm phần lớn việc cảm thụ thế giới vật chất Chính vì vậy hiểu rõ những khía cạnh của thị giác là cơ sở rất quan trọng, nhất là trong lĩnh vực thiết kế Đâu đó trong khi chúng ta thiết kế UX hoặc các ấn phẩm truyền thông, quảng cáo… chúng ta có nghe nói đến thuật ngữ “Visual hierarchy” - Có thể dịch ra

là “định hướng thị giác” Định hướng thị giác là những cơ sở quan trong để thiết

kế Đặc biệt nó được ứng dụng nhiều trong thiết kế website

Định hướng thị giác của giao diện dựa trên nguyên tắc thẩm mỹ được sử dụng bởi các bậc thầy thời Phục Hưng, nhưng trên hết là có nội dung thứ yếu của các mục tiêu phụ - nhằm quảng bá nội dung cụ thể, khuyến khích người dùng hướng đến và kêu gọi hành động Tất cả đều hướng đến mục đích cải thiện trải nghiệm tổng thể để người dùng tận hưởng việc tham quan trang web và hoàn thành mục tiêu khi vào web của họ một cách tiện dụng

2.3.2 Vai trò “Định hướng thị giác” trong thiết kế website

Định hướng thị giác là phần cơ sở có vai trò quan trọng khi thiết kế một website, nó giúp:

• Tăng cường khả năng ghi nhớ, sức thuyết phục và sự giao tiếp, bằng cách

sử dụng typo, màu sắc, hình ảnh được phân chia thành các cấp bậc khác nhau

• Tạo nên một sự hấp dẫn thị giác trong việc giao tiếp và có thể được sử dụng một cách vô cùng hiệu quả để truyền đạt và đơn giản hóa thông tin, không chỉ gia tăng sự hiểu biết, mà tạo nên quá một quá trình đọc tràn đầy hứng thú

• Thu hút người xem nhiều nhất, xây dựng một định hướng cụ thể mà nhà thiết kế muốn người dùng hướng đến

• Cải thiện trải nghiệm tổng thể của người dùng khi vào web

Khi khách truy cập vào một trang web, chỉ có vài giây để họ tạo ấn tượng đầu tiên với họ Ấn tượng đầu tiên đó được tạo ra và dẫn dắt họ đến với giao diện

website và tương tác với chúng Để làm được điều đó, nhà thiết kế phải nghiên cứu định hướng thị giác và ứng dụng nó vào trong thiết kế website Đầu tư thời gian và công sức vào thiết kế ứng dụng định hướng thị giác sẽ tạo ra một giao diện website trực quan dẫn dắt sự tương tác người dùng Từ đó nâng cao trải nghiệm tích cực cho website

Một hệ thống định hướng thị giác hiệu quả giúp thông báo, gây ấn tượng và thuyết phục người dùng - đặc biệt là về hình thức của giao diện Vì vậy, để một trang web, ứng dụng thành công, điều quan trọng là phải có cấu trúc các trang hoặc giao diện màn hình của nó thật tốt để giảm thiểu sự không chắc chắn của người dùng, thể hiện sự đồng cảm tối đa với họ và cung cấp cho họ thứ gì đó dễ chịu để xem, để hành động

2.3.3 Thực trạng

Hiện nay, các website được thiết kế ngày một đẹp mắt, tiện dụng và tối ưu Các nhà thiết kế đã nghiên cứu, tìm hiểu về các nguyên lí thị giác cũng như các nguyên

lí về định hướng thị giác để ứng dụng vào thiết kế website Do đó thiết kế website ngày một hiệu quả và chất lượng về cả nội dung lẫn hình thức Điều đó đã mang lại ấn tượng tốt, thu hút khách hàng và tạo dựng niềm tin thương hiệu nơi khách hàng

Tuy nhiên, vẫn còn nhiều nhà thiết website do không hiểu và không ứng dụng các nguyên lí định hướng thị giác vào thiết kế, khiến cho website trở nên kém hấp dẫn, thiếu trọng tâm và không hướng khách hàng đến được với mục đích của trang web đó Một website được thiết kế ứng dụng tốt định hướng thị giác dẫn mắt người dùng qua từng khu vực theo một thứ tự cụ thể ảnh hưởng đến cách cảm nhận đối tượng bằng cách sử dụng độ tương phản, cân bằng, điểm nhấn và / hoặc

tỷ lệ bên trong các đối tượng trong thiết kế Để làm được điều này, người thiết kế cần có những nghiện cứu để hiểu rõ hơn về định hướng thị giác và ứng dụng nó vào trong thiết kế website Và có không ít các nhà thiết kế đã bỏ điều này trong thiết kế website

3 Nguyên tắc

3.1.1.1 Bố cục

• Bố cục website là cách sắp xếp, trình bày các yếu tố có trong bản thiết kế website, bao gồm căn chỉnh tỷ lệ/ khoảng cách/ lựa chọn vị trí các thành phần trên web để mang lại trải nghiệm tốt nhất cho người sử dụng khi ghé thăm web

• Hướng thị giác là điều khiển chuyển động mắt của người dùng; điều này có thể đạt được bằng cách lựa chọn cẩn thận hình ảnh của bạn và các yếu tố thiết kế được sắp xếp và căn chỉnh tốt Từ đó bằng cách sắp xếp các thành phần bố cục theo một cách nhất định, một nhà thiết kế có thể kiểm soát và định hướng chuyển động của mắt người xem trong và xung quanh bố cục của website

• Theo nguyên tắc Gestalt, các đối tượng trên một đường thẳng sẽ tạo ra một hướng chuyển động giúp tầm nhìn của người dùng tiếp tục hướng về phía trước, thậm chí vượt xa sự ảnh hưởng của hiệu ứng màu sắc Bên

cạnh một cấu trúc có tổ chức thì hàng và cột có vai trò giữ trật tự cho các vùng không gian khác Cặp cấu trúc này cũng sẽ giúp bạn tạo ra thêm một vài không gian hòan hảo cho call-to-action hoặc một nội dung thú vị nào đó

• Có thể kiểm soát và buộc chuyển động của mắt người xem trong và xung quanh bố cục của thiết kế Mắt sẽ di chuyển dọc theo một đường thực tế ví

dụ như đường liền nét hoặc đường chấm, hoặc nó sẽ di chuyển theo các đường tinh tế hơn như từ phần tử lớn đến phần tử nhỏ, từ phần tử tối đến phần tử sáng hơn, từ màu sang không màu, từ hình dạng khác thường đến hình dạng thông thường, vv Sự phân chia kích thước, và hình dạng và kích thước lặp lại của các yếu tố liên quan cũng dẫn mắt một cách tinh vi

o Header:

▪ Có thể chọn một bức ảnh, video hoặc animation để tạo header cho web Ảnh làm header không chỉ là một bức ảnh đẹp, nó còn là đường dẫn vào tất cả nội dung trên trang và thậm chí là vào nội dung sâu hơn trong website

▪ Dùng một phông chữ lớn tạo sự tập trung, điểm nhấn

▪ Phân lớp các đối tượng là một cách để đạt điều này Các lớp đơn giản không chỉ giúp bạn tạo các không gian riêng biệt cho từng yếu tố mà còn giúp người dùng có sự tập trung thị giác Người dùng sẽ biết phải bắt đầu từ đâu và nên tập trung vào những yếu tố nào

o Content:

▪ Hình ảnh có thể dễ dàng kiểm soát cách người dùng sử dụng, ví dụ hình ảnh mũi tên định hướng có thể được sử dụng như một phần của thiết kế của bạn hoặc trong nội dung để hướng dẫn khách truy cập xung quanh trang

▪ Dẫn dắt bằng con mắt Sử dụng hình ảnh chân dung con người, động vật hướng vào trung tâm website hoặc thông tin quan trọng của website Người dùng sẽ nhìn theo hướng con mắt trong hình ảnh

▪ Vị trí không chỉ kiểm soát cách chuyển động của mắt mà còn góp phần làm cho thiết kế dễ sử dụng hơn, ngay cả khi

ở cấp độ tiềm thức

▪ Các đối tượng được căn trên cùng một hướng cho phép số chuyển động của mắt nhanh hơn và theo một hướng trực quan hơn so với các đối tượng được sắp xếp hai hướng trái - phải Điều này làm cho việc điền vào các biểu mẫu nhanh hơn và dễ dàng hơn

▪ Thiết kế những bức ảnh đẹp về doanh nghiệp, về hoạt động công ty ở phía chân trang là một ý tưởng tuyệt vời để quảng bá doanh nghiệp Tạo sự tương phản để thu hút người dùng

▪ Sử dụng các icon mạng xã hội Bởi nếu đặt tại các vị trí như đầu trang hay giữa trang sẽ làm mất sự tập trung của khách hàng vào những sản phẩm dịch vụ mà bạn cung cấp

o Phân lo ại:

▪ Dẫn dắt bằng ánh nhìn

• Đây là một trong những sai lầm hàng đầu mà các nhà thiết kế và biên tập viên nội dung thường mắc phải, theo quy luật, không bao giờ để hình ảnh của bạn hướng ra ngoài trang của bạn, hình ảnh (đặc biệt là khuôn mặt và mắt) phải hướng vào trung tâm thiết kế của bạn

▪ Hình thức

• Hình thức trình bày các thành phần trong trang web ảnh hưởng lớn đến mức độ điều hướng, thực hiện hành vi của người dung

▪ Hướng thiết kế Yếu tố hướng có thể có ảnh hưởng mạnh mẽ đến cảm xúc cho một thiết kế Bố cục và hình ảnh sẽ quy định hướng chi phối Nó sẽ cho phép bạn áp đặt một định hướng nào đó cho website

• Hướng theo đường ngang: Các đường ngang rõ ràng trong các thiết kế dưới đây mang lại cảm giác tĩnh lặng, ổn định, yên bình và tĩnh lặng

• Hướng theo đường chéo: Vị trí theo đường chéo của các yếu tố củng cố cảm giác chuyển động và hành động

• Hướng theo đường thẳng đứng: Hướng thẳng đứng chủ đạo bổ sung ảnh hưởng có trật tự tĩnh đối với những gì có thể là ngẫu nhiên, cũng mang lại cảm giác tỉnh táo và trang trọng

3.1.1.2 Khoảng cách

• Vai trò:

o Khoảng cách tạo nên mối quan hệ giữa các yếu tố, cung cấp một điểm trọng tâm

o Khoảng cách không có nghĩa là các yếu tố phải được đặt cùng nhau,

mà nghĩa là các yếu tố nên liên kết về mặt thị giác theo một cách nào

đó

o Khoảng cách có sự liên quan mật thiết với bố cục, khoảng cách trong giao diện sẽ điều hướng mắt

o Khoảng cách tác động đến định hướng thị giác của trang web theo hai cách khác nhau: Sự gần nhau và không gian âm

• Tác động:

o Sự gần nhau:

▪ Là một công cụ mạnh mẽ có thể gợi ý chức năng của một phần tử qua việc sử dụng hình ảnh Các yếu tố liên quan đến hình ảnh nằm ngay bên dưới Nội dung trang web và điều hướng được nhóm với nhau ở bên phải Các liên kết được nhóm với nhau ở dưới cùng

▪ Nguyên tắc Gestalt (từ tiếng Đức, nghĩa là hình dạng, hình dáng) - trường phái tâm lý học hình thái (visual-psychological)

đã xuất hiện từ đầu thế kỷ XX - khám phá ra rằng người dùng

có xu hướng cảm nhận các yếu tố được đặt gần nhau sẽ có cùng chức năng tương tự

o Không gian âm:

▪ Không gian trắng hay khoảng trống là những diện tích mà người thiết kế cố tính để trống trong khi sắp xếp vị trí các thành phần của một giao diện website Khoảng trống này bao gồm cả phần không gian giữa các phần nội dung và phần lề

▪ Ngoài công dụng tách biệt rõ từng phần nội dung khác nhau, không gian trắng còn là những điểm nghỉ cho mắt Nhờ đó, người dùng sẽ cảm thấy thoải mái hơn khi phải xem liên tục quá nhiều thông tin và hình ảnh, đồng thời cũng khiến phần nội dung trở nên thu hút và bắt mắt hơn

▪ Càng ít thành phần sẽ càng tăng sự tập trung vào màn hình

• Định luật:

o Do khoảng cách giữa các hình ảnh khác nhau nên những tín hiệu thị giác đưa lại cũng khác nhau

o Những nét ,những điểm hay những hình thể của tín hiệu thị giác chỉ ở gần nhau về khoảng cách thì chúng sẽ tạo thành mối liên kết theo chiều ngang hay chiều dọc (phụ thuộc vào độ gần của khoảng cách ngang hay dọc) Đây chính là định luật của sự gần, tức là hình thể nào ở gần nhau bao giờ cũng tác động vào thị giác con người mạnh hơn ở xa

o Ví dụ:

▪ ||||||||||||||||||||||| - Dàn đều: Ko tạo hiệu quả thị giác

▪ || || || || || || - Các cặp nối kết gần nhau: Gây chú ý, tạo hiệu ứng thị giác

▪ ||||| |||||| ||||| - Liên kết nhóm các tác động mạnh đến thị giác

3.1.1.3 Kích thước

• Ý nghĩa:

o Kích thước chính là yếu tố quan trọng của một website

o Kích thước to thì sẽ gây được nhiều sự chú ý nhưng điều này không

áp dụng trong mọi trường hợp

o Người thiết kế cần phải biết rõ phần nào quan trọng cần được làm nổi bật về kích cỡ, nhưng nếu càng đi vào cụ thể thì càng phải rõ ràng và

cụ thể, sắp xếp cần phải hợp lý

• Định luật Fitts:

o Các đối tượng có kích thước lớn hơn - phạm vi nhấp cụ thể - sẽ dễ tương tác hơn Nói cách khác, không phải mất quá nhiều nỗ lực để thu hút người dùng click vào vùng có kích thước to lớn Điều này đặc biệt đúng đối với kêu gọi hành động, nếu như bạn không muốn tạo quá nhiều rắc rối để hướng người dùng theo đúng mục tiêu

• Tác động:

o Bỏ qua khả năng click tương tác thì kích thước vẫn là một thành phần quan trọng của giao diện website tổng thể Tùy thuộc vào mức độ, các yếu tố lớn hơn có thể thống trị các mẫu trang web từ trái sang phải hay từ trên xuống dưới

o Điều chỉnh kích thước còn dựa trên quan điểm, kích thước cũng có thể được điều kiện hóa với độ tương phản Bạn có thể đạt được những lợi ích tương tự bằng cách làm cho các yếu tố khác nhỏ hơn thay vì một phần tử lớn hơn

o Kích thước ảnh hưởng đến cả văn bản và kiểu chữ, như bạn có thể thấy trong tiêu đề, tiêu đề phụ và nội dung của bài viết

• Theo hướng dẫn linh hoạt, nghiên cứu của 50 tạp chí Smashing Magazine

đã tính toán một số kích thước trung bình:

o Headings: 18-29 pixel

o Body copy: 12-14 pixel

3.1.1.4 Màu sắc

Màu sắc có hệ thống phân cấp riêng của chúng được xác định bởi sức mạnh của ảnh hưởng lên tâm trí của người dung Có các màu đậm như đỏ, cam và đen

có thể dễ dàng thu hút sự chú ý dễ gây ấn tượng ngay trong cái nhìn đầu tiên Nó

có thể chi phối tầm nhìn của người xem qua từng gam màu để truyền tải những thông điệp ý nghĩa gửi gắm vào đó

• Màu đỏ:

o Màu đỏ là màu có bước sóng dài nhất trên quang phổ và là một màu sắc thực sự thu hút mắt nhìn một cách mạnh mẽ

o Màu sắc này mang ý nghĩa của sự mãnh liệt, nhiệt huyết, nhưng đồng thời cũng mang lại cho người nhìn một cảm giác nguy hiểm và gay gắt

o Màu đỏ phần lớn được dùng như màu chính để cảnh báo và thông báo xảy ra lỗi

• Màu vàng:

o Màu vàng mang lại cảm giác vui tươi, rực rỡ và lạc quan

o Một màu vàng đậm chính là một màu nền tuyệt vời bởi nó có thể dâng cao cảm xúc của người nhìn một cách nhanh chóng

o Màu vàng là màu tiêu chuẩn cho các giấy note ghi chú và các lưu ý

o S ử dụng màu vàng để nhấn mạnh các ưu đãi và các sản phẩm miễn phí

• Màu xanh dương:

o Màu xanh dương mang ý nghĩa của sự bình yên, thư giãn và hoà hợp

o Sử dụng màu xanh nhẹ nhàng sẽ mang lại một cảm giác thư giãn, trong khi đó một màu xanh đậm sẽ mang lại một cảm giác năng nổ

o Ngoài ra, màu xanh dương cũng là màu của sự tin tưởng và an ninh

o S ử dụng màu xanh dương nhẹ nhàng sẽ mang lại một cảm giác thư giãn

• Màu xanh lá: