Mẹo sử dụng màu sắc tốt


7

Đây không phải là một câu hỏi với một câu trả lời dứt khoát và nhiều hơn một yêu cầu cho một số lời khuyên. Tôi hy vọng rằng một số bạn có thể đã có vấn đề này cho mình và có thể cung cấp một số lời khuyên.

Tôi đã thiết kế cho bản thân mình và thỉnh thoảng tự do trong một số năm và tôi luôn hướng đến một cách tiếp cận đơn sắc / tắt tiếng, giữ màu cho thông tin, màu liên kết / cuộn qua, v.v.

Tôi đã bắt đầu làm việc như một nhà phát triển web / UI khoảng 6 tháng trước và hiện đang thiết kế một giao diện web mới. Bố cục bị đóng đinh - Tôi không có vấn đề gì với điều đó - nhưng tôi gặp một số rắc rối với màu sắc mà tôi phải sử dụng - 2 màu xanh lam.

Tôi cảm thấy những sắc thái này thực sự làm giảm giá trị toàn bộ trang web; thay thế màu này bằng màu kim loại hơn hoặc sắc thái tinh tế ngay lập tức thay đổi trang web tốt hơn.

Có một cái gì đó về màu xanh thực sự làm phiền tôi.

Vì vậy, tôi cho rằng điều tôi đang hỏi là: Làm thế nào tôi có thể thực hành sử dụng màu sắc mà tôi không bao giờ tự chọn? Có một số kỹ thuật tôi có thể sử dụng để làm cho nó ít hơn về màu sắc và nhiều hơn về cách sử dụng màu sắc?

Tôi xin lỗi nếu đây là một câu hỏi mơ hồ; Tôi thực sự lo ngại rằng việc tôi không thể sử dụng màu sắc đã được trao cho tôi sẽ gây ra vấn đề.


1
Tôi sẽ đề nghị bạn bắt đầu xem xét các tác phẩm của nhà thiết kế khác, tôi không nói rằng cái này tốt hơn cái kia, nhưng tôi đã nhận ra rằng ngay cả những màu sắc có vẻ ít hứa hẹn với bạn cũng có thể tạo ra hiệu ứng đẹp nếu được sử dụng theo một cách nhất định. Nó mang đến nguồn cảm hứng cho tôi và giúp tôi suy nghĩ ra ngoài vùng thoải mái của mình.
Samy S.Rathore

1
Bạn có được phép thêm các màu khác vào bảng màu hay bạn chỉ được phép làm việc với hai màu xanh đó?
Brendan

Câu trả lời:


19

Đừng tuyệt vọng: nhận thức về màu sắc bị ảnh hưởng rất nhiều bởi sự tương phản với màu sắc xung quanh và bởi tín hiệu bối cảnh, vì vậy, ngay cả khi bạn phải làm việc với màu sắc bạn ghét, luôn có những cách ảnh hưởng đến cách chúng được cảm nhận.

Đây là một vài điều bạn có khả năng có thể làm việc với:

Tương phản. Khi các sắc thái khác nhau va chạm, chúng được coi là khác nhau hơn. Ví dụ, đây là màu xanh dương mạnh mẽ so với màu xanh thậm chí còn mạnh hơn. Màu xanh yếu hơn bên dưới hoạt động giống như một tông màu tinh tế khi kết hợp với màu xanh mạnh hơn so với khi tự thể hiện hoặc chống lại màu xám, mặc dù về mặt khách quan, nó là màu xanh mạnh mẽ - trong khi cảm giác chung của thiết bị mạnh hơn.

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

Sinh lý học của điều này là khá thú vị. Có một lớp tế bào (tế bào nằm ngang) trong mắt, chỉ cần vượt qua các que và hình nón phát hiện ánh sáng của võng mạc, xử lý trước một chút giống như ống kính máy ảnh hiện đại: nếu các tế bào lân cận khác nhau trên ngưỡng, chúng sẽ tăng cường sự khác biệt. Nếu chúng khác nhau dưới ngưỡng, chúng làm giảm nó xuống. Nó làm cho các cạnh mạnh hơn và một tác dụng phụ là bạn có thể sử dụng nó để thay đổi cách cảm nhận màu sắc. Bạn có thể đã thấy ảo ảnh quang học làm nổi bật điều này, giống như thế này : "màu xám" ở hàng trên cùng thực sự giống hệt với hàng thấp hơn ở phía đối diện:

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

Một ví dụ 'thế giới thực' hơn :

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

