ColorSchemex - Trực tuyến trên đám mây

CHƯƠNG TRÌNH:

TÊN

Bảng màu - xác định các giá trị màu cho bộ tiêu chuẩn tên màu nội bộ, được sử dụng trong
các tệp cấu hình khác

CẤU HÌNH LỰA CHỌN

hoạt động

Màu sẽ được sử dụng cho nền của các độ cao có tiêu điểm khác nhau, chẳng hạn như
thanh tiêu đề của cửa sổ tập trung, mục menu đã chọn, v.v. Màu này phải là
tương phản với Base, Inactive1 và Inactive2 về màu sắc, nhưng tương tự về độ bão hòa.

Đang hoạt độngTối

Màu này nên có giá trị nhỏ hơn một chút sau đó là Hoạt động (tối hơn 5-10%). Đây là
hữu ích khi nền của thanh tiêu đề tập trung là một gradient.

Hoạt ĐộngÁnh Sáng

Màu này phải có giá trị cao hơn một chút sau đó là Hoạt động (nhẹ hơn 5-10%). Cái này
hữu ích khi nền của thanh tiêu đề tập trung là một gradient.

Văn bản hoạt động

Màu của văn bản trên các thanh tiêu đề tập trung. Nó phải có giá trị cao tương phản với
Màu sắc hoạt động.

góc

Xác định góc trên vòng tròn màu sắc giữa các màu Không hoạt động1, Màu cơ bản và Không hoạt động2 trong
lược đồ màu được AfterStep tính toán tự động. Góc mặc định là 30
độ. Sử dụng góc nhỏ hơn để làm cho màu Không hoạt động và màu Cơ bản giống nhau hơn.

Căn cứ

Màu này là màu xác định của bảng màu. Nó sẽ được sử dụng cho máy tính để bàn
lai lịch. Khi AfterStep được phép tính toán bảng màu một cách tự động - nó
sẽ sử dụng màu này kết hợp với giá trị Angle làm cơ sở tính toán.

Cơ SởTối

Màu tối hơn khoảng 10% so với màu Cơ bản, nhưng có màu sắc tương tự và
độ bão hòa. Hữu ích để vẽ nền máy tính có độ dốc.

Ánh sáng cơ sở

Màu nên nhạt hơn khoảng 10% so với màu Cơ bản, nhưng có sắc độ tương tự
và độ bão hòa. Hữu ích để vẽ nền máy tính có độ dốc.

Cursor

Màu này sẽ được sử dụng cho con trỏ pmouse và nó phải có độ tương phản cao với
tất cả các màu khác.

văn bản bị vô hiệu hóa

Màu văn bản của các mục menu bị tắt. Nên rất giống với mục menu của
màu nền.

Hoạt động cao

Được sử dụng cho các menu tập trung. Nên giống với màu Active, nhưng có phần nhạt hơn.

CaoActiveBack

Được sử dụng cho nền của mục menu hiện tại. Nên tương tự, nhưng có phần sáng hơn
chúng Màu hoạt động.

CaoHoạt ĐộngTrở LạiTối

Nên tối hơn 10% sau đó là màu HighActiveBack. Hữu ích cho nền chuyển màu của
mục menu đã chọn.

CaoHoạt ĐộngTrở LạiÁnh Sáng

Nên sáng hơn 10% sau đó là màu HighActiveBack. Hữu ích cho nền gradient
của mục menu đã chọn.

CaoHoạt ĐộngTối

Nên tối hơn 10% sau đó là màu HighActive. Hữu ích cho nền chuyển màu của
thanh tiêu đề menu tập trung.

CaoHoạt ĐộngÁnh Sáng

Nên sáng hơn 10% sau đó là màu HighActive. Hữu ích cho nền chuyển màu của
thanh tiêu đề menu tập trung.

CaoActiveText

Màu được sử dụng để vẽ văn bản trên thanh tiêu đề của menu tập trung. Nên ở mức cao
tương phản với màu HighActive.

caoKhông hoạt động

Được sử dụng cho các menu không tập trung. Nên tương tự với màu Inactive1, nhưng có phần
nhẹ hơn.

CaoKhông hoạt độngTrở lại

Được sử dụng cho nền của mục menu không hoạt động. Nên tương tự, nhưng có phần sáng hơn
chúng màu HighInactive.

CaoKhông Hoạt ĐộngTrở LạiTối

Nên tối hơn 10% sau đó là màu HighInactiveBack. Hữu ích cho nền gradient
của mục menu không hoạt động.

CaoKhông Hoạt ĐộngTrở LạiÁnh Sáng

Nên sáng hơn 10% sau đó là màu HighInactiveBack. Hữu ích cho nền gradient
của mục menu không hoạt động.

CaoKhông hoạt độngTối

