11-08-2017، 10:38 AM
انتخاب رنگهای صحیح برای سایت، به همان میزانی اهمیت دارد که انتخاب گرافیک و مطالب برای سایت مهم می باشند. در این مقاله قصد داریم تا با روند استفاده رنگ ها در روند طراحی سایت و بهینه سازی آشنا شویم .
رنگها تاثیر زیادی بر مردم دارند. برخی از رنگها می توانند عواطف گوناگونی را در مردم ایجاد کنند. عکس العملهای عاطفی می تواند تصویر شرکت شما را در ذهن بینندگان خود تحت تاثیر قرار دهد که به نوبه خود می تواند تاثیر بسزایی روی برند شرکت شما داشته باشد.
چنانچه شبهاتی در تاثیر رنگ بر عواطف دارید، بهاین مطلب دقت کنید: "غول چشم سبز"، "چشم قرمز"، یا "خاطره سیاه رنگ". غول چشم سبز، مرتبط با حسادت، چشم قرمز، به معنای شخصی خشمگین و خاطره ای سیاه رنگ به معنای افسردگی است. انسانها رنگها را به عواطف گوناگونی نسبت می دهند. علم ثابت کرده است که رنگهای مختلف می توانند انسانها را خوشحال، ناراحت، راحت، خشمگین، به وجد یا به ترس آورند.
هر چیزی که بتواند در انسانها این پاسخها را بوجود آورد، نیازمند آن است که با دقت بیشتری در طراحی سایت مورد توجه قرار گیرد. رنگها تمایل دارند تا بصورت "طبیعی"، "گرم" یا "سرد" طبقه بندی شوند. در نتیجه اجازه دهید نگاهی به آنها بیاندازیم.
روانشناسی رنگهای طبیعی در طراحی سایت :
سفید – سفید به معنای خلوص و شفافیت است. در برخی فرهنگها، سفید رنگ مرگ است در حالیکه در برخی دیگر از فرهنگها، سفید رنگ امید و ازدواج است.
خاکستری – خاکستری از اطمینان و محافظه کاری نشات می گیرد. سایه های خاکستری، از مرسوم ترین رنگها برای لباسهای رسمی کار هستند.
قهوه ای – قهوه ای به معنای زمین، خانه و خانواده است.
سیاه – سیاه به منزله بزرگنمایی قدرت، شکوه و پیچیدگی است. در برخی فرهنگها، سیاه به معنای مرگ است.
رنگهای گرم
قرمز – قرمز رنگی مطلوب برای جلب توجه است. و این همان دلیلی است که چرا از این رنگ برای نامه های تبلیغاتی استفاده می شود تا نکات ویژه مورد تاکید قرار گیرند. قرمز سمبولی برای خشم، تخطی، شهوت و هوس است و می تواند واقعا فشار خون افراد را بالاتر برد.
زرد – زرد به معنای ضعف یا ترس و همچنین گرما و خوشحالی است.
نارنجی – نارنجی به مرتبط با اشتهای افراد است.
صورتی – صورتی معمولا نشان دهنده معصومیت، زنانگی و عشق است.
رنگهای سرد در طراحی سایت :
آبی – آبی اثر بی صدا بودن در افراد را دارد. آبی به منزله هوش و اعتماد است. جالب است بدانید که بسیاری از سازمانهای مالی و پزشکی از تم های آبی استفاده می کنند. آبی می تواند همچنین جلوگیرنده اشتها باشد.
سبز – در حالیکه سبز به معنای حسادت، حریص بودن و بی تجربگی است، ولی همین رنگ به معنای پول و ثروت نیز می باشد.
ارغوانی - ارغوانی نشانه ای از خلاقیت است. سایه های تیره تر از این رنگ، در زمانهایی از تاریخ، مختص به دربار و پادشاهان بود و سایه های روشنتر آن معمولا با عشق مرتبط هستند.
رنگهای Web Safe در طراحی سایت
لامپهای خلا، LCD و تلویزیون پلاسما، هر کدام، رنگها را بگونه ای متفاوت نشان می دهند. 216 رنگ وجود دارد که می تواند در هر نوع صفحه نمایشی و در هر نوع مرورگزی به شکلی یکسان نشان داده شوند. این 216 رنگ، رنگهای Web Safe نامیده می شوند. چنانچه پیوستگی در رنگها مهم باشد، شما می بایست تنها از رنگهای Web Safe در سایت خود استفاده نمایید.
طرحهای رنگ در طراحی سایت
طرحهای رنگ می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.
تک رنگ: طرحهای تک رنگ از چندین سایه مختلف با شدتهای مختلف رنگ بر روی پیش زمینه ای سیاه و سفید می باشد. بعنوان مثال، چنانچه بخواهید از یک طرح رنگ قرمز استفاده کنید، می توانید از هر چیزی بین روشنترین صورتی تا قرمز تیره مایل به مشکی، استفاده نمایید.
رنگهای مکمل: طرح رنگهای مکمل از دو یا تعداد بیشتری از رنگهایی استفاده می کنند که در کنار هم مناسب می باشند و ترکیبی مطبوع را تولید می کنند که برای سلیقه بیشتر افراد مناسب است. یکی از رنگها ممکن است غالب باشد و رنگ دیگر مکمل آن باشد.
رنگهای متضاد: طرح رنگهای متضاد از دو یا تعداد بیشتری رنگ غالب استفاده می کنند تا یک "اثر چشمگیر" تولید شود. بعنوان مثال، استفاده از صفحه ای با پیش زمینه آبی تیره و قابی با رنگ قرمز سیر اطراف یک محدوده متنی با رنگ پیش زمینه سفید و فونت سیاه، نوعی از طرح رنگ متضاد است.
طراحان سایت نیاز دارند تا در هنگام استفاده از رنگهای متضاد دقت کنند چراکه برخی از ترکیب ها، منجر به اثر ارتعاش خواهند کرد نظیر متن قرمز روی پیش زمینه آبی که می تواند به چشمان برخی افراد صدمه وارد کند. ترکیبات دیگری نیز وجود دارند که استفاده از آنها چندان مطلوب نمی باشد.
چهارچوب کلی رنگ ها
چهارچوبی که در زیر آمده است پیشنهادهایی می باشند که می بایست در ساخت و طراحی صفحات در نظر گرفته شوند تا برای همگان خوانا باشد.
متن باید خوانا باشد. واضح است که سیاه روی سفید، انتخابی پیش فرض است ولی ترکیبات دیگر نیز می توانند مناسب باشند. سفید یا زرد یا رنگهای روشن دیگر نیز روی پیش زمینه های سیاه یا تیره مناسب می باشند. ولی زرد، سبز یا خاکستری روی سفید مناسب نمی باشند.
از رنگهایی استفاده کنید که برای چشم جذاب و مطلوب هستند.
رنگهایی را انتخاب کنید که تصویری را که می خواهید به بازدید کنندگان تان بدهد.
برای رنگهای پیوسته در همه مرورگرها، از رنگهای Web Safe استفاده نمایید.
از تصاویری با شدت رنگ معمولی برای پیش زمینه استفاده نکنید. این کار سبب خواهد شد تا خوانایی متن کاهش یابد. چنانچه از تصویری استفاده می کنید، آن را با ویژگی watermark استفاده نمایید.
رنگها می بایست در صفحات سایت شما، متحدالشکل باشند تا برندی را برای سایت تان خلق کنند و به بازدید کنندگان این حس را القا کند که آنها هنوز روی سایت شما هستند.
وقنی سایتی را طراحی می کنید، تم رنگی را انتخاب کنید، این موضوع به همان میزان اهمییت دارد که المانهای گرافیکی و مطالب سایت اهمییت دارند. ظاهر کلی سایت، حس بازدید کنندگان سایت را مشخص خواهد کرد و می تواند مشخص کننده تفاوت میان موفقیت و شکست در طراحی سایت باشد.
رنگها تاثیر زیادی بر مردم دارند. برخی از رنگها می توانند عواطف گوناگونی را در مردم ایجاد کنند. عکس العملهای عاطفی می تواند تصویر شرکت شما را در ذهن بینندگان خود تحت تاثیر قرار دهد که به نوبه خود می تواند تاثیر بسزایی روی برند شرکت شما داشته باشد.
چنانچه شبهاتی در تاثیر رنگ بر عواطف دارید، بهاین مطلب دقت کنید: "غول چشم سبز"، "چشم قرمز"، یا "خاطره سیاه رنگ". غول چشم سبز، مرتبط با حسادت، چشم قرمز، به معنای شخصی خشمگین و خاطره ای سیاه رنگ به معنای افسردگی است. انسانها رنگها را به عواطف گوناگونی نسبت می دهند. علم ثابت کرده است که رنگهای مختلف می توانند انسانها را خوشحال، ناراحت، راحت، خشمگین، به وجد یا به ترس آورند.
هر چیزی که بتواند در انسانها این پاسخها را بوجود آورد، نیازمند آن است که با دقت بیشتری در طراحی سایت مورد توجه قرار گیرد. رنگها تمایل دارند تا بصورت "طبیعی"، "گرم" یا "سرد" طبقه بندی شوند. در نتیجه اجازه دهید نگاهی به آنها بیاندازیم.
روانشناسی رنگهای طبیعی در طراحی سایت :
سفید – سفید به معنای خلوص و شفافیت است. در برخی فرهنگها، سفید رنگ مرگ است در حالیکه در برخی دیگر از فرهنگها، سفید رنگ امید و ازدواج است.
خاکستری – خاکستری از اطمینان و محافظه کاری نشات می گیرد. سایه های خاکستری، از مرسوم ترین رنگها برای لباسهای رسمی کار هستند.
قهوه ای – قهوه ای به معنای زمین، خانه و خانواده است.
سیاه – سیاه به منزله بزرگنمایی قدرت، شکوه و پیچیدگی است. در برخی فرهنگها، سیاه به معنای مرگ است.
رنگهای گرم
قرمز – قرمز رنگی مطلوب برای جلب توجه است. و این همان دلیلی است که چرا از این رنگ برای نامه های تبلیغاتی استفاده می شود تا نکات ویژه مورد تاکید قرار گیرند. قرمز سمبولی برای خشم، تخطی، شهوت و هوس است و می تواند واقعا فشار خون افراد را بالاتر برد.
زرد – زرد به معنای ضعف یا ترس و همچنین گرما و خوشحالی است.
نارنجی – نارنجی به مرتبط با اشتهای افراد است.
صورتی – صورتی معمولا نشان دهنده معصومیت، زنانگی و عشق است.
رنگهای سرد در طراحی سایت :
آبی – آبی اثر بی صدا بودن در افراد را دارد. آبی به منزله هوش و اعتماد است. جالب است بدانید که بسیاری از سازمانهای مالی و پزشکی از تم های آبی استفاده می کنند. آبی می تواند همچنین جلوگیرنده اشتها باشد.
سبز – در حالیکه سبز به معنای حسادت، حریص بودن و بی تجربگی است، ولی همین رنگ به معنای پول و ثروت نیز می باشد.
ارغوانی - ارغوانی نشانه ای از خلاقیت است. سایه های تیره تر از این رنگ، در زمانهایی از تاریخ، مختص به دربار و پادشاهان بود و سایه های روشنتر آن معمولا با عشق مرتبط هستند.
رنگهای Web Safe در طراحی سایت
لامپهای خلا، LCD و تلویزیون پلاسما، هر کدام، رنگها را بگونه ای متفاوت نشان می دهند. 216 رنگ وجود دارد که می تواند در هر نوع صفحه نمایشی و در هر نوع مرورگزی به شکلی یکسان نشان داده شوند. این 216 رنگ، رنگهای Web Safe نامیده می شوند. چنانچه پیوستگی در رنگها مهم باشد، شما می بایست تنها از رنگهای Web Safe در سایت خود استفاده نمایید.
طرحهای رنگ در طراحی سایت
طرحهای رنگ می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.
تک رنگ: طرحهای تک رنگ از چندین سایه مختلف با شدتهای مختلف رنگ بر روی پیش زمینه ای سیاه و سفید می باشد. بعنوان مثال، چنانچه بخواهید از یک طرح رنگ قرمز استفاده کنید، می توانید از هر چیزی بین روشنترین صورتی تا قرمز تیره مایل به مشکی، استفاده نمایید.
رنگهای مکمل: طرح رنگهای مکمل از دو یا تعداد بیشتری از رنگهایی استفاده می کنند که در کنار هم مناسب می باشند و ترکیبی مطبوع را تولید می کنند که برای سلیقه بیشتر افراد مناسب است. یکی از رنگها ممکن است غالب باشد و رنگ دیگر مکمل آن باشد.
رنگهای متضاد: طرح رنگهای متضاد از دو یا تعداد بیشتری رنگ غالب استفاده می کنند تا یک "اثر چشمگیر" تولید شود. بعنوان مثال، استفاده از صفحه ای با پیش زمینه آبی تیره و قابی با رنگ قرمز سیر اطراف یک محدوده متنی با رنگ پیش زمینه سفید و فونت سیاه، نوعی از طرح رنگ متضاد است.
طراحان سایت نیاز دارند تا در هنگام استفاده از رنگهای متضاد دقت کنند چراکه برخی از ترکیب ها، منجر به اثر ارتعاش خواهند کرد نظیر متن قرمز روی پیش زمینه آبی که می تواند به چشمان برخی افراد صدمه وارد کند. ترکیبات دیگری نیز وجود دارند که استفاده از آنها چندان مطلوب نمی باشد.
چهارچوب کلی رنگ ها
چهارچوبی که در زیر آمده است پیشنهادهایی می باشند که می بایست در ساخت و طراحی صفحات در نظر گرفته شوند تا برای همگان خوانا باشد.
متن باید خوانا باشد. واضح است که سیاه روی سفید، انتخابی پیش فرض است ولی ترکیبات دیگر نیز می توانند مناسب باشند. سفید یا زرد یا رنگهای روشن دیگر نیز روی پیش زمینه های سیاه یا تیره مناسب می باشند. ولی زرد، سبز یا خاکستری روی سفید مناسب نمی باشند.
از رنگهایی استفاده کنید که برای چشم جذاب و مطلوب هستند.
رنگهایی را انتخاب کنید که تصویری را که می خواهید به بازدید کنندگان تان بدهد.
برای رنگهای پیوسته در همه مرورگرها، از رنگهای Web Safe استفاده نمایید.
از تصاویری با شدت رنگ معمولی برای پیش زمینه استفاده نکنید. این کار سبب خواهد شد تا خوانایی متن کاهش یابد. چنانچه از تصویری استفاده می کنید، آن را با ویژگی watermark استفاده نمایید.
رنگها می بایست در صفحات سایت شما، متحدالشکل باشند تا برندی را برای سایت تان خلق کنند و به بازدید کنندگان این حس را القا کند که آنها هنوز روی سایت شما هستند.
وقنی سایتی را طراحی می کنید، تم رنگی را انتخاب کنید، این موضوع به همان میزان اهمییت دارد که المانهای گرافیکی و مطالب سایت اهمییت دارند. ظاهر کلی سایت، حس بازدید کنندگان سایت را مشخص خواهد کرد و می تواند مشخص کننده تفاوت میان موفقیت و شکست در طراحی سایت باشد.