ساده گرایی (مینیمالیسم) چیست؟

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

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

برای طراحی یک سایت مینیمال روش های گوناگونی وجود دارد، اما مهمترین عامل در آن ایجاد فضایی متعادل و ساده است، به دور از هر گونه تزئین و با استفاده از کمترین المان ها

در اینجا به بررسی تعدادی از سایت های مینیمال می پردازیم.

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

در ساده ترین حالت ریتم را نشان می دهد

استفاده از پالت رنگی محدود

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

پالت رنگی آن‌ها معمولا یک یا دو رنگ خاص دارد و رنگ‌ها همواره به صورت تخت استفاده می‌شوند.

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

استفاده از آرم نوشتاری بجای نشانه‌های تصویری و شلوغ

]]> http://soofolio.com/blog/%d8%b3%d8%a7%d8%af%d9%87-%da%af%d8%b1%d8%a7%db%8c%db%8c-%d8%af%d8%b1-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8/feed/ 1 http://soofolio.com/blog/%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%a8%d8%b5%d8%b1%db%8c-%d9%88-%d8%aa%d8%a7%d8%ab%db%8c%d8%b1-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a7%d8%ae%d8%aa%d8%a7%d8%b1-%d8%b7%d8%b1%d8%ad-%d9%82%d8%b3%d9%85/ http://soofolio.com/blog/%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%a8%d8%b5%d8%b1%db%8c-%d9%88-%d8%aa%d8%a7%d8%ab%db%8c%d8%b1-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a7%d8%ae%d8%aa%d8%a7%d8%b1-%d8%b7%d8%b1%d8%ad-%d9%82%d8%b3%d9%85/#comments Tue, 21 Feb 2012 09:14:00 +0000 soofolio http://soofolio.com/?p=465

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

ریتم:

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

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

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

این عنصر انواع گوناگونی دارد که ساده‌ترین حالت آن تکرار یکنواخت است.

استفاده از ریتم یکپارچگی به کل کار بخشیده است.

در این سایت ریتم یکنواختی را می بینیم که با تکرار یک عنصر با تغییری جزیی به وجود آمده است.

ریتم افزایشی که یک تصویر با تغییری جزئی تکرار شده و این تکرار با افزایش سایز همراه است.

حجم:

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

از انواع حجم می‌توان به ساده ترین حالت آن که شامل مکعب، کره، منشور و… اشاره کرد که حجم هندسی نامیده می‌شوند. و نوع غیر هندسی آن از ترکیب حجم‌های هندسی بوجود می‌آید. هم چنین حجم می‌تواند از فضای منفی میان دو سطح ایجاد شود.

استفاده از مکعب در طرح و ایجاد حجم سه بعدی

فضا:

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

این عنصر به چند صورت دید می‌شود: فصای مسطح؛ که از کنار هم قرار گرفتن سطوح مسطح ایجاد می‌شود و به طرح دو بعدی است. فضای غیر واقعی؛ فضایی است که نوعی توهم وجود فضای سه بعدی را ایجاد می‌کند.

همان طور که می‌بینید طراح با استفاده از تصویر و سطوح حس سه بعدی بودن را در این تصویر ایجاد کرده است.

حرکت:

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

به حرکت در آوردن چشم به وسیله خطوط و سطوح منحنی

تعادل:

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

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

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

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

فضای مثبت و منفی:

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

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

این مطلب را برای سایت وبلاگینا نوشته ام  و می توانید نسخه اصلی آن را  در اینجا ببینید.

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

ترکیب بندی چیست؟

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

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

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

عناصر بصری در طراحی

استفاده درست و هماهنگ از این عناصر تاثیر چشم گیری در زیبایی و تاثیر گذار بودن سایت شما دارد.

نقطه:

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

در این طرح اسم سایت در قالب یک نقطه نمایان شده است که چشم را به سمت خود جذب می کند و پر انرژی ترین بخش سایت است.

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

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

نقطه همیشه به صورت دایره نیست و می تواند اشکال مختلفی داشته باشد.