Nên tối hơn 10% sau đó là màu HighInactive. Hữu ích cho nền chuyển màu của
thanh tiêu đề menu không hoạt động.

CaoKhông hoạt độngÁnh sáng

Nên sáng hơn 10% sau đó là màu HighInactive. Hữu ích cho nền chuyển màu của
thanh tiêu đề menu không hoạt động.

Văn bản không hoạt động cao

Màu của văn bản trên thanh tiêu đề menu không tập trung. Nên có độ tương phản cao với
Màu sắc hoạt động cao.

Không hoạt động1

Màu chính được sử dụng cho nền của thanh tiêu đề cửa sổ không tập trung.

Không hoạt động1Dark

Nên tối hơn 10% sau đó Không hoạt động1. Hữu ích cho nền gradient không tập trung
cửa sổ.

Không hoạt động1Light

Nên nhẹ hơn 10% sau đó Không hoạt động1. Hữu ích cho nền gradient không tập trung
cửa sổ.

Không hoạt động2

Màu phụ được sử dụng cho nền của thanh tiêu đề cửa sổ không tập trung. Nên được sử dụng cho
cửa sổ dính không tập trung.

Không hoạt động2Dark

Nên tối hơn 10% sau đó là Không hoạt động2. Hữu ích cho nền chuyển màu của dính
cửa sổ.

Không hoạt động2Light

Nên nhẹ hơn 10% rồi không hoạt động2. Hữu ích cho nền chuyển màu của dính
cửa sổ.

Không hoạt động1

Màu của văn bản trên các thanh tiêu đề không tập trung. Nên có độ tương phản cao với
Không hoạt động1.

Không hoạt động2

Màu của văn bản trên thanh tiêu đề dính. Nên có độ tương phản cao với Inactive2.

MÔ TẢ

Phối màu AfterStep được cho là sẽ giảm bớt khó khăn khi lắp ráp các bộ màu phù hợp
tốt với nhau, đồng thời cung cấp thêm tính linh hoạt trong khi thiết kế
ngoại hình / chủ đề.

AfterStep Colorscheme là một tập hợp các tên màu tiêu chuẩn, có thể có màu khác nhau
các giá trị được chỉ định cho chúng. Tên màu này được sử dụng để xác định Giao diện và trong các hình ảnh XML. Qua
gán các giá trị màu khác nhau cho các tên màu giống nhau, có thể ngay lập tức
thay đổi màu sắc trong toàn bộ Giao diện mà không làm thay đổi bất kỳ hình ảnh hoặc tệp cấu hình nào.

Không phải tất cả các màu Colorscheme đều phải được xác định rõ ràng. Chỉ có màu Cơ bản là
quan trọng. AfterStep có khả năng tự động tạo ra các màu sắc đẹp mắt, từ đó
màu đơn. Định nghĩa màu rõ ràng trong tệp colorcheme sẽ ghi đè bất kỳ chế độ tự động nào
sự lựa chọn. Ví dụ về điều này là bộ màu NeXTish, nơi tất cả các màu
tùy chỉnh. Nếu màu xám được chọn cho Cơ sở - nó sẽ tạo ra thang độ xám
colorcheme, nơi các sắc độ xám khác nhau được sử dụng cho các màu khác nhau.

Tệp colorcheme đã chọn được tải bởi tất cả các mô-đun và bước sau phù hợp. Bất cứ khi nào mới
colorcheme được chọn - nó kích hoạt tải lại tệp Look và tất cả các tệp hình ảnh.

Tất cả các tệp Look được cung cấp đã được viết để tận dụng AfterStep
màu sắc.

Vui lòng đọc phần bên dưới để biết thêm chi tiết về cách tạo colorchemes và các
chủ đề liên quan đến màu sắc:

MÀU SẮC CÓ HẠI Nhiệm vụ chọn một tập hợp các màu phù hợp là một vấn đề nghiêm trọng, và nó
được nghiên cứu bởi các nghệ sĩ và nhà thiết kế trong nhiều thế kỷ. Vì kết quả là có một số quy tắc nhất định
được phát triển để đơn giản hóa nhiệm vụ này.

Thứ nhất, thay vì chọn các màu trong không gian màu Đỏ / Xanh lá cây / Xanh lam, các màu phù hợp nên
được chọn bằng cách sử dụng không gian màu Hue / Saturation / Value (HSV). Màu sắc là quan trọng nhất
đặc trưng của màu sắc, và được đo bằng độ từ 0 (màu đỏ) đến 60 (màu vàng)
đến 120 (màu xanh lục) đến 180 (màu lục lam) đến 240 (màu xanh lam) đến 300 (màu tím) và sau đó đến 360
có cùng màu với 0 - màu đỏ. Hues có thể được đặt trên một cái gọi là vòng tròn màu, làm cho
dễ dàng hơn để chọn màu sắc phù hợp.

