Tài liệu LÝ THYẾT MÀU SẮC TRONG THIẾT KẾ WEB pptx

Lý thuyết màu sắc trong thiết kế wed 1 T T ổ ổ n n g g h h ợ ợ p p b b ở ở i i P P h h ạ ạ m m N N g g ọ ọ c c H H i i ế ế u u , , t t i i n n 4 4 - - K K 5 5 3 3 , , C C a a o o Đ Đ ẳ ẳ n n g g B B á á c c h h k k h h o o a a H H à à N N ộ ộ i i E E m m a a i i l l : : t t o o i i d d i i t t i i m m t t o o i i 9 9 9 9 2 2 @ @ y y a a h h o o o o . . c c o o m m N N g g u u ồ ồ n n t t ừ ừ : : t t h h e e g g i i o o i i w w e e d d . . v v n n Mục Lục 1 1 ) ) H H ã ã y y c c h h ọ ọ n n n n h h ữ ữ n n g g m m à à u u s s ắ ắ c c đ đ ẹ ẹ p p c c h h o o w w e e b b s s i i t t e e c c ủ ủ a a m m ì ì n n h h ( ( P P h h ầ ầ n n I I ) ) . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 2 2 ) ) L L ự ự a a c c h h ọ ọ n n m m à à u u n n h h ư ư t t h h ế ế n n à à o o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4 3 3 ) ) C C á á c c q q u u y y t t ắ ắ c c c c ơ ơ b b ả ả n n v v ề ề d d à à n n t t r r a a n n g g v v à à m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 4 4 ) ) M M à à u u s s ắ ắ c c c c ó ó ả ả n n h h h h ư ư ở ở n n g g t t ớ ớ i i k k h h á á c c h h t t r r u u y y c c ậ ậ p p k k h h ô ô n n g g ? ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 0 0 5 5 ) ) M M à à u u s s ắ ắ c c c c ó ó ả ả n n h h h h ư ư ở ở n n g g t t ớ ớ i i k k h h á á c c h h t t r r u u y y c c ậ ậ p p k k h h ô ô n n g g ? ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 1 1 6 6 ) ) M M à à u u s s ắ ắ c c c c ó ó ả ả n n h h h h ư ư ở ở n n g g t t ớ ớ i i k k h h á á c c h h t t r r u u y y c c ậ ậ p p k k h h ô ô n n g g ? ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 3 3 7 7 ) ) B B à à i i h h ọ ọ c c v v ề ề m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 5 5 8 8 ) ) D D ù ù n n g g m m à à u u t t r r o o n n g g t t h h i i ế ế t t k k ế ế đ đ ồ ồ h h ọ ọ a a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 7 7 9 9 ) ) V V ẽ ẽ n n h h ữ ữ n n g g “ “ b b ứ ứ c c t t r r a a n n h h “ “ t t r r ê ê n n w w e e b b s s i i t t e e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 8 8 1 1 0 0 ) ) V V ẽ ẽ n n h h ữ ữ n n g g “ “ b b ứ ứ c c t t r r a a n n h h “ “ t t r r ê ê n n w w e e b b s s i i t t e e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 0 0 1 1 1 1 ) ) 1 1 0 0 1 1 L L ý ý t t h h u u y y ế ế t t m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 1 1 1 1 2 2 ) ) 3 3 m m ẫ ẫ u u n n g g h h i i ê ê n n c c ứ ứ u u v v ề ề c c á á c c h h s s ử ử d d ụ ụ n n g g m m à à u u s s ắ ắ c c k k h h i i t t h h i i ế ế t t l l ậ ậ p p b b ố ố c c ụ ụ c c . . . . . . . . . . . . . . 2 2 4 4 1 1 3 3 ) ) T T â â m m l l ý ý m m à à u u t t r r o o n n g g t t h h i i ế ế t t k k ế ế w w e e b b . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 8 8 1 1 4 4 ) ) H H ã ã y y h h i i ể ể u u v v ề ề m m à à u u s s ắ ắ c c c c ủ ủ a a b b ạ ạ n n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 3 0 0 1 1 5 5 ) ) N N h h ữ ữ n n g g h h ư ư ớ ớ n n g g d d ẫ ẫ n n v v ề ề s s ử ử d d ụ ụ n n g g m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 3 2 2 1 1 6 6 ) ) N N h h ữ ữ n n g g h h ư ư ớ ớ n n g g d d ẫ ẫ n n v v ề ề s s ử ử d d ụ ụ n n g g m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 3 7 7 1 1 7 7 ) ) L L ý ý t t h h u u y y ế ế t t m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4 2 2 1 1 8 8 ) ) S S ử ử d d ụ ụ n n g g m m à à u u t t r r o o n n g g t t i i ế ế p p t t h h ị ị p p h h i i m m v v à à á á p p p p h h í í c c h h q q u u ả ả n n g g c c á á o o đ đ i i ệ ệ n n ả ả n n h h . . . . . . . . . . 4 4 4 4 1 1 9 9 ) ) 1 1 0 0 1 1 l l ý ý t t h h u u y y ế ế t t m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4 6 6 2 2 0 0 ) ) Ả Ả n n h h h h ư ư ở ở n n g g t t â â m m l l ý ý t t ừ ừ m m à à u u c c ủ ủ a a w w e e b b s s i i t t e e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4 8 8 2 2 1 1 ) ) N N h h ữ ữ n n g g t t h h ẻ ẻ t t h h a a m m k k h h ả ả o o n n h h a a n n h h đ đ ế ế n n t t â â m m l l ý ý m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 5 0 0 Lý thuyết màu sắc trong thiết kế wed 2 2 2 2 2 ) ) L L ý ý t t h h u u y y ế ế t t m m à à u u s s ắ ắ c c - - m m ộ ộ t t v v à à i i n n é é t t s s ơ ơ đ đ ẳ ẳ n n g g c c ơ ơ b b ả ả n n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 5 4 4 2 2 3 3 . . H H ợ ợ p p l l ý ý h h o o á á đ đ i i ề ề u u c c h h ỉ ỉ n n h h t t h h i i ế ế t t k k ế ế b b ằ ằ n n g g n n h h ữ ữ n n g g m m à à u u g g i i ớ ớ i i h h ạ ạ n n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 5 6 6 2 2 4 4 . . L L à à m m t t h h ế ế n n à à o o đ đ ể ể s s ử ử d d ụ ụ n n g g m m à à u u s s ắ ắ c c h h i i ệ ệ u u q q u u ả ả . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 5 9 9 2 2 5 5 . . M M à à u u s s ắ ắ c c t t ô ô n n v v i i n n h h n n h h ã ã n n h h i i ệ ệ u u c c ủ ủ a a b b ạ ạ n n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 6 0 0 2 2 6 6 . . N N g g h h ệ ệ t t h h u u ậ ậ t t v v ề ề s s ắ ắ c c đ đ ộ ộ v v à à m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 6 3 3 2 2 7 7 . . T T â â m m l l ý ý m m à à u u s s ắ ắ c c t t r r o o n n g g t t i i ế ế p p t t h h ị ị I I n n t t e e r r n n e e t t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 6 7 7 2 2 8 8 . . Ý Ý n n g g h h i i ã ã c c ủ ủ a a m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 6 9 9 2 2 9 9 . . H H i i ệ ệ u u q q u u ả ả c c ủ ủ a a m m à à u u s s ắ ắ c c t t r r o o n n g g t t h h i i ế ế t t k k ế ế w w e e b b . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7 1 1 3 3 0 0 . . D D ù ù n n g g m m à à u u t t r r o o n n g g t t h h i i ế ế t t k k ế ế w w e e b b s s i i t t e e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7 3 3 3 3 1 1 . . Ý Ý n n g g h h ĩ ĩ a a c c ủ ủ a a m m à à u u s s ắ ắ c c v v à à s s ự ự p p h h ố ố i i h h ợ ợ p p . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7 7 7 3 3 2 2 . . M M à à u u s s ắ ắ c c t t r r o o n n g g c c h h i i ế ế n n l l ư ư ợ ợ c c q q u u ả ả n n g g c c á á o o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7 8 8 3 3 3 3 . . C C ă ă n n bả bả n n v v ề cá ề cá c c h h p p h h ố ố i i mà mà u u t t r r o o n n g g t t h h i i ế ế t t k k ế ế . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 0 0 3 3 4 4 . . L L à à m m t t h h ế ế n n à à o o đ đ ể ể t t ạ ạ o o ấ ấ n n t t ư ư ợ ợ n n g g k k h h i i t t h h i i ế ế t t k k ế ế t t h h ư ư ơ ơ n n g g h h i i ệ ệ u u ? ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 3 3 3 3 5 5 . . T T h h i i ế ế t t k k ế ế b b a a o o b b ì ì . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 5 5 3 3 6 6 . . S S á á u u l l u u ậ ậ t t c c ơ ơ b b ả ả n n t t r r o o n n g g t t h h i i ế ế t t k k ế ế . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 8 8 3 3 7 7 . . V V a a i i t t r r ò ò c c ủ ủ a a đ đ ồ ồ h h o o ạ ạ v v à à m m à à u u s s ắ ắ c c t t r r o o n n g g t t h h i i ế ế t t k k ế ế q q u u ả ả n n g g c c á á o o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 9 0 0 3 3 8 8 . . C C h h ọ ọ n n m m à à u u p p h h ù ù h h ợ ợ p p . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 9 3 3 3 3 9 9 . . Q Q u u y y l l u u ậ ậ t t m m à à u u s s ắ ắ c c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 9 4 4 1) Hãy chọn những màu sắc đẹp cho website của mình ( Phần I) Khi thiết kế web, hầu hết mọi người thường quan tâm nhiều tới Thiết kế (đồ họa, logo) và nội dung web. Nhưng màu sắc cũng là một yếu tố không kém phần quan trọng trong khi thiết kế. Màu sắc rất quan trọng bởi chúng tác động tới cảm xúc và tâm trạng của khách truy cập cũng như sự phản ánh hình ảnh thương hiệu và tính đồng nhất của bạn. Khi thiết kế web, hầu hết mọi người thường quan tâm nhiều tới Thiết kế (đồ họa, logo) và nội dung web. Nhưng màu sắc cũng là một yếu tố không kém phần quan trọng trong khi thiết kế. Màu sắc rất quan trọng bởi chúng tác động tới cảm xúc và tâm trạng của khách truy cập cũng như sự phản ánh hình ảnh thương hiệu và tính đồng nhất của bạn. Màu sắc là sự tượng trưng. Người ta nói rằng màu xanh lá cây mang ý nghĩa về tính đố kỵ, ghen ghét, màu xanh dương thể hiện nỗi buồn và màu đỏ ám chỉ sự giận dữ. Lý thuyết màu sắc trong thiết kế wed 3 Màu sắc tác động tới tâm lý chúng ta. Chúng có thể kích thích sự ngon miệng hoặc ngăn cản nó, cũng như mang sự vui vẻ, thích thú, giận dữ hoặc buồn tẻ. Hãy xem những ý nghĩa về màu sắc dưới đây để tìm ra cách phối màu và cách sử dụng chúng. Gam màu nóng Màu đỏ- là một trong những màu thu hút sự chú ý và tác động mạnh nhất. Màu đỏ tượng trưng cho lửa và sức mạnh, tình yêu và sự đam mê; đã được chứng minh là nguyên nhân làm tăng huyết áp và đổ mồ hôi; thể hiện sinh lực, có khả năng thúc đẩy cá nhân hành động và cũng là biểu tượng của chiến tranh, bạo lực, máu và sự xâm lược. Song, màu hồng là phần nhẹ dịu hơn của màu đỏ lại là sự lãng mạn, êm đềm và dịu dàng. Màu cam – ấm áp và sôi nổi, màu cam gắn với mùa thu, những trái bí ngô và ngày lễ Halloween. Nó mang nhiều nét tiêu biểu của màu đỏ, nhưng kém phần nồng nhiệt hơn. Màu cam tượng trưng cho sức khỏe và kích thích sự ngon miệng. Giống như màu vỏ trái quýt, nó cũng là biểu tượng của sức khỏe. Màu vàng – hình tượng của ánh nắng và sự ấm áp. Nó mang ý nghĩa về niềm hi vọng, ánh sáng và sinh lực. Song, nó cũng là sự yếu đuối, bệnh tật hoặc nhút nhát. Gam màu lạnh Xanh lá cây – tượng trưng cho sức khỏe, sự phát triển (thực vật) và sự giàu có (tiền). Nó là biểu tượng của mùa xuân, sự tái sinh và khả năng sinh sản. Ngoài ra nó cũng mang ý nghĩa về tính đố kỵ và sự thiếu kinh nghiệm. Xanh dương – là một trong những màu êm dịu nhất và được gắn với trời và biển. Nó còn được xem như là một màu an toàn, biểu hiện về trí óc, sự bảo đảm và tín nhiệm. Song, nó cũng biểu hiện sự kém ngon miệng, suy sụp và nỗi buồn. Màu tía – là sự phối hợp giữa màu xanh dương và đỏ, nó là một trong những màu hấp dẫn nhất, tượng trưng cho tính sáng tạo, thần thánh và sự huyền bí. Màu tía đậm mang ý Lý thuyết màu sắc trong thiết kế wed 4 nghĩa về sự giàu có và giới hoàng tộc, nhưng màu tía đỏ thì lại là sự lãng mạn và luyến tiếc. Gam màu trung tính Màu đen – tượng trưng cho sức mạnh, sự thanh lịch và tinh tế, song nó cũng thể hiện chết chóc, thảm họa, nỗi buồn và sự giận dữ. Màu trắng – thể hiện sự sạch đẹp, tinh khiết và sự duy linh. Với văn hóa phương Tây nó là biểu tượng của sự sống và hôn nhân, song với nền văn hóa phương Đông thì lại mang ý nghĩa về sự tang tóc . Màu xám – là sự phối hợp của màu trắng và màu đen. Là một màu sắc trung tính có ý nghĩa về sự an toàn, tính chín chắn và tin cậy, song nó cũng là dấu hiệu của nỗi buồn và ảm đạm. Màu nâu – được phân loại là gam màu “đặc biệt”. Bởi đôi khi nó có thể được sử dụng như một màu trung tính song có khi lại được dùng như một gam màu nóng. Dù được dùng theo cách nào thì màu nâu vẫn tượng trưng cho sự tin cậy, ổn định, sức khỏe, quê hương và trái đất. 2) Lựa chọn màu như thế nào Là những nhà thiết kế, công việc của chúng tôi là làm cho mọi thứ trở nên đẹp hơn Là những nhà thiết kế, công việc của chúng tôi là làm cho mọi thứ trở nên đẹp hơn, dù sản phẩm là một logo hay bản thiết kế giới thiệu sản phẩm ngũ cốc bữa sáng, dù dự án lớn hay nhỏ thì lý do duy nhất khiến chúng tôi làm là mang lại thành công hay tiếng tăm Lý thuyết màu sắc trong thiết kế wed 5 cho các khách hàng của mình. Các công ty dùng ngân sách của họ để quảng cáo và xúc tiến bán hàng để hi vọng cuối năm mang lại được doanh thu như dự tính. Vì công việc của chúng tôi có quyết định một phần thành công của các công ty nên cần phải nghiên cứu kỹ về cách dùng màu và phối chúng sao cho phù hợp. Bài viết này tôi tập trung quan tâm tới các màu sắc. Bạn có thể đạt được nhiều lợi ích nếu bạn lựa chọn màu hợp lý, còn ngược lại thì bạn sẽ làm cho dự án thất bại. Hãy nhớ rằng màu sắc có một ảnh hưởng rất lớn trong cuộc sống của chúng ta. Bởi chúng có thể làm thay đổi tâm trạng của con người, thu hút ngay được sự chú ý dù chỉ thoáng qua, tuy nhiên màu sắc cũng có thể ngăn cản việc mua hàng nếu truyền tải thông điệp không phù hợp. Dù bạn có thể tự biết điều này, nhưng chỉ tóm tắt và làm mới những ký ức của bạn, tôi muốn bạn tham khảo bài báo “Ý nghĩa các màu sắc ” của tác giả Ian Roberts. Tuy là một bản tóm tắt nhưng nó rất có ý nghĩa trong việc giải thích về những cảm xúc và ý nghĩa của màu sắc. Bài báo cho biết rõ hơn về những công ty và các sản phẩm nào nên sử dụng những màu sắc riêng và tại sao những màu này đã được lựa chọn độc đáo. Nếu bạn không có thời gian để đọc nó, tôi sẽ gợi ý ngắn gọn: Những màu sáng kích thích thị giác trong khi những màu tối thì mang nét huyền ảo và trầm tĩnh. Dù điều đó phức tạp hơn nhưng vì mục đích của chúng ta, tôi nghĩ đây là sự khởi đầu tốt đẹp. Trước khi triển khai mỗi dự án, hãy hiểu rõ về công ty bạn đang làm việc. Cần hiểu mục đích, định hướng và cơ sở khách hàng của họ. Hãy biết đến họ đang bán gì và ai mua hàng của họ. Hãy tìm hiểu sở thích của người lựa chọn màu. Bởi vì dù chúng ta có thiết kế tốt và dùng màu đẹp thế nào thì quyết định cuối cùng luôn thuộc về khách hàng. Lúc này, bạn đã có được ý tưởng về thị hiếu màu sắc chung của khách hàng cũng là lúc bạn có một sự phối màu phù hợp với mục đích và công việc kinh doanh của họ. Có 4 cách phối màu rất hiệu quả sau đây. Lý thuyết màu sắc trong thiết kế wed 6 Cách phối màu đơn sắc đơn giản Bằng từ “mono” mang nghĩa đơn lẻ, từ này đề cập tới một màu đơn và những độ bão hòa của nó. Hãy ví dụ bằng màu vàng, màu trắng (có độ bão hòa 0%), vàng nhạt (độ bão hòa 10-30%),… là những màu được bao gồm. Các màu này đem lại một giao diện nhất quán, và mang lại ấn tượng đẹp nếu được sử dụng nhiều độ bão hòa khác nhau một cách khéo léo. Tương tự như cách phối màu đơn sắc, người ta không khuyến khích sử dụng một màu đơn trong quảng cáo. Rõ ràng là hiếm thấy có công ty nào chỉ sử dụng một màu, vậy nên bạn thường kết hợp cách phối màu này với màu đen đậm để giành được sự thu hút và có thể được sử dụng trên các logo, thư tin tức và tài liệu lưu của công ty. Màu tương đồng: Hãy quan sát bánh xe màu cùng 12 mảng màu như hình bên cạnh. Những màu tương Lý thuyết màu sắc trong thiết kế wed 7 đồng phần nào giống như ngôi nhà của bạn với nhà hàng xóm cùng nhà bên cạnh của họ. Tất cả các nhà này đều nằm trên cùng một mặt đường và thông thường bạn chỉ chung tường, điều này tạo nên ngôi nhà bạn có cùng điểm chung. Màu tương đồng liên quan đến màu sát cạnh nhau trên bánh xe màu và có cùng các sắc thái. Thông thường, chọn 3 mảng màu cạnh nhau trên bánh xe màu sẽ khiến mắt hài hòa, gây ấn tượng và hấp dẫn người xem. Hầu hết người ta sử dụng những màu này trên tập quảng cáo, tuy nhiên cũng có thể bổ sung thêm màu đen và một màu tương phản để có chút “ cách điệu”. Màu bổ sung: Một lần nữa, hãy tưởng tượng về màu tương đồng trên bánh xe màu. Những màu bổ sung là các màu đối ngược nhau. Nhờ sự hỗ trợ của bánh xe màu, bạn có thể nhanh chóng lựa được màu bổ sung và tương phản với màu gốc. Những màu như thế có thể sử dụng trong quảng cáo, vì chúng luôn phù hợp với banner, giới thiệu sản phẩm, biển quảng cáo, các mẩu quảng cáo hoặc cả những logo công ty. Vì kết quả của sự phối màu này là thu hút sự chú ý và góp phần tạo tương phản cũng như sự hài hòa trong các cách thiết kế phong phú, song bạn cũng có thể tự cho mình những cơ hội khám khác cho mình bằng cách bổ sung thêm hai màu đen và trắng để giành được sản phẩm phối màu thật hài hòa và thu hút. Đây chỉ là việc lựa chọn rất cơ bản về màu sắc với mục đích mang lại sự hài hòa cho bản Lý thuyết màu sắc trong thiết kế wed 8 thiết kế của bạn. Tuy nhiên điều này phụ thuộc rất nhiều vào những hạn chế của sự sao chép, vấn đề ngân sách và hao phí thời gian triển khai các dịch vụ của bạn. Song lại rất khuyến khích nắm giữ các khách hàng phù hợp với mọi quyết định mà bạn nắm chắc để hợp tác những ước muốn và tầm nhìn trong dự án của bạn cũng như vị thế chiến thắng của mình. 3 3 ) ) C C á á c c q q u u y y t t ắ ắ c c c c ơ ơ b b ả ả n n v v ề ề d d à à n n t t r r a a n n g g v v à à m m à à u u s s ắ ắ c c Để có khả năng nổi bật hơn so với phần còn lại, một trang cần phải vượt ra ngoài khuôn mẫu, phá bỏ các nguyên tắc cũng như ứng dụng một số thủ thuật mới khác với truyền thống. Tuy nhiên, bạn phải hiểu rõ căn bản và nền tảng của bất cứ nguyên tắc nào trước khi phá bỏ nó. Trước tiên chúng ta hãy cùng bàn về vấn đề dàn trang trên trang web. Quy tắc – Quá nhiều hộp khiến trang web của bạn mất thẩm mỹ Một nhà thiết kế đã nói rằng trình độ thiết kế thể hiện ngay từ việc sử dụng các đường kẻ và hộp trên trang web. Bạn sẽ quyết định sử dụng một hoặc hai hộp hay đặt đường kẻ vào giữa các cột khi quan sát trang web và nhận thấy cần phải có một số thứ mang tính sáng tạo cũng như hấp dẫn hơn so với những thứ tẻ nhạt vừa mới được thực hiện – đó chính là thời điểm để bạn thể hiện sự sáng tạo của mình. Tuy nhiên, hãy nhớ đừng quá lạm dụng trước khi sử dụng tất cả các hộp có trong phần mềm của bạn. Bởi bất cứ điều gì quá đều không tốt, cho dù chắc chắn rằng các đường kẻ và hộp là cách hay để nhấn mạnh vào thông tin quan trọng. Nhưng nếu bạn định dùng nó Lý thuyết màu sắc trong thiết kế wed 9 trong tất cả các trang web hoặc đặt gần như mọi thứ vào trong hộp thì trang web của bạn sẽ trở nên rối rắm. Quy tắc – Đừng chia trang web thành hai phần Chia trang web thành ba phần là cách tốt nhất để truyền tải được sự hứng thú và đổi mới trong tài liệu. Sau đó, hãy đặt những đối tượng quan trọng nhất như tiêu đề, hình ảnh và các yếu tố hiển thị ở đầu hoặc cuối từng phần trên trang web. Và giờ là màu sắc trên trang web. Quy tắc – Các màu sắc tương phản giúp đọc trang web dễ hơn Bất cứ nhà thiết kế nào cũng đều biết rằng sự tương phản hợp lý giữa chữ và nền sẽ giúp đọc chữ và tài liệu dễ hơn. Thông thường, chữ màu tối được viết trên nền sáng hoặc ngược lại. Mặc dù cách dùng chữ màu sáng trên nền tối là dễ đọc, nhưng nên hạn chế dùng kỹ thuật này. Bởi thực tế đã chứng minh rằng mắt sẽ bị mỏi hơn khi đọc lượng chữ lớn trên nền tối so với các cách tạo sự tương phản khác. Quy tắc – Sử dụng hạn chế màu sắc Để gây ấn tượng, các nhà thiết kế thường chọn dùng nhiều màu trên bản thiết kế của mình. Tuy nhiên, ấn tượng đó sẽ không còn nếu màu sắc xuất hiện mọi nơi trên trang web. Vì vậy, nguyên tắc ngón tay cái ở đây chính là hãy dùng màu cho các tựa đề và các từ ngữ quan trọng nhất trong tựa đề để tạo được ấn tượng tối đa. Quy tắc – Không dùng các màu bổ sung Các màu đối diện nhau trên bánh xe màu được gọi là các màu bổ sung. Ví dụ, màu xanh đối diện với da cam trên bánh xe màu. Do đó, khi đặt chúng cạnh nhau có thể gây nhức mắt người xem vì rất khó nhìn cả hai màu này cùng lúc. Ngoài ra, những màu bổ sung có Lý thuyết màu sắc trong thiết kế wed 10 thể trọi nhau khi đứng cùng nhau. Quy tắc – Không dùng màu che khuất hơn 40% chữ Bất kỳ màu nào tối hơn màu chữ 40% đều khiến khó đọc chữ hơn. Tuy nhiên, bạn cũng có thể thay đổi quy tắc này bằng cách tính được độ tối của màu sẽ dùng. Ví dụ, màu xanh lục có thể tối hơn nên không làm nổi bật được chữ bằng màu xanh dương. Vì vậy, muốn có kết quả tốt nhất, hãy xem cuốn Pantone dành cho những sắc thái màu khác nhau để thấy được mọi màu sắc đối với các màn hình khác nhau. Ngoài ra, cuốn Pantone cũng sẽ giúp bạn nhận biết màu nào là đọc được hay không đọc được với cả chữ xuôi lẫn chữ ngược trên màn hình. 4 4 ) ) M M à à u u s s ắ ắ c c c c ó ó ả ả n n h h h h ư ư ở ở n n g g t t ớ ớ i i k k h h á á c c h h t t r r u u y y c c ậ ậ p p k k h h ô ô n n g g ? ? Một nhân tố quan trọng trong phát triển web là sử dụng nhiều loại màu cho các đường siêu liên kết để giúp khách truy cập phân biệt giữa các trang đã được ghé thăm và những trang chưa được nhấp chuột. Ý nghĩa của màu sắc: Màu đỏ có ý nghĩa của sinh lực, đam mê, kích động, sức mạnh và cũng mang ý nghĩa về sự nguy hiểm, xâm lược. Màu xanh nhạt có ý nghĩa của hòa bình, kiên trì, lòng trung thành, sự tin cậy và cũng mang cả ý nghĩa về sự buồn chán và suy yếu. Màu vàng có ý nghĩa trí tuệ, lạc quan, hạnh phúc, rực rỡ và vui vẻ. Màu xanh lục có ý nghĩa về cuộc sống, thiên nhiên, sự yên tĩnh, sức khỏe, sự dồi dào, và trong tình huống nào đó cũng có ý nghĩa về sự suy sụp và chất độc. Màu cam có ý nghĩa thân thiện, ấm áp, gần gũi, sinh lực, sự khôi hài, và dũng khí. Màu tím có ý nghĩa của sự từng trải, tinh tế và ca tụng. [...]... đối với các website, những chất liệu in cần thể hiện sự êm dịu, kết cấu cũng như tính kỹ lưỡng trong việc sử dụng các màu nhạt Hãy làm cho các hình ảnh màu nâu trở nên sáng sủa hơn Lý thuyết màu sắc trong thiết kế wed 24 Đây là hình ảnh về một màu sắc đã được bão hòa Còn đây là hình ảnh của một màu sắc đã được làm nhạt bớt 12) 3 mẫu nghiên cứu về cách sử dụng màu sắc khi thiết lập bố cục Một trong những... của hoạ sĩ về màu và sự kết hợp màu sắc Bạn cũng phải hiểu những nguyên tắc trong 3 bộ phối màu chính từ bánh xe màu là sự phối màu tương đồng , bổ sung và đơn sắc Phối màu tương đồng - những màu liền kề nhau trên bánh xe màu Nếu bạn chọn bất kì phạm vi từ các màu giữa 2 điểm của hình tam giác trên bánh xe màu của chúng ta (ví dụ: từ màu vàng tới màu đỏ, màu cam tới màu tím, màu đỏ tới màu xanh, vv….),... mò, khôi hài, hân hoan, thích thú, thận trọng và niềm vui 11)101 Lý thuyết màu sắc Lý thuyết màu sắc trong thiết kế wed 22 Khi thiết kế web, có thể bạn không nghĩ nhiều về màu sắc Có thể bạn cho rằng “ chỉ cần đẹp” Nhưng khi nghĩ lại thì điều đó hoàn toàn là một tư duy thật khó hiểu hơn nhiều Tôi muốn nói rằng: Lý thuyết màu sắc là một trong những điều thật trừu tượng” và nó đúng như đã được biết tới... cuộc, chỉ trong một vùng trên một trang được thiết kế tốt không có nghĩa rằng nó hiệu quả trong những vùng khác Tuy nhiên, các nhà thiết kế của webiste này đã hiểu rõ được vai trò của màu sắc và họ có thể sử dụng nó trong việc trình bày trang một cách có hiệu quả 2 HP - (http://welcome.hp.com/country/us/en/prodserv/desktops.html) Lý thuyết màu sắc trong thiết kế wed 27 Một trang bên trong trên website... ta có thể cải tiến được bản thiết kế web của mình hơn nữa nhờ việc Lý thuyết màu sắc trong thiết kế wed 29 hiểu về những khái niệm cơ bản của tâm lý nhận thức xung quanh màu sắc và các màu mẫu ! Việc thiết kế một website không chỉ tập trung để tạo ra các trang trên một website thu hút và ấn tượng Kỹ năng và sự tinh xảo này cũng phải được sử dụng để đảm bảo sao cho một trang web được thân thiện với người... chúng ta có chuỗi màu xanh tương tự Lúc này những màu tương đồng có thể là bất cứ màu nào Nếu bạn sử dụng tông màu xám thì chúng sẽ bắt đầu từ màu đen tới màu trắng qua một chuỗi màu xám Về kỹ thuật, màu đen và màu trắng không phải là những màu thực nhưng bạn đã có được sự tưởng tượng đúng phải không? Lý thuyết màu sắc trong thiết kế wed 23 Vậy nên, lý do bạn quan tâm đến sự lựa chọn phối màu tương đồng... với việc thiết kế đồ họa cho website, tài liệu hướng dẫn hoặc sản phẩm Trước hết, hãy bắt đầu từ khái niệm cơ bản trên bánh xe màu Ở đó cho thấy các phần màu cơ bản với những sắc thái khác nhau Màu hài hòa chính là sự phối màu hợp lý Chúng sẽ là những màu nằm sát cạnh nhau trên bánh xe màu, ví dụ như màu xanh dương và xanh lục Những màu đó thường phù hợp với trang phục Màu bổ sung là những màu bổ sung... trọng của màu sắc đối với việc sắp xếp bố cục 3 LOWE'S - (http://www.lowes.com) Lý thuyết màu sắc trong thiết kế wed 28 Website của Lowe cũng không làm tốt khi kết hợp màu sắc Họ rải màu ở khắp mọi nơi trên trang chủ, cho nên không nổi bật đặc biệt Điều này có nghĩa là màu sắc có thể không được sử dụng như một công cụ tổ chức có hiệu quả Đó là hậu quả của việc sử dụng màu ngẫu nhiên Trang Web này sẽ... website có màu sắc nhã nhặn và giản dị .Trong khi đó, giới trẻ lại thú vị những màu sặc sỡ và rực rỡ hơn Bởi vậy, hãy tạo nên sự khác biệt giữa họ bằng việc sử dụng những màu sắc phù hợp với mỗi độ tuổi Lý thuyết màu sắc trong thiết kế wed 14 Màu sắc theo giới tính Sự thiên vị của con người cũng phụ thuộc vào giới tính Vậy nên, nam giới thường thích màu xanh dương, da cam hơn màu đỏ và vàng, trong khi... như nhìn thế giới này với chỉ toàn màu xanh Là một nhà thiết kế web, bạn phải hiểu rằng những điều kiện này là lý do tại sao sự nhận thức của bạn về thiết kế web lại có thể không giống với người khác Lý thuyết màu sắc trong thiết kế wed 30 Khía cạnh then chốt để những người có thị lực bị suy kém dành được khả năng truy cập là bản thiết kế của bạn có thể được xử lý bằng công nghệ hỗ trợ Bộ hỗ trợ đọc . mặc định. Màu sắc với khách truy cập web Lý thuyết màu sắc trong thiết kế wed 12 Theo các nhà nghiên cứu thì màu sắc có tác động nhiều tới tâm lý con người bạn định dùng nó Lý thuyết màu sắc trong thiết kế wed 9 trong tất cả các trang web hoặc đặt gần như mọi thứ vào trong hộp thì trang web của bạn sẽ trở