خط:

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

خط بسته به نوع آن (افقی، عمودی، منحنی، شکسته و…) مفهوم خاصی را منتقل می کند.

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

خطوط عمودی: متعادل و دارای استحکام، نیرومندی و ایستایی

خطوط مورب: خطی نا پایدار و دارای حرکت

خطوط منحنی: حرکتی نرم دارند و چشم را در صفحه می چرخاند و حس لطیفی به کار می دهد.

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

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

خطوط زیر لوگو چشم را به سمت نمونه کارهای پایین سایت می کشاند.

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

خط چین آبی مسیر کلی مطالب سایت را مشخص کرده که چشم آن را به راحتی دنبال می کند.

استفاده از خطوط مورب تعادل را در صفحه از بین برده است.

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

سطح:

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

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

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

استفاده از دایره حس حرکت و جنبش را در طرح ایجاد کرده است.

در این طرح استفاده از مربع باعث ایستایی و استحکام در ساختار طرح شده.

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

استفاده از سطوح مورب و ایجاد ناپایداری و حرکت در صفحه.

در این سایت از اشکال نا منظم و غیر هندسی استفاده شده که نوعی اغراق و نامنظمی را در کار بوجود آورده.

بافت:

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

در این سایت از بافت پارچه کنفی که پوششی سنتی برای قهوه محسوب می شود استفاده شده.

ایجاد فضایی کهنه و قدیمی با استفاده از بافت کاغذ کاهی

در مطلب بعدی به بررسی سایر عناصر بصری و تاثیر آنها در طراحی وب می پردازیم، همچنین انواع ترکیب بندی را بررسی می کنیم.

این مطلب را برای سایت وبلاگینا نوشته ام  و می توانید نسخه اصلی آن را  در اینجا ببینید.

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

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

رنگ‌های سرد

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

آبی

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

آبی فیروزه‌ای حس شادابی و آرامش را به بیننده می‌دهد.

همان طور که می‌بینید استفاده از رنگ آبی روشن در این وب سایت نمایانگر آرامش و صمیمیت است.

آبی تیره ترکیبی جدی‌تر و تجاری بوجود آورده است

آبی روشن مایل به فیروزه‌ای در کنار خاکستری ترکیبی مدرن را بوجود می‌آورد.

سبز

سبز رنگ زندگی و طبیعت است، این رنگ زمینی‌تر از آبی است و یاد آور بهار، رشد، جوانه گیاهان، طراوت و تازگی است. سبز خصوصیت آرامش را از آبی در خود دارد و هر چه این ترکیب به سمت آبی می‌رود آسمانی‌تر و آرام‌تر است (مانند سبز آبی) و افزایش میزان زرد آن را زمینی‌تر و پر انرژی‌تر می‌کند.

استفاده از سبز روشن متمایل به زرد حس تازگی و انرژی را به ما می‌دهد.

استفاده از سبز مناسب سایت‌های مواد غذایی طبیعی است، و حس سلامتی و تازگی را به بیننده می‌دهد.
برگ و طیف سبز رنگ آن در این سایت یاد آور طبیعت و محصولات طبیعی است.

ترکیبی از رنگ سبز و زرد که به ترکیب سایت انرژی داده است.

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

طیف‌های بنفش روشن مناسب سایت‌های بانوان است چون رنگی لطیف و ملایم است.

وقتی این رنگ به سمت قرمز می‌رود انرژی آن بیشتر می‌شود.

ترکیب تیره‌تر این رنگ تجملی و شیک‌تر است.

رنگ‌های گرم

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

استفاده از رنگ قرمز برای سایت‌های فست فود و مواد غذایی.

ترکیب آن با مشکی ترکیبی شیک و تجملی بوجود می‌آورد، قرمز تیره نمادی از سلطنت و پادشاهی نیز به شمار می‌آید.

طیف‌های روشن و صورتی ترکیبی ملایم و کودکانه به سایت می‌دهد.

اسفاده از این رنگ به صورت خالص بسیار پر انرژی است.

نارنجی

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