Có hai cách tiếp cận chính để chọn cách phối màu - một màu hoặc một số màu.

Các màu đơn sắc khác nhau về độ bão hòa của nó và thường cho phép tạo ra sự nhẹ nhàng, đơn giản
chủ đề. Chủ đề như vậy có thể dễ chịu khi nhìn vào, nhưng nó thiếu sự thú vị và khiến nó
khó phân biệt giữa các phần tử khác nhau.

Sử dụng một số màu sắc làm cho chủ đề trở nên thú vị hơn một chút và thêm nhiều dấu hiệu trực quan hơn vào
màn hình, cung cấp cho hoạt động dễ dàng hơn và cho phép người dùng thư giãn cơ mắt, dẫn đến
trong công thái học tốt hơn. Theo đó, đây là cách tiếp cận nên được sử dụng cho người dùng
màu sắc giao diện. Bây giờ làm thế nào để chọn màu sắc tạo nên chủ đề hài hòa? Quy tắc của
ngón tay cái là các màu gần nhau trên vòng tròn màu sẽ hòa hợp với nhau,
trong khi những cái đó, nằm trên các mặt đối lập của vòng tròn, tạo ra hiệu ứng tương phản.

AfterStep giải quyết nhiệm vụ chọn màu sắc hài hòa, bằng cách tạo ra một tập hợp màu
từ một màu duy nhất bằng cách sử dụng các quy tắc của nhà thiết kế. HÌNH ẢNH HUES Giao diện màn hình (còn gọi là Chủ đề),
bao gồm nhiều hình ảnh, chẳng hạn như biểu tượng, hình nền, thanh, v.v. Mỗi hình ảnh như vậy có thể có
một hoặc một số màu thống trị, đưa chúng ta trở lại nhiệm vụ kết hợp các màu, trong
để đạt được cái nhìn hài hòa.

Quy tắc ngón tay cái cần tuân theo ở đây là, mỗi hình ảnh trên bất kỳ giao diện cụ thể nào
phần tử, chẳng hạn như thanh tiêu đề, phải có ít nhất một màu thống trị giống với
màu nền của phần tử này.

Có một số cách để đảm bảo rằng màu sắc của hình ảnh khớp với màu của nền:

pha màu
Nếu một hình ảnh có một màu thống trị duy nhất, nó có thể được chuyển đổi thành thang độ xám và sau đó
nhuốm màu của nền.

xoay màu
Nếu một hình ảnh có một số sắc độ hoặc một màu sắc và một số phần thang độ xám - thì màu sắc của nó có thể là
xoay, bằng cách chuyển đổi hình ảnh thành không gian màu HSV, thay đổi dải màu, sau đó
chuyển đổi hình ảnh trở lại không gian màu RGB.

chồng chất lên nhau
Ngoài ra, màu sắc của hình ảnh có thể được thay đổi bằng cách chồng nó lên hình nền bằng cách sử dụng
phương pháp tổng hợp allanon, trong đó mỗi pixel được thay thế bằng giá trị trung bình của
giá trị pixel của hình ảnh và giá trị pixel của nền.

AfterStep giải quyết nhiệm vụ thay đổi màu sắc của hình ảnh bằng cách sử dụng tập lệnh hình ảnh XML.
Xem asimagexml để biết thêm về điều đó. MÀU SẮC Tên màu Sau bước Colorscheme tên màu
có thể được tách thành một số loại:

Tiền cảnh và hậu cảnh
Màu nền trước được sử dụng để hiển thị văn bản, trong khi màu nền tạo nên
phông nền cho văn bản đó. Bây giờ có một số hạn chế về màu nền trước -
chúng phải tương phản với nền và tốt hơn hết là hạn chế
màu nền trước thành đen và trắng, vì văn bản màu có xu hướng "chảy máu"
nền, làm cho nó ít đủ điều kiện hơn. Một vấn đề khác với tiền cảnh có nhiều màu sắc
là nó làm tăng căng thẳng cho mắt của người dùng, buộc họ phải thích ứng với quá nhiều
màu sắc tương phản khác nhau.

Cơ sở, Hoạt động và Không hoạt động
Chủ đề màu chung của màn hình được xác định theo nền. Theo đó chúng tôi hạn
nó là màu Cơ bản và xác định phần còn lại của các màu có liên quan đến nó. Bây giờ ở bất kỳ
thời gian nhất định có thể có một yếu tố được tập trung và hoạt động, trong khi các yếu tố khác
ngoài tiêu điểm và nên cho rằng khả năng hiển thị thấp hơn. Chúng tôi xác định Màu hoạt động sẽ được sử dụng
với các mục tiêu điểm (phải tương phản với màu Cơ bản). Chúng tôi cũng xác định
Màu sắc không hoạt động được sử dụng với các mặt hàng không được chú trọng (bạn nên làm chúng
tương tự với màu Cơ bản). Bây giờ chúng ta có thể có 2 loại cửa sổ lệch tiêu điểm
(dính và không dính), chúng tôi thực sự xác định 2 màu Không hoạt động: Không hoạt động1 và
Không hoạt động2.

