مرجع طراحی سایت حرفه ای

صحبت‌های متعددی میشه درباره‌ی کاربردی و اثر رنگ در ساخت وب سایت و همینطور، روانشناسی رنگ‌ها زد و حتی به کار گیری مدبرانه از رنگ‌ها، یکی‌از ترفندهای ساخت سایت به اکانت میاد.
اما این توشه، به نظرم بهتره بریم سراغ بخشی از اینترنت طراحی صفحه که خیلی بهش اعتنا نشده و دستکم توی اینترنت فارسی چندان اثری ازش وجود ندارد، یعنی: دسترسی پذیری رنگ‌ها!

بذارید دعوا رو اینطوری استارت کنم: هیچ میدونید ۴ درصد از جمعیت عالم مبتلا کور رنگی هستن؟! مبنی بر آماری که این تارنما منتشر کرده، از ۱ نفر از هر ۱۲ مرد و یک نفر از هر ۲۰۰ زن مبتلا این عارضه هستن. طراحی سایت در مشهد خلال این، کور رنگی یه طیفه و اشخاص متعددی توی این طیف هستن که ادراک متفاوتی از رنگ‌‌ها دارن (حتی شاید خویش منم اینجوری باشم، با اعتنا به اینکه تا درحال حاضر آزمایش کور رنگی ندادم!)

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

معنی دسترسی پذیری رنگ‌ها در ساخت وب سایت
زمانی داریم از دسترسی پذیری حرف می کنیم، موضوعات متعددی رو میتونیم نظارت کنیم، از نوار پیمایش (Navigation Bar) گرفته تا قابلیت رابطه بی واسطه با حفاظت تارنما.

ولی این توشه، وقتشه به سوژه دسترسی پذیری رنگ‌ها یه نگاهی بندازیم و ببینیم چرا مهمه و چجوری میشه با استعمال از اون، ساخت وب سایت رو افزایش بخشید.

مغایرت و کنتراست رنگ ها (Contrast)
در مشاجره دسترسی پذیری رنگ‌ها، کنتراست مهم‌ترین مفهومیه که باهاش سروکار داریم که دربرگیرنده این نصیب‌ها میشه:

کنتراست متن و پس‌مسئله
کنتراست رنگ متن ها (بعلاوه وزن weight و سایز فونت‌ها)
کنتراست رنگی المان‌های جان دار در برگه نسبت به هم
راهنمای دسترسی‌پذیری محتوای اینترنت (WCAG) که به وسیله W3 منتشر گردیده و میتونید توی این پیوند اونو پیدا فرمایید، توضیحات جامعی درمورد دسترسی‌پذیری داره که میتونید بهش مراجعه‌نمایید و ابعاد، شاید درموردش مفصلا نوشتم.

البته اگه بخوام به صورت خلاصه، فاکتورهای اصلی درین مسئله رو بگم، می بایست به‌این موردها اشاره کنم:

مهم‌ترین اصل، اینه که در کاغذ اینترنت، رنگها نباید فقط عاملی باشن که از روش اون، یه پیام منتقل میشه. در غیر اینصورت، مرتکب یکی‌از ایرادات مرگبار در ساخت وب سایت شدید!
براین اساس، شما بایستی برای نشون دادن یه المان توی برگه یا این که ارشاد کردن استفاده کننده، از چیزای دیگه‌ای مثل نوشته‌ها یا این که کنتراست یا این که تصاویر هم به کارگیری نمائید و صرفا متکی به رنگ نباشید.

کنتراست و تضادومغایرت کافی رو میان بگراند (Background) و متن و محتوای مهم (Foreground) ساخت‌و‌ساز فرمایید.
حواستون توده باشه که محتواهای تعاملی قابل شناسایی باشن.

صحبت‌های متعددی میشه درباره‌ی کاربردی و اثر رنگ در ساخت وب سایت و همینطور، روانشناسی رنگ‌ها زد و حتی به کار گیری مدبرانه از رنگ‌ها، یکی‌از ترفندهای ساخت سایت به اکانت میاد.
اما این توشه، به نظرم بهتره بریم سراغ بخشی از اینترنت طراحی صفحه که خیلی بهش اعتنا نشده و دستکم توی اینترنت فارسی چندان اثری ازش وجود ندارد، یعنی: دسترسی پذیری رنگ‌ها!

بذارید دعوا رو اینطوری استارت کنم: هیچ میدونید ۴ درصد از جمعیت عالم مبتلا کور رنگی هستن؟! مبنی بر آماری که این تارنما منتشر کرده، از ۱ نفر از هر ۱۲ مرد و یک نفر از هر ۲۰۰ زن مبتلا این عارضه هستن. طراحی سایت در مشهد خلال این، کور رنگی یه طیفه و اشخاص متعددی توی این طیف هستن که ادراک متفاوتی از رنگ‌‌ها دارن (حتی شاید خویش منم اینجوری باشم، با اعتنا به اینکه تا درحال حاضر آزمایش کور رنگی ندادم!)

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

معنی دسترسی پذیری رنگ‌ها در ساخت وب سایت
زمانی داریم از دسترسی پذیری حرف می کنیم، موضوعات متعددی رو میتونیم نظارت کنیم، از نوار پیمایش (Navigation Bar) گرفته تا قابلیت رابطه بی واسطه با حفاظت تارنما.

ولی این توشه، وقتشه به سوژه دسترسی پذیری رنگ‌ها یه نگاهی بندازیم و ببینیم چرا مهمه و چجوری میشه با استعمال از اون، ساخت وب سایت رو افزایش بخشید.

مغایرت و کنتراست رنگ ها (Contrast)
در مشاجره دسترسی پذیری رنگ‌ها، کنتراست مهم‌ترین مفهومیه که باهاش سروکار داریم که دربرگیرنده این نصیب‌ها میشه:

کنتراست متن و پس‌مسئله
کنتراست رنگ متن ها (بعلاوه وزن weight و سایز فونت‌ها)
کنتراست رنگی المان‌های جان دار در برگه نسبت به هم
راهنمای دسترسی‌پذیری محتوای اینترنت (WCAG) که به وسیله W3 منتشر گردیده و میتونید توی این پیوند اونو پیدا فرمایید، توضیحات جامعی درمورد دسترسی‌پذیری داره که میتونید بهش مراجعه‌نمایید و ابعاد، شاید درموردش مفصلا نوشتم.

البته اگه بخوام به صورت خلاصه، فاکتورهای اصلی درین مسئله رو بگم، می بایست به‌این موردها اشاره کنم:

مهم‌ترین اصل، اینه که در کاغذ اینترنت، رنگها نباید فقط عاملی باشن که از روش اون، یه پیام منتقل میشه. در غیر اینصورت، مرتکب یکی‌از ایرادات مرگبار در ساخت وب سایت شدید!
براین اساس، شما بایستی برای نشون دادن یه المان توی برگه یا این که ارشاد کردن استفاده کننده، از چیزای دیگه‌ای مثل نوشته‌ها یا این که کنتراست یا این که تصاویر هم به کارگیری نمائید و صرفا متکی به رنگ نباشید.

کنتراست و تضادومغایرت کافی رو میان بگراند (Background) و متن و محتوای مهم (Foreground) ساخت‌و‌ساز فرمایید.
حواستون توده باشه که محتواهای تعاملی قابل شناسایی باشن.