مرجع مقالات رسمي و جامع طراحي اپليكشن

يك كدام از مشكلاتي كه در اكثر وبسايت‌ها و طراحي اپليكيشن در مشهد نرم افزار‌هاي اهل ايران چشم مي شود گزينش رنگ‌هاي نامناسب در پباده سازي ميباشد.
براي يك طراح او‌لين گام استارت هر پروژه تازه مي بايست تعيين خانواده رنگ آن باشد. گاها مشترياني پيدا مي شوند كه رنگ مارك يا اين كه به عبارتي رنگ سازماني مشخصي دارا هستند ولي در بيشتر زمان ها اين وظيفه طراح ميباشد كه رنگ آن ها را تعيين نمايد! متاسفانه اين مرحله‌اي ميباشد كه بوسيله خيلي از طراحان سرسري گرفته مي گردد و دوران كافي را روي اين مسئله نمي‌گذارند و تاثير متعددي بر روي فيض آخرين فعاليت آنان ميگذارد.
كوشش دارم در ۲ و نهايتا ۳ مقاله به طور بي نقص مشاجره تعيين رنگ و تمامي آن چيزي كه در فرآيند پباده سازي حول محور رنگ‌ها مي گردد را ذكر نمايد.


در ذيل به طور تيتروار موضوعاتي كه درين محرمانه مطالب تيتر مي كنم را بيان مي كنم (قابليت و امكان به روز در آينده)
گزينش و ساخت و ساز خانواده رنگرابطه ميان رنگ‌هاي انتخابي با مقصود وبسايت / اپضابطه‌هاي ترازو استعمال از هر رنگ در پروژهچه رنگ‌هاي استعمال نكنيم؟كانتراست مطلوب في مابين رنگ‌ها و المان‌هابيماري‌هاي ديده





۱- گزينش و توليد خانواده رنگتعيين رنگ دشوار‌ترين نصيب اين چندگانه ميباشد. ادله آن هم بي آلايش ميباشد؛ به خيال و خاطر اينكه شما به بي‌غايت توان گزينش طرف ميباشيد و مدام بشر زماني اقتدار گزينش دربين ۲ - يا اين كه بيشتر - مورد را داشته باشد (منظورم در تمامي چيز ميباشد خير تنها رنگ) تعيين برايش طاقت فرسا ميشود.
فرض نمائيد براي خريد گوشي به يك دكان برويد. چنانچه رشته بوي (دلباخته) يك مارك خاص نباشيد گزينش در ميان مارك و نوع خيلي دشوار ميباشد.

در تعيين رنگ موضوعي كه مدام بايستي در حيث بگيريد ساخت و ساز توازن دربين رنگ‌هاست. به نوعي رنگ‌هايي را گزينش فرمائيد كه بتوانيد في مابين آنها توازن ساخت‌و‌ساز نمائيد تا استفاده كننده از پباده سازي و رنگ بندي شما خسته و نهايتا دل‌زده نشود. براي اين توازن هم بهتر ميباشد كه تعداد رنگ‌ها را محدود به عددي مشخص و معلوم كنيم و در صورتيكه نياز به رنگ‌هاي بيشتري داشتيم از مخلوط رنگ سياه يا اين كه سپيد با آن رنگ، رنگ جديدي بسازيم. عدد طلايي در تعداد رنگ‌ها عدد ۳ ميباشد البته به نسبت تعريف و تمجيد پروژه قابليت و امكان معدود و زياد شدن را نيز دارااست.
براي مثال در همين ويرگول بنابر عارضه ها متفاوت ما از ۲ رنگ به كارگيري مي كنيم. «آبي رنگ» و «طوسي تيره».


درباره‌ي اينكه چرا رنگ دوم «طوسي تيره» ميباشد و هيچ‌جا اثري از سياهِ مطلق 000000# نميبينيد در «چه رنگ‌هاي استعمال نكنيم؟» توضيح مي ‌دهم.

تولزهاي امداد براي گزينش رنگبراي گزينش رنگ يك‌سري استاندارد وجود داره كه ميتونه به شما امداد كنه. خدمت آنلاين Adobe Color CC كليه اين استاندارد‌ها را داره كه مي‌تونيد ازش به كارگيري فرماييد. اگه به جهت تحريم نمي‌تونيد وب سايت ادوبي را گشوده فرماييد مي‌تونيد از colorschemedesigner.com به كار گيري فرمائيد.
به امداد اين خدمت‌ها فعاليت شما براي گزينش رنگ بي آلايش‌خيس ميگردد و با تعيين رنگي مهم، شايسته ترين رنگ‌هاي كامل كننده آن به طور اتومات به شما معرفي ميشوند.
توصيه ميكنم هم زمان با قرائت ادامه متن يك كدام از ۲ تارنما بالا را گشوده فرمائيد و با آن عمل فرمائيد.


