ColorSchemex - آنلاین در ابر

برنامه:

نام

طرح رنگی - مقادیر رنگ را برای مجموعه استاندارد نام رنگ های داخلی تعریف می کند تا در آنها استفاده شود
سایر فایل های پیکربندی

پیکربندی OPTIONS

فعال

رنگی که برای پس‌زمینه عناصر متمرکز مختلف مانند
نوار عنوان پنجره متمرکز، آیتم انتخاب شده منو، و غیره. این رنگ باید باشد
از نظر رنگ با Base، Inactive1 و Inactive2 متضاد است، اما از نظر اشباع مشابه است.

ActiveDark

این رنگ باید مقدار کمی کمتر از Active داشته باشد (5-10٪ تیره تر). این هست
زمانی مفید است که پس‌زمینه نوار عنوان متمرکز یک گرادیان باشد.

ActiveLight

این رنگ باید مقدار کمی بالاتر از Active داشته باشد (5-10٪ روشن تر). این
زمانی مفید است که پس‌زمینه نوار عنوان متمرکز یک گرادیان باشد.

ActiveText

رنگ متن در نوار عنوان متمرکز. باید در تضاد با ارزش بالایی باشد
رنگ فعال

زاویه

زاویه را روی دایره رنگی بین رنگ های Inactive1، Base و Inactive2 در تعریف می کند
طرح های رنگی که به صورت خودکار توسط AfterStep محاسبه می شوند. زاویه پیش فرض 30 است
درجه. برای شبیه‌تر کردن رنگ‌های غیرفعال و پایه از زاویه کوچک‌تر استفاده کنید.

پایه

این رنگ رنگ مشخص کننده طرح رنگ است. برای دسکتاپ استفاده خواهد شد
زمینه. هنگامی که AfterStep مجاز به محاسبه طرح رنگ به صورت خودکار - آن است
از این رنگ در ارتباط با مقدار Angle به عنوان پایه محاسبات استفاده می کند.

BaseDark

رنگی که باید حدود 10 درصد تیره تر از رنگ پایه باشد، اما رنگ و رنگ مشابهی داشته باشد
اشباع مفید برای ترسیم پس زمینه دسکتاپ شیب دار.

BaseLight

رنگی که باید حدود 10 درصد روشن تر از رنگ پایه باشد، اما رنگ مشابهی داشته باشد
و اشباع. مفید برای ترسیم پس زمینه دسکتاپ شیب دار.

مکان نما

این رنگ برای نشانگر موس استفاده می شود و باید با آن کنتراست بالایی داشته باشد
همه رنگ های دیگر

DisabledText

رنگ متن آیتم های منو غیرفعال شده. باید بسیار شبیه به آیتم های منو باشد
رنگ پس زمینه.

HighActive

برای منوهای متمرکز استفاده می شود. باید شبیه به رنگ Active، اما تا حدودی روشن تر باشد.

HighActiveBack

برای پس‌زمینه آیتم‌های منو فعلی استفاده می‌شود. باید مشابه باشد، اما تا حدودی روشن تر
آنها رنگ فعال.

HighActiveBackDark

باید 10٪ تیره تر از رنگ HighActiveBack باشد. مفید برای پس زمینه گرادیان
آیتم منو انتخاب شده

HighActiveBackLight

باید 10٪ روشن تر از رنگ HighActiveBack باشد. مفید برای پس زمینه گرادیان
آیتم منو انتخاب شده

HighActiveDark

باید 10٪ تیره تر از رنگ HighActive باشد. مفید برای پس زمینه گرادیان
نوار عنوان منوی متمرکز

HighActiveLight

باید 10٪ روشن تر از رنگ HighActive باشد. مفید برای پس زمینه گرادیان
نوار عنوان منوی متمرکز

HighActiveText

رنگی که برای ترسیم متن در نوار عنوان منوی متمرکز استفاده می شود. باید در اوج باشد
کنتراست با رنگ HighActive