استفاده در سطوح کم برای جلب توجه

پس زمینه نارنجی فضا را پر انرژی کرده است.

ترکیب زرد نارنجی با خاکستری ترکیبی صنعتی به‌وجود آوره که زمینه خاکستری باعث افزایش انرژی زرد- نارنجی شده است.

زرد

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

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

ترکیب‌های روشن‌تر فضایی کودکانه‌تر و فانتزی به سایت می‌بخشد.

این مطلب را برای سایت وبلاگینا نوشته ام  و می توانید نسخه اصلی آن را  در اینجا ببینید.

]]> http://soofolio.com/blog/%d8%b1%d9%86%da%af-%d8%af%d8%b1-%d8%af%d9%86%db%8c%d8%a7%db%8c-%d9%88%d8%a8-%d8%ae%d8%a7%d8%b5%db%8c%d8%aa-%d8%b1%d9%86%da%af%e2%80%8c%d9%87%d8%a7%db%8c-%d8%b3%d8%b1%d8%af-%d9%88-%da%af%d8%b1%d9%85/feed/ 1 http://soofolio.com/blog/%d8%b1%d9%86%da%af-%d8%af%d8%b1-%d8%af%d9%86%db%8c%d8%a7%db%8c-%d9%88%d8%a8/ http://soofolio.com/blog/%d8%b1%d9%86%da%af-%d8%af%d8%b1-%d8%af%d9%86%db%8c%d8%a7%db%8c-%d9%88%d8%a8/#comments Mon, 14 Mar 2011 08:49:30 +0000 soofolio http://soofolio.com/wptest/?p=5 در طراحی وب، رنگ مهم‌ترین عامل بصری و اولین عنصر تاثیرگذار بر کاربر است. چون وجود نور باعث تشدید رنگ‌ها می‌شود، بنابراین انتخاب مناسب و به‌جای آن می‌تواند به جذابیت سایت بیافزاید و گاهی انتخاب نامناسب باعث می‌شود کاربر تا بارگذاری کامل صفحه منتظر نماند.

انتخاب رنگ، یک موضوع کاملا سلیقه‌ای است و اثر روانشناسی و مفهوم آن در فرهنگ‌های گوناگون در درجات بعدی اهمیت قرار دارند اما رعایت این مسائل باعث انتقال بهتر موضوع به کاربر می‌شود.

رنگ

به طور کلی رنگ‌ها دارای سه مشخصه اصلی هستند که با تغییر در آنها طیف‌های گوناگون رنگ پدید می‌آیند. این سه مشخصه عبارتند از:

فام (Hue)
درخشندگی (Value)
اشباع (Saturation)

فام یا ته‌رنگ

فام در واقع همان اسم عام رنگ است که به صورت کامل و در نهایت درخشش دیده شود، مثلا فام آبی. رنگ‌ها به دو دسته کلی فام‌دار (قرمز، آبی، زرد و …) و بی فام (سیاه، سفید و خاکستری) تقسیم می‌شوند.

فام‌های اولیه

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

فام‌های ثانویه

این رنگ‌ها از ترکیب دو به دو رنگ‌های اولیه با هم به‌دست می‌آیند که شامل سبز، نارنجی و بنفش می‌باشد.

فام‌های ثالثه

از ترکیب فام‌های اولیه و ثانویه با هم، فام های ثالثه بدست می‌آیند که شامل رنگ‌های حلقه بیرونی دایره رنگ می‌شود.

درخشندگی

درخشندگی درجه تیرگی یا روشنی هر رنگ است و طیف‌های گوناگون یک فام (رنگ) از روشن‌ترین حالت تا تیره‌ترین را تشکیل می‌دهد.

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

اشباع یا خلوص رنگی

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

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

در قسمت بعدی به بررسی رنگ‌های سرد و گرم و تاثیر آن در طراحی سایت و همچنین رنگ‌های مکمل می‌پردازیم.

این مطلب را برای سایت وبلاگینا نوشته ام  و می توانید نسخه اصلی آن را  در اینجا ببینید.