Yoko Founder | Design System Expert زندگی یک تجربه اس و من در تلاشم تا تجربهی بهتری خلق کنم.
چند دلیل برای استفاده بیشتر از آبی در ui
چند وقتی میشه که دارم در مورد استفاده از رنگ ها در طراحی و مخصوصا در ui تحقیق میکنم و به موارد خوبی هم رسیدم. استفاده از رنگ ها در طراحی به چیزی خیلی بیشتر از لزوما سلیقه نیاز داره.
به سیستم عامل های مطرح و معروفی که دور و برتون هست نگاهی بندازید (سیستم عامل های رایج) به نظرتون کدوم رنگ بیش از باقی رنگ ها استفاده شده؟ (البته منظور من رنگ هایی به غیر از رنگ های خنثی مثل مشکی و سفید و مشتقات اینهاست) کاملا مشخصه که رنگ آبی بیش از باقی رنگ ها مصرف شده. بیایید به چند تا سیستم عامل معروف یه نگاهی بندازیم
ویندوز
اگه ریشه ای تر نگاه کنیم وبه عقب تر برگردیم، به زمان ویندوز ایکس پی فکر کنم یادتون بیاد که تمام هدر ها ی پوشه ها و برنامه ها با رنگ ابی کار شده بود و این رنگ رو حتی توی صفحه لاگین و باقی قسمت ها میشد به وضوح دیداز اون زمان گذشت و ویندوز کامل تر شد تا اینکه رسیدیم به ویندوز ۱۰. سیستم عامل مورد علاقه ی من بین تمام سیستم عامل ها تا قبل از ویندوز ۱۰ ، ویندوز(نسخه ی دسکتاپ) برای من سیستم عاملی بود مثل باقی سیستم عامل ها اما با اومدن ویندوز ۱۰ تبدیل شد به انتخاب اول و اخر من البته در پستی جدا در مورد ویندوز ۱۰ و دلایل جذاب بودنش برای من می نویسم اما الان بهتره برگردیم سر موضوع خودمون، موضوع رنگ ها. حتی با اینکه تو ویندوز ۱۰ میشه رنگ کلیِ تم سیستم عامل رو عوض کرد اما باز هم قسمت هایی که نمیشه بهشون دست زد آبی هستند از آیکون های قسمت کویک اکسز و لایبراری گرفته تا هاور ایکون ها و حالت سلکت اونها، همه و همه آبی هستند.
بذارید به یه سیستم عامل دیگه اینبار تو بخش موبایل یه نگاهی بندازیم
سیستم عامل ios
رنگ آبی تو سیستم عامل آی او اس بیشتر از ویندوز مشخصه (یکی از دلایلش اینه که شما نمیتونید رنگ اصلی سیستم عامل رو عوض کنید) اگه از سیستم عامل آی او اس استفاده میکنید همین الان یه نگاهی به قسمت های مختلفش بندازید. اگه با سافاری دارید این مطلب رو می خونید یه نگاهی به ایکن های پایین سافاری بندازید. تو قسمت های مختلف این سیستم عامل چقدر از رنگ آبی استفاده شده؟ به غیر از رنگ های خنثی مثل مشکی و سفید، آبی پر مصرف ترین رنگ تو این سیستم عامله(به غیر از حالت شب). از دکمه های داخل هدر گرفته تا کروسر ها داخل تنظیمات و بر خلاف ویندوز آی او اس بهتون این اجازه رو نمیده که بتونید رنگ اونارو عوض کنید
این استفاده ی زیاد از ابی فقط به این دو سیستم عامل ختم نمیشه و شما می تونید تو سیستم عامل های دیگه و خیلی جاهای دیگه ببینید. اندروید ، تمام سرویس های اینترنتی گوگل و ….
یه لیست مختصر از سرویس ها و اپلیکیشن هایی که یا تو لوگوی خودشون از ابی استفاده کردن و یا رابط کاربری رو با ابی پیش بردن میذارم براتون تا ببینید
اما دلیل این استفاده ی بیش از حد از ابی چیست؟ یعنی همه ی طراح ها باهم تصمیم گرفتن از رنگ ابی خوششون بیاد. یا اینکه دلیل خیلی بزرگ تری پشت این قضیه است. تو این پست از وبلاگم می خوام به دلایل انتخاب رنگ ابی به عنوان رنگ پیشفرض بپردازم.
۱. دسترسی (کور رنگی)
بزرگ ترین دلیل انتخاب ابی به عنوان رنگ پیشفرض افراد کور رنگ هستن. تعداد زیادی از این افراد در کنار ما و در جامعه زندگی می کنن بدون اینکه ما متوجه شون بشیم. این افراد درصد قابل توجه ای از جامعه رو پوشش میدن و در موارد بسیار، به دلیل درست طراحی نشدن سرویس ها، اپلیکیشن ها و….. دچار مشکل در تشخیص رنگ ها و حتی تشخیص برخی المان های در صفحه هستند. رنگ آبی یکی از تنها رنگ هایی هست که افراد کور رنگ همان آبی می بینند. برای طراحی صفحات نیازی نیست تا تمام المان ها به رنگ آبی در بیان، چون با این تفاسیر ما احتمالا جامعه ای تماما آبیی خواهیم داشت اما درست این است المان های مهم تر مثل دکمه های کال تو اکشن یا لینک ها و یا ….. را سعی کنیم با طیف مناسبی از ابی بسازیم تا این دسته از افراد نیز بتوانند از سرویس و یا هر چیز دیگه ای که طراحی کردیم به راحتی استفاده کنند.
(متاسفانه بسیاری از طرحان توجه ای به مسله accessibilityنداشته و صفحات رو به شکل سلیقه ای و با رنگ و طرح دلخواه خودشون طراحی میکن مسله ی بسیار مهمی مه تصمیم دارم در اینده ی نه چنداد دور در موردش پستی ملصل بنویسم)
۲.تکنولوژی چه رنگیه ؟
طبغ امار گرفته شده (و همچنین اماری که با. نظر سنجیی که توی تویتتر گرفتم) بیشتر مردم تکنولوژی رو آبی و میدونن. رنگ آبی شمارو یاد چی می اندازه؟ در پس ذهن شما هم تکنولوژی ابی است ؟ این چیزی است که در ذهن همه ی ما ثبت شده، اینکه هر چیز را به رنگی ارتباط دهیم و بیشتر ما آبی را به تکنولوژی ارتباط میدیم هر چند شاید دلیلش این باشه که ما از همون اول برق را ابی دیدیم و یه جورایی تکنولوژی را نوه ی برق میدونیم. به نظر شما تکنولوژی چه رنگیه ؟
۳.مردم چه رنگی دوست دارند؟
به طوری کلی باید دید مردم از چه رنگی بیشتر از باقیه رنگ ها خوششون میاد. طبق آمار به دست اومده ۵۷%مردان و ۳۵% زنان رنگ ابی، رنگ مورد علاقه شونه. برای طراحی ui اگه بخواهیم از روی میانگین تصمیم بگیریم. بهتره تا رنگی رو انتخاب کنیم که مردم حس بهتری بهش داشته باشن البته که این آمار دوست داشتن رنگ ها در کشور ها و فرهنگ های مختلف با هم دیگه تفاوت داره اما در حال حاضر تنها داده ممکن این داده ایه که داریم. برای اینکه بهترین تنیجه را بگیریم بهتر است تحقیقات کاربر دقیق تر انجام داده و انتخاب رنگ رو نیز در بخش تحقیقات بگذارید.
در اینجا لیستی از محبوبیت رنگ ها در کشور های مختلف میذارم که متاسفانه داده ی قابل بررسی از کشور خودمون در دسترس نیست اما با توجه به مشترک بودن محبوبیت ابی بین تمام کشور و همچنین داده ی تاریخی و فرهنگی که از هنر کشورمون وجود داره (یکم جلو تر توضیح میدم راجبش) میشه گفت رنگ ابی در کشور ما نیز دارای محبوبیت خوبی است
۴.وسعت بالا اما تعداد پایین
با اینکه همه ی ما طبیعت رو با رنگ سبز میشناسیم اما بیشتر سیاره ی زمین رو رنگ آبی تشکیل داده، ابی به عنوان یه رنگ خاص در طبیعت شناخته میشه با این که تعداد چیز هایی که در طبیعت ابی هستن خیلی کمه (نسبت به رنگ های دیگه) اما وسعت اونا خیلی زیاده مثل دریا و آسمون . ابی به عنوان یک رنگ خاص از طبیعت شناخته میشه که به وجود وسعت بالا در تعداد کم هستش.
برگفته از پست نیک بابیچ در medium با تغییرات و اضافات
https://uxplanet.org/the-most-important-color-in-ui-design-d4f23aefffdf
-و اما در کشور ما چگونه است ؟
این قسمتی که می نویسم رو داخل پرانتز ببینید. این قسمت شامل تحقیقات خودم در مورد رنگ های ایرانیست. طبق تاریخ و فرهنگ دیرینه ما رنگ ابی همیشه از محبوبیت بالایی برخوردار بوده. رنگ ابی در کشور ما به عنوان یک رنگ مذهبی و سنتی حساب میاد. مسجد های قدیمی ، بنا هایی مثل عالی قاپور و…. و موارد بسیار دیگری که بسیارند. البته ابی ایرانی با ابی که بیشتر در خارج از اسران محبوب است کمی تفاوت داره. رنگ ابی که در ایران مورد مصرف هستش ابی فیروزه ایه اما ابی که پیش تر در موردش صحبت میکردم طیف تیره تری از ابی است. رنگ هایی مثل نیلی، یا دریایی.
– جمع بندی و حرف اخر
– همه ی اینهارا گفتم که چه ؟ فرض کنید قرار بود تمام طراحان برای کار هایشان از رنگ ابی استفاده کنند. نتیجه چی میشد؟ اگر بخواییم در بخش ui در نت در نظر بگیریم، نیجه میشد اینترنتی به رنگ ابی. مسلما به طرز وحشتناکی خسته کننده میشد. اما باید در نظر داشته باشیم که آبی را در جای درست باید مصرف کرد، در میان بسیاری رنگ های جذاب دیگه. در این پست در مورد اهمیت رنگ ابی در طراحی و مخصوصا در ui صحبت کردیم. اگه فرصتی باشه تو یه پست دیگه در مورد مصرف رنگ های مختلف در کار صحبت میکنم
eanlami.ir
مطلبی دیگر از این انتشارات
نامگذاری توکنها در دیزاین سیستم
مطلبی دیگر از این انتشارات
دیزاین توکن (Design tokens) چیست؟ و چرا؟
مطلبی دیگر از این انتشارات
چطور شرکت رو به دیزاین سیستم وفادار نگه داریم؟