مطالب تازه
خانه » مقالات » استفاده از رنگها در سایت

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

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

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

چنانچه شبهاتی در تاثیر رنگ بر عواطف دارید، بهاین مطلب دقت کنید: “غول چشم سبز”، “چشم قرمز”، یا “خاطره سیاه رنگ”. غول چشم سبز، مرتبط با حسادت، چشم قرمز، به معنای شخصی خشمگین و خاطره ای سیاه رنگ به معنای افسردگی است. انسانها رنگها را به عواطف گوناگونی نسبت می دهند. علم ثابت کرده است که رنگهای مختلف می توانند انسانها را خوشحال، ناراحت، راحت، خشمگین، به وجد یا به ترس آورند.

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

3448211d2c6bd9fe3688e87452476575 Copy استفاده از رنگها در سایت

55 Copy استفاده از رنگها در سایت

جذابیت رنگها

رنگهای طبیعی

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

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

قهوه ای – قهوه ای به معنای زمین، خانه و خانواده است.

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

color in webdesign 9 Copy 300x49 استفاده از رنگها در سایت

رنگهای گرم

رنگهای گرم

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

زرد – زرد به معنای ضعف یا ترس و همچنین گرما و خوشحالی است.

نارنجی – نارنجی به مرتبط با اشتهای افراد است.

صورتی – صورتی معمولا نشان دهنده معصومیت، زنانگی و عشق است.

color in web 2 1 Copy 300x49 استفاده از رنگها در سایت

رنگهای سرد

رنگهای سرد

آبی آبی اثر بی صدا بودن در افراد را دارد. آبی به منزله هوش و اعتماد است. جالب است بدانید که بسیاری از سازمانهای مالی و پزشکی از تم های آبی استفاده می کنند. آبی می تواند همچنین جلوگیرنده اشتها باشد.

سبز – در حالیکه سبز به معنای حسادت، حریص بودن و بی تجربگی است، ولی همین رنگ به معنای پول و ثروت نیز می باشد.

ارغوانی - ارغوانی نشانه ای از خلاقیت است. سایه های تیره تر از این رنگ، در زمانهایی از تاریخ، مختص به دربار و پادشاهان بود و سایه های روشنتر آن معمولا با عشق مرتبط هستند.

images111 300x103 استفاده از رنگها در سایت

رنگهای Web Safe

 

studentswork 300x125 استفاده از رنگها در سایت

رنگهای Web Safe

رنگهای Web Safe

لامپهای خلا، LCD و تلویزیون پلاسما، هر کدام، رنگها را بگونه ای متفاوت نشان می دهند. ۲۱۶ رنگ وجود دارد که می تواند در هر نوع صفحه نمایشی و در هر نوع مرورگزی به شکلی یکسان نشان داده شوند. این ۲۱۶ رنگ، رنگهای Web Safe نامیده می شوند. چنانچه پیوستگی در رنگها مهم باشد، شما می بایست تنها از رنگهای Web Safe در سایت خود استفاده نمایید.

طرحهای رنگ

طرحهای رنگ می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.

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

رنگهای مکمل: طرح رنگهای مکمل از دو یا تعداد بیشتری از رنگهایی استفاده می کنند که در کنار هم مناسب می باشند و ترکیبی مطبوع را تولید می کنند که برای سلیقه بیشتر افراد مناسب است. یکی از رنگها ممکن است غالب باشد و رنگ دیگر مکمل آن باشد.

رنگهای متضاد: طرح رنگهای متضاد از دو یا تعداد بیشتری رنگ غالب استفاده می کنند تا یک “اثر چشمگیر” تولید شود. بعنوان مثال، استفاده از صفحه ای با پیش زمینه آبی تیره و قابی با رنگ قرمز سیر اطراف یک محدوده متنی با رنگ پیش زمینه سفید و فونت سیاه، نوعی از طرح رنگ متضاد است.

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

02 Copy 300x225 استفاده از رنگها در سایت

colors2 Copy 300x188 استفاده از رنگها در سایت

142528 0d354 Copy 300x169 استفاده از رنگها در سایت

چهارچوب کلی رنگ ها

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

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

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

blue Copy 264x300 استفاده از رنگها در سایتبهترین طرح بنروهدرباسایت محبوب خودتان

درباره‌ی نرگس جلیلی

جوابی بنویسید

ایمیل شما نشر نخواهد شد.خانه های ضروری نشانه گذاری شده است. *

*

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">