Màu gradient
Gradients tạo ra một cái nhìn rất hấp dẫn khi được sử dụng để tô màu cho các thanh tiêu đề và các
các yếu tố giao diện. Nói chung, bạn nên sử dụng các màu có cùng tông màu, nhưng
có cường độ khác nhau. Để biểu thị các màu được chỉ định cho các gradient, chúng tôi thêm
Postfix Dark / Light cho tên màu. GIÁ TRỊ MÀU SẮC AfterStep hỗ trợ cực kỳ nhiều
các cách linh hoạt và rộng rãi để xác định giá trị màu. Cách tiếp cận tiêu chuẩn là sử dụng
Ký hiệu #RGGBB. Ngoài ra, AfterStep hỗ trợ các ký hiệu sau:

#RGB Giống như #RRGGBB, chỉ sử dụng giá trị 4bit cho các thành phần. Ví dụ: # F84 là
giống như # F08040.

#ARGB Điều này giống như #RGB cộng với giá trị Alpha được thêm vào (Giá trị Alpha xác định độ mờ của
màu).

#AARRGGBB
Điều này giống như #RRGGBB cộng với giá trị Alpha 8 bit được thêm vào.

hsv (màu sắc, độ bão hòa, giá trị)
Xác định màu bằng cách sử dụng không gian màu HSV Màu sắc được đo từ 0 đến 360 độ,
độ bão hòa và giá trị được đo từ 0 đến 100.

rgb (đỏ, lục, lam)
Xác định màu trong không gian màu RGB. Tương tự với biểu mẫu #RRGGBB, nhưng các giá trị không ở trong
hex, nhưng ở dạng số thập phân (từ 0 đến 255). Nó cũng cho phép các biểu thức lồng nhau, chẳng hạn như
như: rgb (128,128, xanh lam (Cơ sở)).

ahsv (alpha, màu sắc, độ bão hòa, giá trị)
Tương tự như hsv (), nhưng cũng thêm kênh Alpha.

argb (alpha, đỏ, lục, lam)
Tương tự như argb (), nhưng cũng thêm kênh Alpha.

hue (sắc độ, màu sắc)
Làm thay đổi màu sắc của màu đã xác định trước, bảo toàn độ bão hòa và giá trị của nó.

bão hòa (độ bão hòa, màu sắc)
Làm thay đổi độ bão hòa của màu đã xác định trước.

val (giá trị, màu sắc)
Thay đổi giá trị của màu được xác định trước đã cho.

alpha (alpha, màu)
Làm thay đổi alpha của màu đã xác định trước. Điều này rất hữu ích để tạo màu từ
màu sắc bán trong suốt.

red (đỏ, màu)
Thay đổi giá trị kênh màu đỏ của màu được xác định trước đã cho.

xanh lá cây (xanh lá cây, màu sắc)
Thay đổi giá trị kênh màu xanh lục của màu xác định trước đã cho.

xanh lam (xanh lam, màu sắc)
Thay đổi giá trị kênh màu xanh lam của màu được xác định trước.

Ví dụ:
#This có thể được sử dụng trong định nghĩa màu sắc:

Không hoạt động1 # FF5C5B66 # hoặc ahsv (255,245,10,40) hoặc argb (255,92,91,102)

#This có thể được sử dụng trong định nghĩa MyStyle trong giao diện. # Điều đó làm cho cửa sổ dính
thanh tiêu đề nửa trong suốt:

BackMultiGradient 6 alpha (50, Inactive2Dark) 0.0 alpha (50, Inactive2Light) 1.0

Việc sử dụng màu sắc của Actuall được định nghĩa trong tệp nhìn AfterStep, trong định nghĩa MyStyle.
Ngoài ra, tất cả các màu ColorScheme có thể được sử dụng trong hình ảnh AfterStep XML, tương tự như
bí danh màu X tiêu chuẩn. Cũng có thể sử dụng các khía cạnh khác nhau của mỗi
màu - đỏ, xanh lá cây, xanh lam và alpha, sắc độ, độ bão hòa và giá trị cá nhân. Cho mỗi
màu sắc có 6 biến được xác định bằng cách sử dụng sytax sau:
$ ascs.colorname.component. Ví dụ: $ ascs.Active.hue đại diện cho màu của
Màu sắc hoạt động. Điều này rất hữu ích khi thực hiện các phép chuyển đổi (pha màu, hsv, v.v.) trong
Hình ảnh XML AfterStep.

Sử dụng ColorSchemex trực tuyến bằng các dịch vụ onworks.net