استاندارد Analogousاين استاندارد بر پايه ي رنگ‌هاي شبيه فعاليت مي‌نمايد. روال عمل هم اين چنين ميباشد كه شما يك رنگ تحت عنوان رنگ مهم تعيين مي كنيد و به طور اتومات رنگ‌هاي ديگر كه شبيه رنگ مهم مي باشند ساخت و ساز مي شوند. مثلا در‌صورتي‌كه شما رنگ اساسي‌تان را آبي‌رنگ تعيين فرمائيد گستره رنگ‌هاي كمكي‌تان ميتواند از بنفش تا سبز آبي رنگ باشد.
رنگ‌هاي كامل كننده براي كد رنگي 107ABE# (رنگ مارك ويرگول)رنگ‌هاي تكميل كننده براي كد رنگي 107ABE# (رنگ مارك ويرگول)

داراي اسم و رسم‌ترين مثال به كار گيري از اين استاندارد رنگ، برنامه Clear ميباشد كه دوستان آيفوني مطمئنا باهاش شناخت دارا هستند.

اپ Clear و به كار گيري از استاندارد Analogousاپ Clear و به كار گيري از استاندارد Analogous

مثال ديگر از پباده سازي با Analogous - منبعمثال ديگر از پباده سازي با Analogous - منبع



استاندارد Monochromaticاين استاندارد، معمولي‌ترين ساختار رنگ ممكن ميباشد. شما درين استاندارد صرفا با ۱ رنگ سروكار داريد. زماني شما رنگي را تحت عنوان رنگ مهم گزينش نماييد رنگ‌هاي كمكي براساس به عبارتي رنگ و صرفا با تغيراتي در شدت Shade (سايه)، Tints (ته رنگ) و Tones ساخته مي شود. معمولا از اين استاندارد در پباده سازي‌هاي مينيمال يا اين كه در قسمتي از پباده سازي كه ميخواهند فارغ از شم هياهو در ميان المان‌هاي متعدد تمايز توليد نمايند به كار گيري مي‌نمايند.
رنگ‌هاي تكميل كننده براي كد رنگ 107ABE# (رنگ مارك ويرگول)رنگ‌هاي تكميل كننده براي كد رنگ 107ABE# (رنگ مارك ويرگول)

ساخت سايت 42Anglels طبق استاندارد رنگ Monochromaticساخت وب سايت 42Anglels طبق استاندارد رنگ Monochromatic

به كارگيري از Monochromatic در هدر اپ فيسبوكبه كار گيري از Monochromatic در هدر نرم افزار فيسبوك



استاندارد Complementaryدر‌اين استاندارد با ۲ رنگ راز و عمل داريم. با تعيين رنگ اساسي، رنگ دوم با بيشترين كنتراست ممكن ساخته ميشود. اين تعيين رنگ سبب ساز جلب اعتنا استفاده كننده ميشود.
مثلا وقتي كه قصد داريد اعتنا يوزرها را به يك المان درون طرحتان جذب نمائيد (از جمله عدد تعداد ناتيفيكشن يا اين كه يك دكمه Call to Action) استعمال از اين ساختار رنگ به شما ياري خواهد كرد.
رنگ‌هاي تكميل كننده براي كد رنگي 107ABE# (رنگ مارك ويرگول)رنگ‌هاي تكميل كننده براي كد رنگي 107ABE# (رنگ مارك ويرگول)

يك مثال از به كارگيري Complementary در پباده سازييك مثال از به كار گيري Complementary در پباده سازي

۲- رابطه دربين رنگ‌هاي انتخابي با غرض تارنما / برنامهتا اينجا در باب تعيين رنگ‌هاي كامل كننده حرف كرديم. ولي نكته‌اي كه مي باشد اينكه ما هنوز رنگ مهم خويش را گزينش نكرده‌ايم كه بتونيم به امداد اون رنگ‌هاي تكميل كننده را تعيين كنيم.
خدمت‌هاي زيادي براي توصيه رنگ‌ پباده سازي رابط كاربري مي باشد كه اينجانب به شخه عشق‌اي به استعمال از اونها ندارم ولي شما درصورتي كه دوست داشتيد ميتونيد با يه خرده سرچ آن‌ها‌را پيدا فرماييد و ازشون به كار گيري فرماييد. مثل رنگ‌هاي پيشنهادي گويش پباده سازي متريال صفحه ارايي گوگل .