Làm thế nào để chọn màu sắc phù hợp với nhau?


9

Nhìn vào màu sắc trong logo này, rõ ràng là các màu khớp với nhau.

Làm thế nào để tôi tìm thấy một màu cam và tím phù hợp với cùng tông màu?

Tôi cho rằng màu trong 'R' là màu vàng?

nhập mô tả hình ảnh ở đây


Bài đăng trên blog này được viết bởi Người thiết kế giao diện người dùng tại DMC Inc cung cấp bản pdf có thể tải xuống với màu sắc và số mã của họ. Nó cũng cung cấp các đề xuất cho bảng màu dễ đọc. dmcinfo.com/latest-thinking/blog/id/8840/ từ
Jac B

Câu trả lời:


11

Chỉ cần sử dụng công cụ chọn màu trong một ứng dụng như Photoshop. Đặt hộp thoại để sử dụng tùy chọn H hoặc Hue và tìm màu bắt đầu. Sau đó, để có được màu có giá trị tương tự, di chuyển thanh trượt lên và xuống thanh màu. Điều này sẽ giữ độ bão hòa và độ sáng như nhau, và chỉ thay đổi giá trị Hue. Đừng di chuyển vòng tròn trong khung màu lớn.

nhập mô tả hình ảnh ở đây

Ngoài ra còn có những nơi khác để chơi với màu sắc như Color Lovers Hoặc Adobe's Kuler


15

Đừng nhầm lẫn "khớp" với "hài hòa". Có một sự khác biệt lớn.

Những màu này không khớp (chúng không giống nhau ). Họ làm hài hòa . Để hiểu được sự khác biệt và câu trả lời của tôi (mà tôi hứa tôi sẽ nhận được!), Chúng ta phải đi một chút đường vòng vào màu sắc là gì .

Một trong những điều đáng tiếc nhất khi mô tả màu sắc là các thuật ngữ chính với ý nghĩa kỹ thuật cũng được sử dụng rất lỏng lẻo, cả trong lời nói thông thường và trong thế giới thiết kế, vì vậy rất dễ bị nhầm lẫn. Nó đã làm tôi bối rối, ngày xưa, vì vậy đừng cảm thấy như bạn cô đơn.

Ở đây đi với một bản phác thảo, một giới thiệu rất ngắn gọn về màu sắc, chính tả tiếng Anh và tất cả:

Từ bây giờ tôi sẽ sử dụng màu từ với một ý nghĩa rất cụ thể: cảm giác kết hợp được tạo ra trên mắt bằng ánh sáng, được phản chiếu từ một sắc tố cụ thể hoặc trực tiếp từ một nguồn chiếu sáng, được cảm nhận bởi một người quan sát . Đó là một cách nói dài dòng "những gì bạn thấy mà bạn gọi là" một màu ". Đó là những gì chúng tôi muốn nói khi chúng tôi nói "màu đỏ anh đào" hoặc "màu xanh táo" hoặc nhà cung cấp sơn của bạn nói "đó là Booger Green, màu thời trang mới nhất từ ​​Ipsum Studios." Bạn nghĩ rằng chúng ta có thể dừng lại ở đó, nhưng đó không phải là toàn bộ câu chuyện. Như họ nói trên Facebook, "Thật phức tạp."

  • Hue là chất lượng mà theo đó chúng ta cảm nhận một cái gì đó là "đỏ" hoặc "sắp xếp màu vàng xanh" hoặc "chartreuse". Nói chung, từ "màu" thường được thay thế cho "màu sắc" và ngược lại, nhưng đối với một nhà thiết kế, màu sắc bao gồm màu sắc và hai phẩm chất khác: độ bão hòagiá trị .

  • Độ bão hòa đề cập đến mức độ "tinh khiết" hoặc "mãnh liệt" của màu sắc trong một màu nhất định, được tạo ra bằng sơn bằng cách thêm màu trắng, để tạo ra "sắc độ" hoặc màu đen, để tạo ra "sắc thái" hoặc "tông màu". Khi bạn giảm độ bão hòa của màu đỏ bằng cách thêm màu trắng, bạn sẽ có màu hồng. Thêm màu đen vào màu đỏ sẽ giúp bạn có màu đỏ tía.

  • Giá trị là độ sáng hoặc độ tối tương đối của màu sắc, không phụ thuộc vào màu sắc và được xem xét tách biệt với độ bão hòa. Một màu xanh nhạt hoặc một màu xanh đậm vẫn là màu xanh . Đối với hầu hết các mục đích trong công việc thiết kế, Độ sáng là từ đồng nghĩa với Giá trị.