HighInactive

برای منوهای بدون تمرکز استفاده می شود. باید مشابه رنگ Inactive1 باشد، اما تا حدودی
فندک.

HighInactiveBack

برای پس‌زمینه آیتم‌های منو غیرفعال استفاده می‌شود. باید مشابه باشد، اما تا حدودی روشن تر
رنگ آنها HighInactive.

HighInactiveBackDark

باید 10٪ تیره تر از رنگ HighInactiveBack باشد. مفید برای پس زمینه گرادیان
مورد غیر فعال منو

HighInactiveBackLight

باید 10٪ روشن تر از رنگ HighInactiveBack باشد. مفید برای پس زمینه گرادیان
مورد غیر فعال منو

HighInactiveDark

باید 10٪ تیره تر از رنگ HighInactive باشد. مفید برای پس زمینه گرادیان
نوار عنوان منو غیر فعال

HighInactiveLight

باید 10٪ روشن تر از رنگ HighInactive باشد. مفید برای پس زمینه گرادیان
نوار عنوان منو غیر فعال

HighInactiveText

رنگ متن در نوار عنوان منو بدون تمرکز. باید بسیار متضاد باشد
رنگ غیر فعال

غیر فعال 1

رنگ اصلی برای پس‌زمینه نوار عنوان پنجره بدون تمرکز استفاده می‌شود.

غیر فعال 1 تاریک

باید 10 درصد تیره تر از غیرفعال 1 باشد. مفید برای پس زمینه گرادیان بدون تمرکز
پنجره ها.

Inactive1Light

باید 10٪ سبکتر از غیرفعال 1 باشد. مفید برای پس زمینه گرادیان بدون تمرکز
پنجره ها.

غیر فعال 2

رنگ ثانویه برای پس‌زمینه نوار عنوان پنجره بدون تمرکز استفاده می‌شود. باید برای استفاده شود
پنجره های چسبناک بدون تمرکز

غیر فعال 2 تاریک

باید 10٪ تیره تر از غیرفعال 2 باشد. مفید برای پس زمینه گرادیان چسبنده
پنجره ها.

Inactive2Light

باید 10 درصد سبک تر از غیرفعال 2 باشد. مفید برای پس زمینه گرادیان چسبنده
پنجره ها.

متن غیر فعال 1

رنگ متن در نوار عنوان بدون تمرکز. باید بسیار متضاد باشد
غیر فعال 1.

متن غیر فعال 2

رنگ متن روی نوار عنوان چسبنده. باید بسیار متضاد با Inactive2 باشد.

شرح

طرح‌های رنگی AfterStep قرار است درد سرهم‌بندی مجموعه‌ای از رنگ‌ها را کاهش دهند
به خوبی با یکدیگر، در حالی که انعطاف پذیری بیشتری را در هنگام طراحی سفارشی فراهم می کنند
به نظر می رسد / تم

AfterStep Colorscheme مجموعه ای استاندارد از نام رنگ ها است که ممکن است رنگ های متفاوتی داشته باشند
ارزش های اختصاص داده شده به آنها این نام رنگ در تعریف Look و در تصاویر XML استفاده می شود. توسط
تخصیص مقادیر رنگ های مختلف به نام رنگ های یکسان می تواند فوراً انجام شود
بدون تغییر هیچ تصویر یا فایل پیکربندی، رنگ ها را در کل Look تغییر دهید.

همه رنگ های Colorscheme نباید به صراحت تعریف شوند. فقط رنگ پایه است
مهم. AfterStep قادر به تولید خودکار طرح‌های رنگی زیبا، از این طریق است
تک رنگ تعریف صریح رنگ در فایل colorscheme هر خودکار را لغو می کند
انتخاب نمونه ای از این طرح رنگی NeXTish است که همه رنگ ها در آن قرار دارند
سفارشی شده اگر رنگ خاکستری برای Base انتخاب شود - باعث ایجاد مقیاس خاکستری می شود
colorscheme، که در آن سایه های مختلف خاکستری برای رنگ های مختلف استفاده می شود.

