مرجع مقالات کاربردی حوزه اپلیکیشن

شاید تا اینجای فعالیت، با خودتان تامل کرده باشید که ساخت ادغام های رنگی متشابه فعالیت بسیار معمولی ایست! ، البته همین که فعالیت را آغاز فرمائید با یک معضل عظیم به اسم Vibrancy روبرو می‌شوید! طراحی اپلیکیشن در مشهد درواقع تصمیم گیری برای Vibrancy یا این که به عبارتی “گزینش شدت رنگ ها”، فوت‌و‌فن عمل شماست که نباید از آن غافل گردید! رنگ های کامل کننده تفاوت رنگ ها گهگاه به سیرتکامل ایی میباشد که آنها را در مقابل هم قرار داده و ضد‌و‌نقیض یکدیگر می نماید، بدین رنگ ها، رنگ های تکمیل کننده میگویند. مغایرت بسیار آشکاری که در رنگ های کامل کننده وجود دارااست، اعتنا مخاطبین را به خودش جلب نموده و به صورت ویژه ایی گزینه اعتنا آنها قرار می‌گیرد. رنگ های تکمیل کننده در دایره رنگ صحیح روبروی هم قرار می‌گیرند و این بی آلایش ترین رویه برای یافت کردن آن هاست. برای ساخت‌و‌ساز یک تزکیب رنگی تکمیل کننده، شایسته ترین شیوه این میباشد که نخستین یک رنگ را تحت عنوان رنگ چیره تعیین فرمائید و آنگاه، از رنگ های تکمیل کننده آن برای تشدید و یا این که تاکید ها (رنگ های اکسان) استعمال نمائید. بعنوان یک نمونه خیلی معمولی، خودتان یک چمنزار سبز را فکر کنید که یک گل شقایق قرمز رنگ، با مسافت هجران از شما، در آن روییده میباشد، این گل قرمز‌رنگ، از به عبارتی مسافت خیلی به دور هم میان این چمنزار سبز رنگ خود نمایی می نماید، که ادله آن، تکمیل کننده بودن رنگ چمنزار و گل شقایق میباشد! یکی شایسته ترین شیوه ها برای ساخت‌و‌ساز ادغام رنگی مطلوب UI و UX، استعمال از رنگ های تکمیل کننده میباشد، ولی هنگام به کار گیری از این رنگ ها می بایست دقت داشته باشید که تعداد رنگ، مخلوط، تکرار ها و محل به کارگیری از آنان، مطلوب، کافی و بجا باشند تا یک نرم افزار قشنگ و باصرفه داشته باشید! طرح های دلخواه و سفارشی تولید طرح های دلخواه و سفارشی، مبنی بر ذوق و ایده پردازی های فردی آن قدر ها هم که برخی از طراحان فکر‌می کنند، پیچیده وجود ندارد! یک رنگ آکسان (تشدید کننده) پر‌نور به یک پالت دربرگیرنده رنگ های خنثی اضافه فرمایید تا یک ادغام رنگی معمولی و در عین هم اکنون جالب بسازید! برای مثال اینجا یک رنگ آبی رنگ آکسان به پالت رنگی سیاه و سپید (یک پالت از خاکستری ها) اضافه گردیده: تصویر پایین طرح UI مرتبط با اپ Drop box را به شما نشان می‌دهد، برنامه ای متشکل از یک تم خاکستری خنثی به اضافه یک آبی رنگ آکسان که فضای طرح را لبریز نموده است! کنتراست رنگ و تأثیر آن بر طرح های رنگی همان طور که می‌دانید، در طرح های Ui، شی ءها و یا این که فضاهای رنگی معمولا به طور دور از هم یا این که بهتر میباشد بگوییم منزوی، قرار نمی گیرند، بلکه معمولا کنار شی ها و یا این که فضاهای رنگی دیگر قرار گرفته، و یا این که قسمتی از آن‌ها را می پوشانند! و این دقیقا به عبارتی چیزی میباشد که اثر کنتراست رنگ در پباده سازی را به دیده تماشاچی منعکس می نماید! خواسته از کنتراست، چگونگی تفکیک رنگ ها از یکدیگر میباشد که‌این مورد را از معنای واژه “contrast” (ناهم خوانی/تباین/طلاق)، هم می اقتدار برداشت کرد، پس سازه بر تعریف‌و‌تمجید کنتراست، اثرات کنتراست در به کارگیری کنار هم و یا این که روی هم رنگ ها تولید می‌گردد. کنتراست مطلوب، فشار وارده بر دیده را کاهش داده و دقت یوزرها را به تمایز روشن رنگ ها و جداسازی واضح آن‌ها جلب می نماید. بدین ترتیب تفکیک شل رنگ ها، بیان‌کننده کنتراست بالا، و غیر وابسته سازی مشقت بار آنان، بیان‌کننده کنتراست تحت رنگ هاست. کنتراست و تأثیر آن بر خوانایی متن ها کنتراست ذیل شی ءها و متن‌ها، به اضافه تأثیر آن بر رنگ ها در برنامه های گوشی کنتراست رنگ، همان تئوری رنگ یک منطقه رنگیست که در پباده سازی، کاربرد های اصلی اکثری دارااست. با اینحال، ترجیح اکثر وقت ها طراحان بر این میباشد که از کنتراست ذیل برای رنگ شی ها استعمال نمایند تا اشیا زیباتر و هماهنگ خیس به لحاظ برسند. هرچند مدام زیبایی به معنای خوانایی وجود ندارد! با این اکنون، به کارگیری از دو رنگ با کنتراست زیر، قادر است خوانایی متن را در پباده سازی شما تا حد متعددی کم کند. قضیه قابل توجهی که اهمیت این مسئله را در پباده سازی uI و uX نرم‌افزار های تلفن همراه دوچندان می نماید، این میباشد که اشتباهات ناشی از کنتراست زیر، مانند عدم خوانایی متن‌ها، در نمایشگرهای تلفن همراه های گوشی بیشتر لمس میگردد! تناسب کنتراست در شی ءها یکی نکته های بسیار اصلی برای داشتن یک کنتراست مطلوب در تصویر، رعایت تناسب و مقادیر نسبی کنتراست اشیا نسبت به یکدیگر میباشد. آنالیز تناسب کنتراست عمل بی آلایش ای میباشد، صرفا کافیست که مقدار عددی کنتراست در هر رنگ را با کنتراست رنگ شی همسایه و یا این که ترکیب گردیده، مقایسه فرمایید. هرچه تفاوت اعداد مرتبط با هر رنگ بیشتر باشد، تفاوت فی مابین نور و روشنایی نسبی رنگ ها هم بیشتر خواهد بود. کنتراست مطلوب می‌تواند دقت یوزرها را به یک عنصر خاص در کاغذ جلب نماید. در واقع کنتراست علاوه بر ساخت و ساز متن‌ها خوانا، قادر است با جداسازی و تفکیک مطلوب رنگ ها از یکدیگر، دقت یوزرها را به آیکن، تصویر، متن و یا این که قسمتی از برگه، بیشتر از سایر عنصرها جلب نماید . این امکان در پر رنگ کردن موادتشکیل دهنده اصلی برنامه اهمیت متعددی داراست. وبسایت W3C recommends ، درباره با کنتراست رنگ ها در تصاویر و متن ها، استاندارد هایی را ارائه نموده است که برای مثال آنان میتوانیم مورد ها ذیل را اسم ببریم: نوشته های سایز کوچک ، در قبال دور‌نما های خویش، به کنتراستی برابر با دست‌کم ۴٫۵:۱ نیاز دارا‌هستند. نوشته های سایز گسترده (حدودا برابر با ۱۴ pt bold/18 pt)، در قبال دور نما خویش، به کنتراستی برابر با دستکم دستکم ۳: ۱ نیاز دارا‌هستند. این استاندارد ها برای آیکن ها و موادسازنده اساسی دیگر هم، می بایست رعایت خواهد شد.برای انتخاب کنتراست رنگ پالت های آیتم به کار گیری و دریافت کردن یک برخورد خوب و قابل فهم و شعور از آن‌ها، ابزار های مختلفی وجود دارا‌هستند که برای مثال آنها می شود به WebAIM’s Color Contrast Checker اشاره نمود. هشدار! یکی‌از خطاها شایع طراحان، در نظرنگرفتن خطاها نقص روئت کرد رنگی در مخاطبین آن هاست. به این ترتیب حتی در صورتیکه درصد یه خرده از مخاطبین شما دارنده این خطاها باشند، گشوده هم اهمیت آن به قدری می باشد که بخواهید بجای توکل بر یک رنگ خاص، از الگوهای متعدد، بافت، رنگ و … به کارگیری نمایید . در پی تصویری از مقایسه روئت کرد عادی رنگ ها، سبزکوری deuteranopia و سرخ‌کوری protanopia، دو نقص شایع در اختلال کور رنگی را مشاهده می‌کنید: