Hướng dẫn phối màu cho dân designer 25

Phần 1: Giới thiệu ý nghĩa màu sắc những văn hoá, cách sử dụng Phần 2: Những khái niệm màu sắc, tảng người thiết kế Phần 3: Những cách phối màu từ xưa đến đặc trưng chúng Khi dùng sách này, bạn nên cố gắng ghi nhớ thuật ngữ tiếng anh, không nên cố gắng hiểu nghĩa tiếng việt Việc cố gắng hiểu nghĩa tiếng việt khiến bạn khó học hỏi, kể sách lẫn tìm tịi mạng hay trang web nước Phần 4: Một số tips giúp bạn phối màu hiệu quả, nhanh chóng tạo phong cách màu sắc riêng Trang Phần màu sắc Ý nghĩa I Màu nóng (WARM COLORS) Màu sắc thiết kế đa dạng, thiên tưởng tượng Màu nóng bao gồm ĐỎ, CAM VÀNG, biến thể sáng tạo Nó ảnh hưởng đến người khía chúng Đây màu lửa, mùa thu, cạnh khác ảnh hưởng đến người đối diện hồng hơn, bình minh thơng thường, chúng màu khía cạnh hồn tồn ngược lại Đơi ảnh hưởng màu mạnh mẽ, mãnh liệt, đam mê tích cực sắc sở thích cá nhân văn hoá Lý thuyết màu sắc mơn khoa học trừu tượng Khi học màu sắc, ảnh hưởng ảnh hưởng nghiệp designer Một vài điều đơn giản thay đổi độ xác màu hay độ bão hoà màu hồn tồn gợi lên cảm xúc khác cho người nhìn ĐỎ, VÀNG màu nguyên thuỷ màu CAM Đây phần đầu màu pha trộn hai màu Tức tiên seri màu màu sắc Trong nóng tạo màu nóng, mà khơng phần này, chúng phải ta thảo luận kết hợp màu nóng màu lạnh Sử dụng màu nóng thiết kế giúp bạn thể đam mê, hạnh phúc, nhiệt tình tràn đầy lượng Màu đỏ (RED – PRIMARY COLOR): ý nghĩa ẩn sau chủng loại màu sắc khác đưa ví dụ cách màu sắc sử dụng thiết kế Trang Màu đỏ màu nóng Nó khiến ta liên tưởng đến máu, lửa, bạo lực hay chiến tranh khiến ta liên tưởng đến tình yêu với đam mê cháy bỏng Màu đỏ thực có tác động vật lý lên người, tăng áp lực máu tăng cường độ hô hấp Nó góp phần tăng trao đổi chất thể người Trang Màu đỏ cịn gắn liền với tức giận, làm ta nhớ đến tầm quan trọng (như thảm đỏ giải trao thưởng hay kiện đó) Màu đỏ thể nguy hiểm (đèn giao thông hay bảng cấm đỏ) Màu đỏ xẫm khiến phịng có tinh tế, chun nghiệp mạnh mẽ => Thích hợp dùng cho vợ chồng (sắp ly nên dùng phịng này) Ở tồn giới, màu đỏ có liên tưởng khác tuỳ vùng miền Ví dụ: Trung Quốc, Màu đỏ thể thịnh vượng, sung túc hạnh phúc, may mắn (điển hình phim Cao Lương Đỏ), Ở Việt Nam, Màu đỏ mang tượng trưng đám cưới, lễ vu quy, Tại Nam Phi, màu đỏ lại màu tang tóc, màu nỗi buồn, Ngồi ra, màu đỏ cịn biểu tượng cho chủ nghĩa cộng sản Trong thiết kế, màu đỏ sử dụng màu để nhấn mạnh mạnh mẽ đường nét Nó cịn hiệu ứng chống ngợp sử dụng nhiều thiết kế, đặc biệt thể nguyên thuỷ (Primary red) Nó màu tuyệt vời sử dụng để thể đam mê, sức mạnh thiết kế đồ họa Màu đỏ linh hoạt với tông màu đỏ sáng màu khiến cho người xem có cảm giác mãnh liệt, linh động với tông màu đỏ tối khiến bạn cảm thấy mạnh mẽ, hùng mạnh mà thể lịch vốn có Trang Màu đỏ xẫm kết hợp với màu trắng, nâu xám khiến website lịch chuyên nghiệp Trang Màu cam (ORANGE – SECONDARY COLOR): Màu cam màu lượng tính sơi nổi, Màu cam có động Ở hình thức trung lập, màu cam thể đất nhiều tác động mùa thu Và cịn khiến liên tưởng đến thay đổi chuyển động thị giác mùa, nên tổng quan thể chuyển động, mang đến ý kêu gọi hành động vận động Màu cam thể sức sống, sức khoẻ khiến người ta liên tưởng đến trái cam Trong thiết kế, màu cam dùng để gây ý, không màu đỏ, thân thiện, lơi cuốn, hấp dẫn không đường đột, cấp bách màu đỏ Màu cam sử dụng thể cảm giác thân thiện hấp dẫn Màu vàng (YELLOW – PRIMARY COLOR): Màu vàng thường xem màu sáng Trang kích thích thị giác màu nóng Nó thường liên tưởng đến hạnh phúc ánh nắng mặt trời, tươi sáng, vui tươi Màu vàng liên tưởng đến gian tà, lừa Màu vàng khiến ta nghĩ đến hi vọng, tức giận đảo, mưu gian tính nhút nhát, hèn hạ (nhưng khơng mạnh màu đỏ) Tại nhiều nước, màu vàng cịn có nhiều ý nghĩa khác Tại Ai Cập, màu vàng dành cho tang tóc, đau buồn Trang Tại Nhật Bản, màu vàng đại diện cho dũng cảm Tại Ấn Độ, màu kinh tế, buôn bán Màu vàng sáng Trong thiết kế, màu vàng sáng thường cho ta cảm hoa hướng dương nhắc giác nhở người xem, hạnh phúc vui vẻ, hoan hỉ Những màu vàng mềm tập trung thị giác họ vào Kết hợp với thường sử dụng màu trung tính cho trẻ cổ màu vàng, tạo sơ cảm giác thân thiện sinh, trẻ em thiếu niên nhà Màu vàng nhạt cho cảm giác bình yên hạnh phúc màu vàng sáng Còn màu vàng xẫm màu nhìn nhận cổ xưa, trường tồn, mang tính vĩnh cửu Màu vàng sáng đầu trang hình ảnh vàng sáng xuyên xuốt website cho tích cực, chắn tràn đầy lượng II Màu lạnh (COOL COLORS) Màu vàng hình Tran g tạo tươi mới, động Khi kết hợp với màu xanh lá, bố cục lại tạo nên yên tĩnh có phần tươi vui màu sắc đêm, nước, thiên nhiên thường có khuynh hướng trầm tĩnh, yên Màu lạnh bao gồm lặng, màu xanh toát lên vẻ kín đáo, dè dặt Khi ngắm màu lạnh, chúng (green), xanh ta dương (blue) có cảm giác thư giãn hơn, đem lại bình yên cho màu tím đậm (đỏ tâm tía - purple) thường hồn dịu so với màu nóng Chúng Trang Màu xanh dương (blue) màu nguyên thuỷ (primary lại có khuynh hướng thể giới thiên nhiên Cịn colmàu or) quang phổ màu lạnh Nghĩa là: xanh đậm lại thể vững vàng phong phú màu khác tạo màu xanh dương kết hợp với màu Màu xanh phòng ấm khác (xanh = xanh dương + vàng; tím = xanh mang lại cảm giác dương + thực tế tự đỏ) Sử dụng màu lạnh thiết kế bạn giúp tác phẩm có cảm giác n bình chun nghiệp nhiên Khi nhìn vào Màu xanh (GREEN – SECONDARY COLOR): phòng thể phần cá tính chủ nhà, người u thiên nhiên thích phóng thống, thích tự Xanh màu thực tế, có mặt khắp nơi thiên nhiên, sống xung quanh chúng Màu xanh sáng đem lại ta tươi mới, tràn đầy Nó thể cho bắt đầu phát triển lượng tích cực sống Xanh biểu thị hồi phục, tái sinh phong phú, dồi Trên thực tế, xanh thể thèm muốn, ghen tỵ, đố kỵ chút khơng chắn Trong thiết kế, xanh có tác dụng làm cân hồ hợp, góp phần ổn định Nó thích hợp cho thiết kế Màu xanh dương (BLUE – PRIMARY COLOR): liên quan đến sức khoẻ, bền vững, đổi mới, thiên Màu xanh dương thường liên tưởng buồn nhiên tiếng Anh Xanh dương sử dụng cách Màu xanh sáng khiến ta liên tưởng đến rung rộng rãi để thể n tĩnh, điềm tĩnh tính trách động, nhiệm sơi nổi, mạnh mẽ, đầy sinh lực Trong màu xanh Trang 11 olive Trang 10 Xanh dương nhạt lại khiến ta liên tưởng đến thân thiện tươi mới, khoan khoái Màu xanh dương đậm màu thể Màu xanh đậm cho ta mạnh mẽ đáng tin cậy Xanh dương màu cảm giác chuyên nghiệp, tượng trưng hồ bình, có ý nghĩa tơn giáo tinh thần với nhiều đặc biệt kết hợp với văn hoá trắng màu xanh nhấn mạnh để làm tăng thêm quan tâm, ý Ý nghĩa màu xanh dương bị ảnh hưởng xác tơng màu sắc thái Trong thiết kế, độ xác sắc thái mà bạn chọn có tác động lớn nhận thức Màu xanh nhạt thường thể cho thư giãn, êm dịu yên bình Màu xanh sáng tràn đầy lượng tươi Màu xanh đậm thể sức mạnh hay đáng tin cậy Màu xanh sáng, xanh da trời cho cảm giác trẻ trung vui vẻ, kết hợp với màu đỏ để nhấn mạnh Màu xanh nhạt cho Màu tím (PURPLE – SECONDARY COLOR): ta cảm giác thư giãn, n bình Và bố cục Tra phịng cho ta ng khơng cảm giác tươi 12 mới, đầy lượng Xám nhiều thể tâm trạng thất vọng Màu xám nhạt dùng màu Trắng nhiều thiết kế Màu xám tối màu dùng màu Đen Xám thường bị coi màu tính dè dặt, bảo thủ, hình thức Nhưng ngày nay, Xám thể cho đại biết cách dùng màu sắc phối với no Màu màu thể quy cách, tính chất chuyên nghiệp Trong thiết kế, Trắng kết hợp với xám tạo cảm giác mềm mại, màu background xám chữ màu xám phổ biến thiết kế Trang 18 Cách bố trí phòng cộng thêm việc sử dụng màu xám bên cạnh màu tans (beige) đem lại nhàm chán, bảo thủ Sự nhàm chán, bảo thủ giảm bớt không gian rộng lớn Trang 19 Trong thiết kế, Nâu thường dùng màu background Nó thường thấy chất liệu gỗ thỉnh Màu background thoảng chất liệu đá Nó giúp tạo cảm giác ấm xám đậm màu áp chữ xám nhạt tạo khoẻ mạnh, tính chất lành, hiền hậu thiết kế chuyên nghiệp, Nâu tối màu thường dùng màu thay màu Đen chữ viết (Typography) background đại rõ rệt thiết kế Màu nâu không gian mang đến cho ta cảm giác đáng Nâu (BROWN): tin cậy gần gũi, ấm Màu nâu thường liên tưởng đến đất, gỗ đá Nó cúng hồn tồn màu tự nhiên có khuynh hướng màu ấm màu trung tính Khi dùng màu nâu, người ta liên tưởng đến chắn, tin cậy có cảm giác thân thiện có cảm giác Màu nâu đậm màu dùng làm background cảm giác đất tạo nên vững chắc, đất mẹ Bên cạnh đó, màu nâu thái cực khác, chậm hiểu, đần độn Trang 20 ổn định cho tổng thể website khiến cho màu sáng thiết kế bật Trang 21 Màu BEIGE (TAN - màu da): CREAM IVORY (màu sữa màu ngà voi): Màu BEIGE (TAN) là: màu đặc biệt dải quang Là hai màu tinh tế, với kết hợp ấm áp màu phổ màu, tơng lạnh tơng nóng phụ thuộc Nâu vào nhiều sắc thái trắng, lạnh màu Trắng màu sắc bao quanh Chúng nhẹ nhàng, im ắng thường gợi cảm giác lịch sử Màu ngà voi màu trầm tĩnh, yên bình, với tinh khiết màu Trắng chút ấm nóng Màu BEIGE thiết kế thường dùng backgrounds thường thấy backgrounds với chất liệu giấy Beige lấy chút đặc tính Trong thiết kế, màu ngà voi tạo cảm giác màu bên cạnh để trung hoà ấn tượng cuối nhã, tinh tế yên bình cho thiết kế Khi kết hợp với người màu hệ đất Nâu, có tính chất xem thiết kế đất Nó dùng để làm nhẹ bớt màu đậm mà khơng có nhiều tương phản sử dụng Trắng Màu background TAN vàng tạo cảm ấm áp màu cam nâu nhấn mạnh xuyên xuốt website Trang 22 IV Tóm tắt: Đỏ: Đam mê, tình yêu, tức giận… Cam: Năng lượng, hạnh phúc, tươi mới… Vàng: Hạnh phúc, hi vọng, mánh khoé, lừa đảo, đế vương… Xánh lá: Khởi đầu mới, tự nhiên, thiên nhiên, phong phú, dạt dào… Xanh dương: n tĩnh, n bình, trách nhiệm, uy tín, buồn… Tím: Sáng tạo, trung thành, giàu có, thịnh vượng, hồng tộc… Đen: Huyền bí, tinh tế, lịch, ác quỷ… Màu ngà voi kết hợp với màu nhạt tông màu linh động khác làm thiết kế tao nhã tổng thể tạo chất thiết kế bán đồ ăn Trang 23 Phần Hiểu khái niệm thuật ngữ màu sắc Nếu bạn muốn sử dụng màu sắc cách hiệu bạn phải biết khái niệm ý nghĩa chúng Những khái niệm như: Chroma, Value hay Saturation chìa khố để tạo bảng màu riêng bạn I Hue (Tông màu): Xám: Tâm trạng, bảo thủ, dè dặt, khuôn mẫu, hình thức, đại… Trắng: Trong sáng, tinh khiết, sẽ… Nâu: Tự nhiên, vững vàng, đáng tin cậy, lành tính… Hue khái niệm đơn giản màu sắc Khi ta nói màu Đỏ, hay Vàng, hay Đen… nói Hue Tan Beige: Bảo thủ, dè dặt, ngu ngốc, trung thành… II Saturation Màu sữa màu ngà voi: Yên tĩnh, lịch, tế nhị, sáng, tinh khiết… Saturation độ bão hoà màu Trang 24 III Value: Trang 25 Tones tạo cộng màu xám vào màu khác Thường có ý nghĩa làm giảm bớt độ sáng, lố với màu có độ sáng cao, giúp có nhìn dễ dàng Tones Value cịn gọi độ sáng, giá trị màu Nó ám đến Shades tạo thêm màu đen vào màu khác, làm cho màu tối Nhiều ta dùng shades cho Đen dùng màu trung lập thay sáng tối màu Màu sáng có Value cao Ví dụ: Màu cam có Value cao màu xanh nước biển Shades màu tím đậm Màu đen có Value thấp tất Tints tạo thêm màu trắng vào màu khác, màu, làm sáng làm nhạt màu trắng cao IV Shades, Tints Tones: Tints V Tóm tắt: Hue: Màu sắc, ví như: Đỏ, Cam, Vàng, Lục, Lam, Chàm, Tím Saturation: Độ bão hoà màu sắc, ám đến màu sắc mạnh hay yếu, dày hay thưa Value: Độ sáng tối màu Tones: Được tạo thêm sắc xám vào màu, làm bớt lố ngun Shades: Được tạo thêm sắc đen vào màu, làm tối màu nguyên Trang 26 Tints: Được tạo thêm sắc trắng vào màu, làm nhạt hơn, sáng nguyên Trang 27 ***Lưu Ý*** : Các khái niệm quan trọng, không II Analogous: Analogous cách trộn màu đơn giản thứ hai, sau Monohiểu nên xem lại, khơng nên đọc tiếp phần sau chromatic Analogous tạo ba màu liên tiếp vòng quay màu Các màu Analogous Phần Các cách dùng màu truyền thống Trong phần này, bàn phương pháp để tạo bảng màu, bạn có công cụ kỹ để bắt đầu tạo bảng màu bạn Và quan trọng, cách tốt để phát triển kỹ màu sắc bạn thực hành, bạn phải thực hành nhiều ngày, nhiều sau đọc xong ebook bạn trở thành chuyên gia màu sắc I Monochromatic: Monochromatic cách trộn màu Tones, Shades Tints màu (hue) cụ thể Nó cách trộn màu đơn giản thiết kế Trang 28 có cường độ màu chúng khác cách dùng Tints, Shades Tones Chúng tạo cách cộng thêm, giảm Tints, Shades Tones Trang 29 III Complementary: Complementary tạo kết hợp màu đối lập vòng xoay màu Ở dạng nhất, Complementary bao gồm hai màu, mở rộng lựa chọn màu cách dùng nhiều Tints, Shades Tones khác Vàng - Tím tXanh - Cam Trang 30 Beige - Xanh IV Split complementary: Split complementary dùng nhiều dùng dễ Complementary Cách sử dụng thay bạn chọn màu đối diện, bạn chọn hai màu kế bên Trang 31 V Triadic Triadic tạo màu phân bố đều, xung quanh vòng xoay màu Cụ thể vòng xoay màu phân ba góc cho màu VI Rectangle (Double-Complementary Tetradic): Rectangle có lẽ cách phối màu khó so với cách khác Dùng màu sáng với hai màu tĩnh lặng hơn, làm cho màu sáng bật Sự dụng màu nhạt đậm lên ba màu để trung hoà bảng màu kết hợp với hai màu khác có Tints/Shades/Tones khác Cách tốt để dùng cách phối dùng màu thuộc loại primary (Red, Yellow, Blue) làm màu chính, màu cịn lại làm để nhấn mạnh màu Trang 33 Trang 32 VII Square Được sử dụng giống Rectangle Phần Tạo bảng màu riêng bạn Để hiểu màu sắc nói lên điều gì, thực khơng phải điều dễ dàng Nhưng khơng q phức tạp nhiều người tưởng Chúng ta cần hiểu ý nghĩa màu sắc (Phần I) Để áp dụng màu sắc thiết kế hay thời trang, nội thất, hội hoạ… trước tiên, phải nắm vững khái niệm màu sắc (Phần II + Thuộc lịng vịng quay màu) Sau bạn hồn tồn áp dụng Trang 34 phương pháp truyền thống (Phần III) vào thiết kế “Tạo bảng màu riêng bạn” - nghe dễ, thực thời gian ngắn mà hình thành phong cách dùng màu người Công việc bạn phải thực hành thật nhiều, thực hành đâu, từ trang trí nhà cửa, phịng học, mẫu thiết kế mình, hay thời trang Thời gian để hình phong cách riêng phải ba tháng chí lâu Bởi phong cách dùng màu người phải dựa theo tính cách sở thích cá nhân người Khi bạn có phong cách riêng, lúc bạn không cần phải nhớ quy tắc hay khái niệm nữa, việc làm theo cảm hứng, cảm giác màu sắc mình, mà tạo sản phẩm tuyệt vời Sau vài tips cho bạn: Tips 1: Như bạn thấy, từ cách phối màu trên, việc sử dụng Tints, Tones Shades bảng màu Khi bạn trộn Tones, Shades Tints, bạn mở rộng quan trọng Một màu nguyên thể (pure hue) ln vịng values saturation Điều khiến bảng màu ln có hai xoay màu, khơng cịn 12 màu nữa, mà vô hạn màu mặt nó: lúc tạo ấn tượng, đơi lúc chúng ta thiết kế lại cảm thấy nhàm chán Trang 35 Một cách đơn giản để tạo bảng màu theo phong cách riêng bạn lấy vài Tints, Shades Tones màu định (tránh lấy màu nguyên thể - pure hue) thêm vào với màu nguyên thể khác (hoặc màu gần ngun thể) mà cách ba khung màu vịng xoay màu (có thể áp dụng tetradic, triatic splitcomplementary) màu nhấn mạnh Điều đem lại nhìn thú vị cho bảng màu bạn giữ đươc nguyên tắc Balance thiết kế Tips 2: Cộng thêm vài màu trung tính: Màu trung tính phần quan trọng việc tạo bảng màu Màu nâu, màu xám, màu đen, màu da, màu trắng Màu nâu, màu da người thường có khuynh hướng làm màu sắc cảm giác ấm (nó thực chất Tints, Shades, Tones màu cam màu vàng) Màu xám tạo cảm giác nóng hay lạnh cịn phụ thuôc màu sắc xung quanh Màu đen trắng giống màu xám, tạo cảm giác nóng hay lạnh thuộc vào màu đứng cạnh Màu đen màu trắng màu trung tính dễ sử dụng màu, chúng màu Nếu bạn không muốn dùng màu đen trắng, mà muốn gây ấn tượng với thiết kế sử dụng màu xám thật đậm để thay cho màu đen màu xám cực nhạt để thay cho trắng Sử dụng màu nâu màu da người phức tạp, Trang 36 với vài thực hành, bạn thấy việc kết hợp màu sắc lại với đơn giản nhiều Ví dụ: màu nâu xem màu tối đặt màu đen Còn màu nhạt đặt xám trắng Màu da người dùng thiết kế xám Tips 3: Bằng cách thêm màu sáng làm điểm nhấn vào nhóm màu trung tính cách dễ để tạo nhóm màu Cách làm cho thiết kế bạn bật thu hút ánh nhìn Nếu bạn khơng chắn kỹ việc tạo nhóm màu, thử dùng cách kết hợp Bạn thấy cách mà màu nâu thay màu xám làm cho toàn thiết kế trở nên ấm hơn, chí với điểm nhấn màu xanh dương màu xám nâu nhóm này, nên nhớ nên giữ màu gần nằm tone xám Thông thường, màu xám lạnh màu xám trung tính (chỉ có thành phần màu đen) giải pháp tối ưu cho thiết kế đại Đối với kiểu thiết kế truyền thống, màu xám ấm màu nâu thường sử dụng hiệu Tips 4: Hãy sử dụng Adobe Kuler Kết luận: Cách tốt để có nhóm màu đẹp thực tập, tạo nhóm màu mà bạn thấy ngày Bạn dùng cơng cụ có sẵn trước, mở Photoshop bắt đầu thực tập Nếu bạn tìm thấy thứ đẹp bật đời sống ngày, dùng chúng vào thiết kế bạn Điều làm cho nhóm màu thực tế Bạn sử dụng màu sắc thay dùng Trang 37 dễ dàng tương lai Phần kế: Bố cục thiết kế - Mục lục Dự kiến 06/2016 Giới thiệu Phần 1: Ý nghĩa màu sắc Màu nóng Màu lạnh Màu trung tính Trang 38 Tóm tắt Phần 2: Hue Saturation Value Tones, Tints, Shades Phần 3: Các cách phối màu truyền thống Monochrom atic Analogous Complemen tary Split complementary Triadic Rectangle Square Phần 4: Tạo bảng màu riêng bạn Trang 15 24 25 25 26 27 28 29 30 31 32 33 34 35 ... thêm màu đen vào màu khác, làm cho màu tối Nhiều ta dùng shades cho Đen dùng màu trung lập thay sáng tối màu Màu sáng có Value cao Ví dụ: Màu cam có Value cao màu xanh nước biển Shades màu tím... 20 ổn định cho tổng thể website khiến cho màu sáng thiết kế bật Trang 21 Màu BEIGE (TAN - màu da): CREAM IVORY (màu sữa màu ngà voi): Màu BEIGE (TAN) là: màu đặc biệt dải quang Là hai màu tinh... Rectangle có lẽ cách phối màu khó so với cách khác Dùng màu sáng với hai màu tĩnh lặng hơn, làm cho màu sáng bật Sự dụng màu nhạt đậm lên ba màu để trung hoà bảng màu kết hợp với hai màu khác có Tints/Shades/Tones