فایل colorscheme انتخاب شده توسط همه ماژول ها و مراحل بعدی بارگذاری می شود. هر زمان که جدید باشد
colorscheme انتخاب شده است - باعث بارگیری مجدد فایل Look و همه فایل های تصویری می شود.

همه فایل های Look ارائه شده برای استفاده از AfterStep نوشته شده بودند
طرح های رنگی

لطفاً برای جزئیات بیشتر در مورد نحوه تولید طرح‌های رنگی و موارد دیگر، زیر را بخوانید
موضوعات مرتبط با رنگ:

رنگ‌های هماهنگ انتخاب مجموعه‌ای از رنگ‌های منطبق امری جدی است، و این مسئله است
قرن ها توسط هنرمندان و طراحان مورد مطالعه قرار گرفت. در نتیجه قوانین خاصی وجود دارد
برای ساده کردن این کار توسعه یافته است.

اولاً، به جای انتخاب رنگ‌ها در فضای رنگ قرمز/سبز/آبی، باید رنگ‌ها مطابقت داشته باشند
با استفاده از فضای رنگی Hue/Saturation/Value (HSV) انتخاب شود. رنگ های رنگی مهم ترین هستند
مشخصه رنگ است و در درجه از 0 (رنگ قرمز) تا 60 (رنگ زرد) اندازه گیری می شود.
به 120 (رنگ سبز) تا 180 (رنگ فیروزه ای) تا 240 (رنگ آبی) تا 300 (رنگ بنفش) و سپس به 360
که همان رنگ 0 - قرمز است. رنگ ها را می توان روی دایره ای به نام دایره رنگی قرار داد و ایجاد کرد
انتخاب رنگ های منطبق آسان تر است.

دو رویکرد اصلی برای انتخاب طرح رنگ وجود دارد - تک رنگ یا چندین رنگ.

رنگ‌های تک رنگ از نظر اشباع متفاوت هستند و معمولاً آرامش‌بخش و ساده را فراهم می‌کنند
موضوع. نگاه کردن به چنین موضوعی می تواند دلپذیر باشد، اما فاقد هیجان است و آن را می سازد
تشخیص بین عناصر مختلف دشوار است.

استفاده از چندین رنگ، تم را کمی هیجان‌انگیزتر می‌کند و نشانه‌های بصری بیشتری به آن اضافه می‌کند
صفحه نمایش، عملکرد آسان تر را فراهم می کند و به کاربر اجازه می دهد تا عضلات چشم را شل کند، در نتیجه
در ارگونومی بهتر بر این اساس این رویکردی است که باید برای کاربر استفاده شود
رنگ های رابط حال چگونه رنگ هایی را انتخاب کنیم که تم هارمونی را تشکیل می دهند؟ قانون از
انگشت شست این است که رنگ هایی که در دایره رنگی به یکدیگر نزدیک هستند به خوبی با یکدیگر هماهنگ می شوند،
در حالی که آنهایی که در دو طرف دایره قرار دارند، جلوه متضادی ایجاد می کنند.

AfterStep وظیفه انتخاب رنگ های هماهنگ را با تولید مجموعه ای از رنگ ها انجام می دهد
از یک رنگ با استفاده از قوانین طراح. IMAGE HUES نگاه به صفحه (معروف به تم)،
شامل تصاویر متعددی مانند آیکون ها، پس زمینه ها، نوارها و غیره می باشد. هر یک از این تصاویر ممکن است داشته باشند
یک یا چند رنگ غالب، که ما را به وظیفه تطبیق رنگ‌ها برمی‌گرداند
برای دستیابی به ظاهری هماهنگ

قاعده کلی که در اینجا باید رعایت شود این است که هر تصویر در هر رابط خاص
عنصر، مانند نوار عنوان، باید حداقل یک رنگ غالب داشته باشد تا با آن یکی باشد
رنگ پس زمینه این عنصر