Có nhiều cách khác để mô tả màu sắc về mặt kỹ thuật, nhưng cách tôi đưa cho bạn ở đây là cách bạn sẽ gặp phải thường xuyên nhất trong lĩnh vực thiết kế đồ họa và được tích hợp vào Photoshop, Illustrator và InDesign để dễ dàng nắm bắt -on kinh nghiệm với nó.

Hãy lấy một ví dụ cụ thể. Mở bộ chọn màu Photoshop và trong trường H (màu), nhập 56. Kéo vòng tròn màu nhỏ lên trên cùng bên phải của bảng điều khiển:

Màu vàng tinh khiết

Gọi đây là "Pure Yellow" hoặc "Buttercup" hoặc bất cứ thứ gì bạn thích. Đây là một màu vàng đã bão hòa hoàn toàn (nó không thể mạnh hơn nữa) và sáng như nó có thể đi. Lưu ý rằng các trường S (bão hòa) và B (độ sáng) đều nói "100%."

Nhấn OK, sau đó mở lại bộ chọn màu. Thay đổi trường S thành 50%. Các màu sắc không thay đổi, và nó vẫn còn sáng như nó có thể nhận được; chỉ có Saturation đã thay đổi. Buttercup của chúng tôi bây giờ là gì? - Một hoa anh thảo, có thể. Tạo S 100% một lần nữa và bây giờ nhập 50 vào trường B. Bây giờ chúng ta có một màu nâu. Chúng tôi có một màu khác nhau , nhưng màu sắc vẫn không thay đổi và cường độ hoặc độ bão hòa không thể tăng lên. Chơi xung quanh với điều này một chút. Làm quen với nó, bởi vì nó là cơ bản để hiểu sự hài hòa màu sắc.

Bạn đã hỏi về lý do tại sao những màu sắc này dường như đi cùng nhau, để hài hòa.

Sự hài hòa màu sắc là một chủ đề cho chính nó, một chủ đề mà bạn phải hiểu như một nhà thiết kế. (Nó có thể được gọi là tốt hơn màu sắc hài hòa, bởi vì nó thêm về màu sắc hơn về màu sắc.) Trong trường hợp này có hai cặp bổ sung màu sắc, cái gọi là vì chúng phù hợp lên trên các cạnh đối diện của bánh xe màu . Trường hợp cụ thể này được gọi là hòa âm tứ giác hoặc "vuông", bởi vì bốn màu sắc được chọn cách đều nhau trên bánh xe, tạo ra một "hòa âm kép".

Nếu bạn sử dụng công cụ kẻ mắt của Photoshop trên các màu này, bạn sẽ thấy rằng không ai trong số chúng được bão hòa hoàn toàn. Làm mất màu một màu có thể giúp các màu thường đụng độ (quá khó chịu để thoải mái) để cùng tồn tại hòa bình hơn. Trong trường hợp này, sử dụng màu sắc có độ bão hòa giá trị gần giống nhau cũng giúp chúng hài hòa. Nếu bạn làm bão hòa hình ảnh hoàn toàn - Ctl / Cmd-Shift-U, bạn sẽ thấy ý tôi là gì.

Phần kết:

Điều này đã hơi lâu, nhưng tôi sẽ không cảm thấy tôi đã cho bạn một câu trả lời mà không bao gồm tất cả các nền tảng cần thiết. Dù sao, tôi hy vọng bạn không quá buồn chán.

Tôi khuyên bạn nên đăng ký tạp chí " Trước và Sau " của John McWade , nhưng trong mọi trường hợp, ngay lập tức tải xuống PDF bánh xe màu của anh ấy để sử dụng trong công việc của bạn.

Khi bạn đã nắm bắt cơ bản về cách bánh xe màu hoạt động và ý thức về lý thuyết màu cơ bản, bạn sẽ thấy các tài nguyên như Kuler hữu ích hơn nhiều.


Câu trả lời tuyệt vời, Alan. Ngoài ra, bạn nên biết rằng Ipsum Studios đang phát hành sáu biến thể Booger thú vị mới cho năm 2012, bao gồm Crunchy Yellow, Nasal Dairy Spray và I Clearly Stuck On You (một loại men tuyệt đối mờ).
Lauren-Clear-Monica-Ipsum

1
Ồ Tôi khó có thể chờ đợi. Hãy yên lặng, trái tim đang đập của tôi! :-D
Alan Gilbertson
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.