در طراحی صفحه های وب باید از کدام رنگ ها دوری کنیم؟ - واندر هنگر

وقتی صحبت از طراحی وب سایت به میان می آید منظور رعایت اصول مختلفی است که به دو گروه اصلی تجربه کاربری (UX) و رابط کابری (UI) تقسیم بندی می شوند این دو مورد هرکدام ظرافت های خاص خود را دارند و تا دلتان بخوهد برای طراحی تجربه کاربری و رابط کاربری، کتاب و مستندات آموزشی وجود دارد. اما چیزی که در این بین کمتر مورد توجه قرار می گیرد رنگ هایی است که در طراحی وب سایت استفاده می کنیم.

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

رنگ های نئون

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

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

پیشنهاد می کنیم زرق و برق رنگ های نئون را تا می توانید کاهش دهید تا این رنگ ها به اصلاح مات تر گردد، تجربه نشان داده استفاده از رنگ نئون در طراحی وب سایت اشکالی ندارد به این شرط که این رنگ با سایر رنگ ها مانند صورتی، زرد یا سبز ترکیب گردد و در قسمت های بسیار کمی از وب سایت شاهد رنگ نئون باشیم. زیاده روی در رنگ نئون برای طراحی ، ظاهر نهایی وب سایت را از چشم می اندازد و مخاطب کمتری جذب خواهید کرد.

ترکیب رنگ های پررنگ

استفاده از رنگ های پررنگ در کنار هم در طراحی صفحه های وب سایت بیش از مقدار جلب توجه می نماید و خواندن متن هایی که رنگ آنها بیش از حد پررنگ باشد نیز بسیار سخت و خسته نماینده است. چنین متن هایی مبهم به نظر می رسند و ممکن است در تبلیغات اینترنتی یا محیطی گزینه خوبی باشند اما برای طراحی صفحه وب سایت اصلاً توصیه نمی شوند.

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

با این حساب پیشنهاد می کنیم ترجیحاً تا جایی که ممکن است از رنگ های پررنگ در کنار هم استفاده نکنید و اگر چاره ای ندارید و باید حتماً این رنگ ها را در طراحی خود به خدمت بگیرید بهتر است این رنگ ها را با رنگی دیگر که داری طیف خنثی باشد از هم تفکیک نمایید.

ترکیب رنگ روشن روی رنگ روشن

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

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

استفاده از رنگ های رنگین کمان

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

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

استفاده از رنگ تیره روی تیره

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

تاجایی که می توانید از رنگ مشکی سیر دوری کنید

رنگ مشکی سیر یا مسئله ای پرکلاغی که تیره ترین طیف این رنگ است و در دنیای طراحی دیجیتال با کد 000000# شناخته می گردد از آن دسته رنگ هایی است که مجذوب نمایندهیت زیادی دارد اما این رنگ تحت تأثیر سایر رنگ ها قرار می گیرد و رنگ اصلی خود را از دست می دهد. برای روشن تر شدن این موضوع اجازه دهید مثالی در دنیای واقعی بزنیم. همان طور که حتماً شما هم دیده اید رنگ پرهای کلاغ کاملاً مشکی است اما وقتی به پرهای کلاغ نگاه می کنیم طیفی از رنگ آبی یا بنفش را هم در پرهای این پرنده می بینیم.

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

سخن خاتمهی

اگر از ابتدای این مطلب با ما همراه بوده باشید حتماً متوجه شده اید که هدف اصلی از شرحاتی که دادیم ارتقا اندازه خوانابودن مطالب وب سایت است. با این حساب هر صفحه ای که طراحی می کنید ابتدا به خوانا بودن نوشته های این صفحه و ترکیب رنگ هایی که برای متن و پس زمینه انتخاب نموده اید دقت نمایید. به شما قول میدهیم رعایت این نکته ها باعث خواناتر شدن مطالب و افزایش بازدید صفحه های وب سایت خواهد شد.

در خاتمه پیشنهاد می کنیم اگر شما هم دستی در طراحی دارید و نکته های مفید در این زمینه به نظر شما می رسد، در قسمت نظرات این نکته ها را با ما و سایر کاربران به اشتراک بگذارید.

منبع: designshack

پ