Ngoài ra, hãy xem làm thế nào để chống lại tông màu vàng ở trên, màu xanh lam có vẻ như rực rỡ hơn và 'màu xanh' hơn. Màu vàng và màu xanh lam, và màu đỏ và màu xanh lá cây, được xác định trong não theo 'đối lập' với nhau: ba kênh, đen so với trắng, vàng so với xanh lam, đỏ so với xanh lục. Độ tương phản đặc biệt mạnh từ màu này sang màu đối diện. Ở các đốm màu xanh bên phải phía trên, màu xám trung tính hoàn toàn thông qua độ tương phản với màu xanh lam mang một đặc tính rất hơi vàng - nó không có màu vàng , nhưng độ tương phản đẩy nó một chút về phía đó. Đó là một liên lạc ấm áp và sống động hơn so với màu xám sẽ là của riêng mình.

Bối cảnh. Đây là một ảo ảnh quang học khác . Các hình vuông được đánh dấu '1' và '2' là các màu giống hệt nhau, nhưng được cảm nhận khác nhau bởi vì những gì được hiểu là bóng đang bị đối trọng. Bạn có lẽ sẽ không muốn sử dụng một ảnh hưởng như thế này, nhưng nó giới thiệu bao nhiêu sự thay đổi bối cảnh có thể tạo trong cách màu sắc được nhận thức.

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

Ngoài ra còn có khu vực cực kỳ chủ quan của nhân vật mà màu sắc được cho là có, được điều khiển bởi các tín hiệu văn hóa mà bạn có nhiều quyền kiểm soát. Điều đó rất chủ quan, (có một số tài nguyên trên một số mẫu đơn giản rất thô sơ nhưng trong khi thú vị thì chúng không hữu dụng trong thực tế), nhưng điểm mấu chốt là, bạn có thể thay đổi rất nhiều về màu sắc mà nhân vật cảm nhận được với bối cảnh bạn tạo ra xung quanh nó.

Đây là màu xanh lam giống hệt nhau một lần nữa và sử dụng các phong cách với các hiệp hội văn hóa (được kết hợp trong vài phút), chúng tôi sẽ đưa ra một khía cạnh khác nhau về tính cách của nó trong mỗi trường hợp:

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

Điểm mấu chốt là, với hầu hết mọi cách phối màu, có những điều bạn có thể làm để xoay nó. Không phải tất cả các cách, nhưng ít nhất một số cách. Cũng như các thủ thuật như trên, sử dụng các đường cong và hình dạng, các đường kẻ dày và mỏng, khoảng trắng và nếu có thể, hãy tương tác với một số sắc thái tinh tế của màu xám.

Ngoài ra, các nguyên tắc thiết kế thông thường vẫn được áp dụng. Thông thường, khi một thứ gì đó trông khủng khiếp vì màu sắc, thì chính màu sắc đó không gây ra thiệt hại ngay lập tức - ví dụ, thông qua sự buồn tẻ hoặc hống hách không tạo ra bất kỳ thứ bậc thị giác rõ ràng hoặc dễ chịu nào, và đó là sự thiếu phân cấp thị giác gây ra thiệt hại thực tế. Tìm một cách để buộc nó vào.

Ví dụ, một chút pha một chút màu xám 10% hoặc 20% vào một bảng màu khác, mang lại một chút tương phản và nhấn mạnh, có thể tạo ra sự khác biệt.


Đây là một bài viết tuyệt vời. Tôi thực sự cần phải làm việc về màu sắc; chắc chắn một chuỗi thiếu từ cung của tôi.
Alan Shortis

2

Tôi nghĩ rằng rất nhiều nhà thiết kế có vấn đề này. Chúng tôi thấy việc tìm kiếm cảm hứng và bảng màu là câu trả lời đúng. Ngoài ra, đôi khi khách hàng chọn màu sắc mà chúng tôi là nhà thiết kế biết không phải là lợi ích tốt nhất của thương hiệu hoặc thiết kế. Có những lúc chúng tôi phải đưa ra ý kiến ​​chuyên môn về vấn đề này. Hãy nhớ rằng bạn là người đang thiết kế vật liệu để bạn là chuyên gia! Kiểm tra bài đăng trên blog của chúng tôi để biết một số mẹo màu https://digitaldabble.wordpress.com/2015/04/11/colour-tips-for-designers/


Cảm ơn câu trả lời (rất muộn!) - liên kết đẹp, nhưng trong kịch bản này, màu sắc đã được đặt trong hướng dẫn thương hiệu và đã được thiết lập từ lâu. Không có phạm vi để thay đổi chúng.
Alan Shortis

Vui lòng bao gồm các nội dung có liên quan từ liên kết trong chính câu trả lời
Zach Saucier
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.