it-swarm-vi.tech

Thu hẹp khoảng cách giữa các bảng màu và CSS

Tôi quen thuộc với các trang web như kuler , tôi thành thạo HTML/CSS/JavaScript (với tư cách là một lập trình viên) và tôi biết loại nội dung nào tôi muốn trong trang web của mình. Tôi có thể tìm ra làm thế nào để bố trí nội dung của tôi tốt. Nhưng phần khó nhất đối với tôi là tìm ra màu sắc của mỗi thứ (ví dụ: liên kết, văn bản, nền, các yếu tố khác) nên là gì. Tôi rất tệ về màu sắc!

Ví dụ: khi bạn đặt kuler ở chế độ Triad và chọn một màu, nó sẽ hiển thị màu và hai cặp màu bổ sung, sao cho các màu đều đậm nhưng vẫn hoạt động cùng nhau. Nhưng tôi đi thử và đặt chúng vào một trang, một màu cho nền, một màu cho liên kết và một màu cho văn bản, nó hoàn toàn không hoạt động. Tôi rõ ràng đang làm sai tất cả!

Cách tốt nhất để tìm ra màu sắc để làm cho một trang web là gì? Tôi hoàn toàn khủng khiếp về màu sắc, và tôi nghĩ rằng kuler sẽ giúp nhưng điều đó không dễ! Vui lòng giúp tôi "thu hẹp khoảng cách" giữa kuler và CSS để tôi có thể nhanh chóng và dễ dàng chọn một bảng màu và áp dụng nó vào trang web của mình.

9
Ricket

Có vẻ như bạn đang cố gắng đặt màu lên màu (ví dụ: văn bản màu đỏ trên nền màu xanh lá cây). Điều này là rất khó khăn trên mắt!

Phấn đấu kết hợp màu sắc và màu xám (màu trắng và màu đen là 'màu xám' ở đây) - ví dụ: nếu bạn phải có văn bản màu, hãy đặt nó trên nền trắng hoặc đen. Nếu bạn muốn có một nền màu, làm cho nó chỉ có màu sáng và sau đó sử dụng văn bản màu trắng hoặc đen trên nó.

Với màu sắc, ít hơn là nhiều hơn. Nếu bạn sành điệu, bạn sẽ bị MySpace và làm tê liệt đầu. Sử dụng màu cho một dấu, không phải là nội dung. Bắt đầu với một thiết kế đen trắng và thử thêm một yếu tố màu. Xem nó trông như thế nào. Sau đó thêm một cái khác. Quá nhiều? Mang nó trở lại một lần nữa. Hãy thử một yếu tố khác.

Hãy xem cách các trang web bạn thích sử dụng màu. Ví dụ: trang này chủ yếu là màu đen và trắng, với một số màu xanh lam (liên kết, thẻ, thanh tiêu đề) và một số màu vàng (đối lập với màu xanh lam, được sử dụng rất ít như một màu nhấn). Đó là một cách tiếp cận phổ biến ngày nay.

5
Alex Feinman

Chỉ ra cảm xúc mà bạn muốn người dùng trải nghiệm. Làm một trang web cho một nơi phục vụ cà phê? Hãy thử thiết lập tâm trạng với màu sắc. Bạn cần biết về màu sắc nào khẳng định cảm xúc nào.

Vì vậy, cảm xúc nào bạn đang cố gắng để cung cấp cho khách truy cập?

4

Tôi đã tìm thấy trang web này là một giới thiệu rất hữu ích về lý thuyết màu sắc: TigerColor - Giới thiệu lý thuyết màu sắc

Hãy nhớ rằng có nhiều thứ để chọn màu hơn là chỉ màu sắc. Bạn cũng sẽ muốn xem xét tính đến độ nhẹ và độ bão hòa.

3
Daniel X Moore

Chúng ta hãy nói rằng các màu ba màu không chính xác được cho là "phối hợp tốt với nhau" - thường thì chúng là ba màu thu hút sự chú ý của người xem. Bảng màu dựa trên bộ ba hoạt động tốt nếu màu từ bảng màu chỉ là các đốm trên trường trung tính đơn giản hoặc nếu một màu chiếm ưu thế và hai màu khác được sử dụng làm điểm nhấn.

1
Mariusz Ciesla

Khi bạn học lập trình, bạn (có lẽ) đã không nhảy vào và viết một kiến ​​trúc ba tầng từ đầu như chương trình đầu tiên của bạn. Bạn có thể đã viết các chương trình nhỏ chỉ giúp dạy cho bạn về một khía cạnh nhỏ của lập trình.

Điều tương tự áp dụng với thiết kế. Để nhảy vào và tạo ra một thiết kế tuyệt đẹp và phức tạp ngay lập tức sẽ không hoạt động.

Là một người không thiết kế để bắt đầu, bạn cần giữ cho nó đơn giản nhất có thể. Cần có kỹ năng thực sự để thiết kế một trang web ưa nhìn mà không có nền trắng (hoặc hơi trắng). Có một nền trắng đơn giản với văn bản màu đen và sau đó sử dụng ba màu cho các chi tiết nhỏ - liên kết, tiêu đề và văn bản in đậm và có lẽ là tiêu đề.

Khi bạn có thiết kế đơn giản trông sắc nét, sau đó tập trung vào nội dung. Khi đó là tất cả tốt thì bạn sẽ có cơ sở tốt để thử nghiệm thiết kế. Sau đó mang đến sự tinh tế của nhà thiết kế, từ từ và từng chút một để bạn có thể tìm hiểu các hiệu ứng của những thay đổi tinh tế. Hãy nghĩ về nó như là giáo dục.

1
Mongus Pong

Lấy một số bút màu, bút chì màu, vv ... và thử nghiệm. Đi thẳng từ bộ ba trong Kuler (hoặc bất kỳ trình tạo màu phổ biến nào) sang CSS có thể bị nhấn/bỏ tùy thuộc vào màu sắc.

Dán với một vài, 2 - 3 màu lúc đầu. Lý thuyết màu sắc tương tự như kiểu chữ ở chỗ có rất nhiều tùy chọn có sẵn, nhưng các thiết kế tốt nhất thường sử dụng rất ít màu sắc được chọn tốt.

Ngoài ra, hãy xem xét các màu trung tính (hoặc tông màu trung tính) cho các bản mở rộng lớn, như nền và màu sắc nổi bật hơn cho những thứ như liên kết, logo, v.v.

Ngoài ra, hãy xem ColourLovers để biết một số ý tưởng tuyệt vời (hoặc, tốt hơn nữa, hãy tham gia cộng đồng!).

1
Christopher Scott

Tôi luôn làm việc bằng ví dụ. Bài đăng Hướng dẫn cho người mới bắt đầu sử dụng sức mạnh của màu sắc trong thiết kế web kết hợp Lý thuyết màu sắc mà @Daniel X Nói thêm về các trang web áp dụng lý thuyết màu sắc trong câu hỏi.

Sau đó, bạn có thể kết hợp một trong các trang web với nội dung bạn có và thiết kế đảo ngược sự hài hòa màu sắc từ đó làm điểm bắt đầu.

1
icc97