راه های مختلفی برای اطمینان از مطابقت رنگ تصویر با پس زمینه وجود دارد:

رنگ آمیزی
اگر یک تصویر دارای یک رنگ غالب باشد، می توان آن را به مقیاس خاکستری تبدیل کرد و سپس
رنگ آمیزی شده با رنگ پس زمینه

چرخش رنگ
اگر یک تصویر دارای چندین رنگ، یا یک رنگ و چند قسمت در مقیاس خاکستری است - رنگ های آن می تواند باشد
چرخش، با تبدیل تصویر به فضای رنگی HSV، تغییر محدوده رنگ‌ها و سپس
تبدیل تصویر به فضای رنگی RGB

سرهم بندی کردن
همچنین ممکن است رنگ‌های تصویر با قرار دادن آن بر روی تصویر پس‌زمینه تغییر یابد
روش ترکیب آلانون، که در آن هر پیکسل با میانگین جایگزین می شود
مقدار پیکسل تصویر و مقدار پیکسل پس زمینه.

AfterStep به وظیفه تغییر رنگ تصاویر با استفاده از برنامه نویسی تصویر XML می پردازد.
برای اطلاعات بیشتر در مورد آن asimagexml را ببینید. نام رنگ ها نام رنگ های AfterStep Colorscheme
را می توان در چند دسته تقسیم کرد:

پیش زمینه و پس زمینه
رنگ های پیش زمینه برای نمایش متن استفاده می شود، در حالی که رنگ های پس زمینه یک را تشکیل می دهند
پس زمینه برای آن متن اکنون چندین محدودیت در رنگ های پیش زمینه وجود دارد -
آنها باید با پس زمینه متضاد باشند و همیشه بهتر است محدود شود
رنگ‌های پیش‌زمینه به سیاه و سفید تبدیل می‌شوند، زیرا متن رنگی تمایل به "خونریزی" در بالای صفحه دارد
پس زمینه، آن را کمتر واجد شرایط می کند. مشکل دیگر رنگارنگ بودن پیش زمینه
این است که فشار را بر روی چشم کاربر افزایش می دهد و آنها را مجبور می کند تا با بسیاری از آنها سازگار شوند
رنگ های متضاد مختلف

پایه، فعال و غیر فعال
تم رنگ عمومی صفحه با پس زمینه تعیین می شود. بر این اساس اصطلاح می کنیم
آن یک رنگ پایه است و بقیه رنگ ها را نسبت به آن تعیین کنید. در حال حاضر در هر
با توجه به زمان ممکن است یک عنصر متمرکز و فعال وجود داشته باشد، در حالی که عناصر دیگر متمرکز هستند
تمرکز خارج است و باید دید کمتری را در نظر بگیرد. ما رنگ های فعال را برای استفاده تعریف می کنیم
با آیتم های متمرکز (باید با رنگ پایه متضاد باشد). ما هم تعریف می کنیم
رنگ‌های غیرفعال برای استفاده در موارد خارج از فوکوس (ایده خوبی است که آنها را بسازید
آنالوگ با رنگ پایه). اکنون ممکن است 2 نوع پنجره بدون فوکوس داشته باشیم
(چسبنده و غیر چسبنده)، در واقع 2 رنگ غیر فعال تعریف می کنیم: Inactive1 و
غیر فعال 2.

رنگ های گرادیان
هنگامی که برای رنگ آمیزی نوار عنوان و موارد دیگر استفاده می شود، گرادیان ها ظاهر بسیار جذابی ایجاد می کنند
عناصر رابط به طور کلی ایده خوبی است که از رنگ هایی با همان رنگ استفاده کنید، اما
با شدت متفاوت برای نشان دادن رنگ های تعیین شده برای گرادیان، اضافه می کنیم
پسوند تاریک/روشن به نام رنگ ها. مقادیر رنگ AfterStep به شدت پشتیبانی می کند
روش های انعطاف پذیر و گسترده برای تعریف ارزش رنگ. روش استاندارد استفاده است
نماد #RRGBBB. علاوه بر آن، AfterStep از نمادهای زیر پشتیبانی می کند:

#RGB مانند #RRGGBB، فقط از مقادیر 4 بیتی برای اجزا استفاده می کند. به عنوان مثال #F84 است
مانند #F08040.

#ARGB این همان است که #RGB به اضافه مقدار آلفا اضافه شده است (مقدار آلفا کدورت را مشخص می کند
رنگ).

#ARRGGBB
این همان مقدار #RRGGBB به اضافه مقدار آلفای ۸ بیتی است که اضافه شده است.

hsv (رنگ، ​​اشباع، مقدار)
رنگ را با استفاده از HSV تعریف می کند، فضای رنگی از 0 تا 360 درجه اندازه گیری می شود.
اشباع و مقدار از 0 تا 100 اندازه گیری می شود.

rgb (قرمز، سبز، آبی)
رنگ را در فضای رنگی RGB تعریف می کند. شبیه به فرم #RRGBBB است، اما مقادیر داخل نیستند
هگز، اما در اعشار (از 0 تا 255). همچنین برای عبارات تودرتو، مانند
به عنوان: rgb (128,128, آبی (پایه)).

ahsv (آلفا، رنگ، اشباع، مقدار)
مانند hsv()، اما کانال آلفا را نیز اضافه می کند.

argb (آلفا، قرمز، سبز، آبی)
مانند argb()، اما کانال آلفا را نیز اضافه می کند.

رنگ (رنگ، ​​رنگ)
رنگ رنگ از پیش تعریف شده را تغییر می دهد و اشباع و ارزش آن را حفظ می کند.

sat (اشباع، رنگ)
اشباع رنگ از پیش تعریف شده داده شده را تغییر می دهد.

ارزش (ارزش، رنگ)
مقدار رنگ از پیش تعریف شده را تغییر می دهد.

آلفا (آلفا، رنگ)
آلفای رنگ از پیش تعریف شده را تغییر می دهد. این برای ساختن رنگ ها مفید است
طرح رنگی نیمه شفاف

قرمز (قرمز، رنگی)
مقدار کانال قرمز رنگ از پیش تعریف شده را تغییر می دهد.

سبز (سبز، رنگی)
مقدار کانال سبز رنگ از پیش تعریف شده را تغییر می دهد.

آبی (آبی، رنگی)
مقدار کانال آبی رنگ از پیش تعریف شده را تغییر می دهد.

به عنوان مثال:
#این را می توان در تعریف طرح رنگ استفاده کرد:

غیرفعال1 #FF5C5B66 # یا ahsv(255,245,10,40) یا argb(255,92,91,102)

#این را می توان در تعریف MyStyle در ظاهر استفاده کرد. #که باعث می شود پنجره های چسبنده
نوار عنوان نیمه شفاف:

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

استفاده واقعی از رنگ ها در فایل نگاه AfterStep، در تعاریف MyStyle تعریف شده است.
همچنین تمام رنگ‌های ColorScheme می‌توانند در تصاویر AfterStep XML به‌طور مشابه استفاده شوند
نام مستعار رنگ استاندارد X همچنین می توان از جنبه های مختلف هر کدام استفاده کرد
رنگ - قرمز، سبز، آبی و آلفا، رنگ، اشباع و ارزش فردی. برای هر
رنگ 6 متغیر با استفاده از دستور زیر تعریف شده است:
$ascs.colorname.component . به عنوان مثال $ascs.Active.hue نشان دهنده رنگ است
رنگ فعال این در هنگام انجام تبدیل‌ها (تنینگ، hsv و غیره) در آن مفید است
تصاویر XML AfterStep.

از ColorSchemex به صورت آنلاین با استفاده از خدمات onworks.net استفاده کنید