logo
  • گرافیک سایت

elahe neshati

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

الهام گرفتن از طبیعت در طراحی سایت

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

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

 

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

 

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

انتخاب رنگ مناسب برای وب سایت

 

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

 

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

اصول رنگ بندی سایت

 

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

 

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

بهترین رنگ ها برای طراحی وب

 

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

 

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

رنگ وب سایت

 

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

 

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

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

 

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

 

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

کد رنگ سایت

 

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

 

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

ترکیب رنگ مناسب

 

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

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

نکات ارزنده برای طراحان وب و طراحان گرافیک

طراحی وب وطراحی سایت

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

نکات مهمی برای طراحان گرافیک

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

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

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

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

نکات ارزنده برای طراحان وب و طراحان گرافیک

رنگ بندی مناسب برای وب سایت

رنگ بندی مناسب در طراحیث سایت

تئوری رنگ

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

کنتراست

هر تیره از رنگ یک مجموعه مخالف دارد- یک رنگ “دوست مخالف” (Arch-Nemesis) که کنتراست آن بسیار بیشتر از هر رنگ دیگری است. برای مثال در رنگ آبی، رنگ سرمه ایی و آبی آسمانی با یکدیگر بیشترین کنتراست را دارند (برای دقت بیشتر می توانید از نمودار چرخ رنگ Color Wheel یا از یک برنامه کاربردی استفاده کنید).

مکمل

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

طراوت Vibrancy

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

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

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

 

رنگ ها در فرهنگ های مختلف

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

 

قرمز

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

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

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

در خاورمیانه قرمز احساس خطر و احتیاط را نشان می دهد. برخی نیز آن را رنگ شرارت می دانند.

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

 

نارنجی

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

در فرهنگ های شرقی و آسیایی نارنجی به ویژه زعفرانی در فرهنگ های هند مقدس است. و در ژاپن رنگ نارنجی نماد شجاعت و عشق است.

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

در برخی از فرهنگ های خاورمیانه نارنجی با عزاداری و از دست دادن در ارتباط است.

در سراسر جهان نارنجی می تواند با مذاهب در ارتباط باشد، و در مسیحیت نشانه پرخوری و طمع است.

 

زرد

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

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

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

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

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

 

آبی

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

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

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

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

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

 

سبز

در فرهنگ های غربی (شمال امریکا و اروپا) سبز رنگ ایرلندی است (روز سنت پاتریک و نیز رنگ ملی ایرلند) و نشان دهنده شانس در بسیاری از کشورهای غربی می باشد. سبز همچنین به طبیعت، محیط زیست و حفاظت از عوامل محیطی اشاره می کند، مانند “کسب و کار سبز” و یا “پاک کننده های خانگی سبز”. استفاده سبز با قرمز با کریسمس نیز در ارتباط می باشد. سبز نماد پیشرفت نیز است یا به معنی “رفتن” و در ایالات متحده، سبز رنگ پول است و اغلب با حسادت همراه است.

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

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

سبز، بخصوص سبز زیتونی، تقریبا در هر کشوری با نیروی های ارتشی و نظامی در ارتباط است.

 

بنفش

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

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

در خاورمیانه بنفش و ثروت با هم مترادف هستند. در مصر، تعریف بنفش نیز شامل فضیلت می شود.

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

 

صورتی

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

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

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

در خاورمیانه صورتی معنی متمایزی ندارد.

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

 

قهوه ای

در فرهنگ های غربی (آمریکای شمالی و اروپا) قهوه ای رنگ زمین است، اما می تواند با سلامتی یا نازایی (بیابان) همراه باشد. در ایالات متحده، این رنگ اغلب برای بسته بندی (در شرکت حمل و نقل موفق UPS استفاده شده است) و ظروف غذا استفاده می شود. قهوه ای پایدار، قابل اعتماد و سالم است، که با رنگ دانه ها نیز در ارتباط است.

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

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

خاورمیانه قهوه ای با زمین و آسایش همراه است.

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

 

سیاه

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

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

در آمریکای لاتین سیاه با مردانگی مرتبط است.

در خاورمیانه، سیاه تا حدودی متضاد است، با معانی به هم همبسته، تولد، تولد دوباره و عزاداری. یا شر و رمز و راز نیز با سیاه مرتبط است.

تقریبا در سراسر جهان سیاه با سحر و جادو و ناشناخته در ارتباط است.

 

سفید

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

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

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

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

در سراسر جهان پرچم سفید نماد جهانی آتش بس است.

 

انواع طرح رنگ Color Scheme

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

در حالی که روش های مختلفی برای ترکیب رنگ ها وجود دارد، ما بر روی 3 مورد موفق و رایج تمرکز می کنیم:

Triadic

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

ترکیب و تقسیم مکمل Compound Split Complementary

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

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

مشابه Analogous

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

برای مثال سایت Blinksale با استفاده از آبی، فیروزه ای و سبز برای سایت یک فضای رام و امن ایجاد می کند. و از زرد (متضاد) برای جلب توجه و تحریک به عمل استفاده می برد.

آنچه که ما در مورد آن بحث کردیم، تنها مبانی نظریه ترسیم رنگ است که نشان می دهد تئوری رنگ چطور می تواند طراحی و رابط کاربری شما را ارتقاء دهد. اما هیچ محدودیتی برای عمق و تاثیر گذاری رنگ ها وجود ندارد.

 

ابزارهای انتخاب رنگ

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

Adobe Colour CC

شما ممکن است آن را با نام قبلی Adobe Kuler بشناسید. اما Adobe به تازگی نام این برنامه محبوب را تغییر داده است که در طول سالها از ابزار ساده رنگ مبتنی بر وب به نسل کامل تم و اشتراک گذاری منابع به عنوان Adobe Color CC تبدیل شده است.

با این وجود، طبیعت اساسی آن تغییر نکرده است: Colour CC به شما امکان می دهد تا طرح های مختلف رنگی را ایجاد و ذخیره کنید، که هر کدام شامل یک مجموعه پنج رنگی است. همچنین این ابزار در انواع نسخه browser-hosted و desktop موجود است. اگر شما از نسخه دسکتاپ استفاده می کنید می توانید یک طرح رنگ را مستقیما به فتوشاپ، Illustrator و InDesign اکسپورت کنید.

Mudcube Colour Sphere

یک منبع رنگی مفید برای طراحان است. که نه تنها hex numbers هر رنگ را فراهم می کند؛ همچنین به شما کمک می کند تا یک طرح رنگی را از یک Shade انتخابی ایجاد کنید. اگر شما مطمئن نیستید که چه طرح رنگی باید داشته باشید، Mudcube یک انتخاب از تم ها را از یک منوی کشویی فراهم می کند.

Check my Colours

این ابزار طراحی وب برای بررسی ترکیب رنگ پیش زمینه و پس زمینه تمام عناصر DOM طراحی شده است، تا تعیین کند که آیا آنها برای کسی که دارای مشکل شناسایی رنگ است، کنتراست کافی را دارد یا خیر. تمام آزمایش ها بر اساس الگوریتم هایی است که توسط کنسرسیوم جهانی وب (W3C) ارائه شده است. و این برنامه توسط طراح وب Giovanni Scala ایجاد شده است.

The Color App

این ابزار iOS با هدف یافتن ساده تر رنگ ها، با شبکه بزرگی از رنگ، شما را قادر می سازد رنگ نمونه، RGB، Hex و HSLA را پیدا کرده و پالت های رنگی ایجاد کنید تا ببینید که چگونه با هم کار می کنند.

Paletton

عالی برای مبتدیان- اگر شما نیاز به یک ابزار سریع و آسان دارید این ابزار کمکی می تواند برای شما بسیار مناسب باشد.

Flat UI Color Picker

که برای Flat-UI طراحی شده، هنوز یک ابزار مفید و راحت برای انتخاب رنگ است.

 

از برخی دیگر از ابزار های انتخاب رنگ می توان به Color Hunter, TinEye, SpyColor.com, Designspiration, ColorExplorer, Hex Color Scheme Generator, COLOURlovers, Color Scheme Designer, COPASO, ColorZilla, Colormunki, colr.org, ColourGrab, ColorBlender, GrayBit, Shutterstock Spectrum, Stripe Generator, Colors on the Web, Pictaculous, Contrast-A, ColoRotate اشاره کرد.

رنگ بندی مناسب برای وب سایت

 

مطالبی در مورد نحوه انتخاب رنگ ها در طراحی سایت

نحوه ی انتخاب رنگ در طراحی سایت

 

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

رنگ‌ها را در کجا به کار ببریم؟

شما باید بخش‌های کلیدی مختلفی را در نظر بگیرید و رنگ‌های متناسب با هر جزء از صفحه موردنظر را انتخاب کنید:

  • تبلیغات بالا-پر (Pop-ups)
  • حاشیه‌ها
  • سرفصل‌ها
  • رنگ پس‌زمینه
  • آگهی‌ها اولیه وب سایت و یا کارهای گرافیکی اصلی
  • دکمه‌ها، به‌ویژه دکمه فراخوان

تعیین مخاطبان هدف خود را در هنگام انتخاب طرح رنگ فراموش نکنید!

چگونه رنگ محرک های حسی را تحت تاثیر قرار می دهد؟

ارتباط بین رنگ‌ها و اصرار در خرید یک محصول ازنظر علمی به اثبات رسیده است. هنگامی‌که شما رنگ خاصی را مشاهده می‌کنید، واکنش‌های متعددی در مغز شما رخ می‌دهد که منجر به تحریک احساسات مختلف و تأثیرگذاری بر رفتار شما می‌شود. تحقیقات نشان می‌دهد که ۶۰-۹۰٪ از تصمیم‌های خرید بر اساس رنگ صورت می‌گیرد! با دانستن این واقعیت‌های روانشناسی و ذهنی، شما می‌توانید استدلال معکوس را در وب‌سایت خود تنها از طریق انتخاب رنگ‌های مناسب تقویت کنید.

قرمز

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

جنبه‌های مثبت :

  • در ارتباط متقابل با عشق
  • ایجاد حس فوریت و نیاز
  • ایجاد احساس شور و هیجان یا تشویق

جنبه‌های منفی :

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

نارنجی

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

جنبه‌های مثبت :

  • درخشان‌ترین سایه‌های رنگ نارنجی با جامعه‌پذیری، شادی، انرژی مرتبط هستند
  • سرعت، ریتم دقیق، احساسات آتشین
  • یک داروی ضدافسردگی بسیار عالی

جنبه‌های منفی :

  • تأمل و عملکرد محتاطانه

زرد

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

جنبه‌های مثبت :

  • احساس راحتی و آرامش
  • حس کنجکاوی
  • حس انرژی

جنبه‌های منفی :

  • می‌تواند به‌عنوان رنگ کودکانه و یا رنگ جوان‌پسند در نظر گرفته شود

سبز

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

جنبه‌های مثبت :

  • طراوت بخشی و آرامش بخشی، رها کردن افراد با حسی الهام‌ب خش
  • نشان‌دهنده تعادل و هارمونی در طراحی و طبیعت

جنبه‌های منفی:

  • رنگ بیش‌ازحد آرام بخشی است و بازدیدکنندگان را مجاب به انجام هیچ اقدامی نمی کند.

آبی

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

جنبه‌های مثبت :

  • آبی‌رنگ آرام بخشی است
  • آرامش فیزیکی را افزایش می‌دهد
  • موجب ایجاد فضای امنیت و اعتماد می‌گردد
  • رنگ آبی به‌عنوان رنگ خلاقیت در نظر گرفته‌شده است

جنبه‌های منفی :

  • رنگ سردی است، توجه کاربر را به موضوعات دیگری منحرف می‌کند

 

نتیجه‌گیری :

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

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

 

 نحوه انتخاب رنگ ها در طراحی سایت

ترکیب بندی در طراحی سایت

ترکیب رنگ در طراحی سایت

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

 

سه معیار اساسی برای انتخاب رنگ بندی:

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

انواع مختلف رنگ بندی:

در رابطه با طراحی سایت و آماده سازی ترکیب رنگ مناسب، بهتر است ابتدا انواع ترکیب بندی را بشناسید.

رنگ بندی منوکرومیک یا تک رنگ:

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

رنگ مجاور:

این رنگ ها در چرخه رنگ در کنار یکدیگر قرار دارند (مثل سبز و زرد و سرخابی) . ویژگی این رنگ بندی این است که یکی از رنگ ها مقداری از رنگ دیگر را در خود دارد. این رنگ ها را می توان به عنوان رنگ های هماهنگ و همه کاره نیز تعریف کرد. البته نباید در به کار بردن این رنگ ها نیز زیاده روی کرد.

رنگ بندی مکمل یا تریادیک:

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

رنگ بندی تترادیک:

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

رنگ بندی مکمل های متساوی الساقین:

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

ترکیب بندی در طراحی سایت

مطالبی پیرامون رنگ در دنیای طراحی وب

رنگ در طراحی سایت

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

رنگ
به طور کلی رنگ‌ها دارای سه مشخصه اصلی هستند که با تغییر در آنها طیف‌های گوناگون رنگ پدید می‌آیند. این سه مشخصه عبارتند از:
فام (Hue)
درخشندگی (Value)
اشباع (Saturation)
فام یا ته‌رنگ
فام همان اسم عام رنگ است که  در نهایت درخشش دیده شود، رنگ‌ها به دو دسته کلی فام‌دار (قرمز، آبی، زرد و …) و بی فام (سیاه، سفید و خاکستری) تقسیم می‌شوند.

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

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

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

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

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

 رنگ در دنیای طراحی وب

نکاتی پیرامون ساده سازی طراحی سایت

ساده سازی در سایت

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

 

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

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

آماده شروع ساده ساختن طراحی وب سایت خود هستید؟ بسیار عالی، همراه ما باشید و به این 5 نکته توجه کنید:

1-تمرکز روی عناصر ضروری برای ساده سازی وب سایت:

 

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

از قانون 80-20 استفاده کنید:

اگر کل صفحه را 100 درصد در نظر بگیریم ، 20 درصد از آنچه در یک صفحه است، 80 درصد از ارزش و محتوا که مردم برای آن می آیند، به دست می آورند؟ این می تواند   یک فرم ثبت نام یا دکمه تماس  برای مثال باشد. این 20٪ درست در آنجا است. در وب سایت خود، و همچنین در هر صفحه فردی، تمرکز بر نمایش تنها 20٪ از عناصر سایت است که 80٪ از آن سودمندی را ارائه می دهند.

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

2-خود را از عناصر غیر ضروری خلاص کنید :

 

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

3- تعداد صفحات را کاهش دهید:

 

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

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

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

4- محتوای با ارزش را در بالای صفحه قرار دهید:

 

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

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

5- محدود کردن طرح و رنگ:

 

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

برای خلاصه، در اینجا 5 نقطه شروع برای ساده سازی طراحی وب سایت شما را بیان می کنیم:

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

 ساده سازی طراحی سایت

مطالبی پیرامون اهمیت رنگ ها در طراحی وب

اهمیت رنگ در طراحی وب

شاید در وهله‌ی اول اهمیت رنگ ها در طراحی وب چندان به چشم نیاید. اما باید بدانید که تعیین کننده‌ی سرنوشت برند و سایت شماست. طبق گفته‌ی ساتیندرا سینگ در کتاب «Management Decision»، در بازدید اولیه از سایت، مردم ظرف ۹۰ ثانیه درباره‎ی همه چیز تصمیم می‎گیرند. ۶۰ تا ۹۰ درصد این تصمیم‎گیری کاملاً وابسته به رنگ‎ها است. همین یافته، اهمیت رنگ ها را در طراحی وب را نشان می‎دهد.

تئوری رنگ ها

این موضوع به قدری گسترده است که به اندازه‌ی یک کتاب توضیحات لازم دارد. رنگ‎ها روی طراحی رابط کاربری (User Interface) مؤثرند. به همین دلیل رابطه‎ی این دو را در سه بخش بررسی کرده‎ایم.

 

رنگ های متضاد

بهترین مرجع رنگ دابره‎ای است به نام چرخه‎ رنگ که توسط استاد هنر آلمانی «یوهان ایتن» اختراع شد. در این چرخه هر رنگی متضادی دارد که آرک-نمسیس (arch-nemesis) نام دارد که نسبت به هر رنگ دیگری بیشترین تأثیر در جلوه بصری دارد. فقط کافی رنگ مورد نظرتان را انتخاب کنید و به دنبال متضاد آن در طرف دیگر چرخه‎ رنگ باشید.

رنگ های مکمل

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

تأثیر روانی رنگ ها

مجموعاً ۱۶۷۷۷۲۱۶ رنگ شناخته شده وجود دارد که هر کدام تأثیر بسیار متفاوتی نسبت به دیگری در بازدید‌کنندگان ایجاد می‌کنند. رنگ‌های گرم و روشن، مثل قرمز، نارنجی، زرد، کاربر‎ انرژی تزریق می‌کند و میزان فعالیت‌شان را بالا می‌برد. طیف رنگ های تیره و سرد، مثل سبز، آبی، بنفش، نمایانگر آرامش هستند.

ادبیات رنگ ها

تا به حال فکر کرده اید چرا هر رنگی احساس متفاوتی برای ما دارد؟ از نظر روانشناسی همه‎ دارای قوه‌ای ذاتی هستند که بلاشک نسبت به رنگ‌ها واکنش نشان می‌دهند. پس اساساً رنگ‎ها در ارتباط با افکار و ایده‎های ما معنا پیدا می‎کنند. همین اهمیت رنگ ها در طراحی وب را مشخص میکند.

در ادامه به طور مختصر درباره‎ی رنگ‎ها، به ترتیب در سه طیف گرم، سرد و خنثی توضیح داده‎ایم که دانستن آن در طراحی وب تأثیرگذار است.

رنگ های گرم

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

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

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

رنگ های سرد

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

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

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

رنگ های خنثی

مشکی: قوی ترین رنگ خنثی. ترویج دهنده‎ی قدرت و پختگی.

خاکستری: انتخابی برای ظاهر رسمی و حرفه‎ای. بهترین ابزار برای طراحان با استعداد.

سفید: نماد پاکی، آرامش، سادگی، خوبی.

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

بژ: جلوه بخش سایر رنگ‎ها، به خصوص رنگ‎های محیط.

قهوه‎ای: نشانگر اعتماد، تجربه و راحتی.

 

چگونه با رنگ ها در طراحی وب احساسات درست ایجاد کنیم؟

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

اهمیت رنگ ها در طراحی وب

ابزار های انتخاب رتگ در طراحی سایت

انتخاب رنگ در طراحی سایت

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

رنگ های اصلی :

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

 

 

در دایره رنگی بالا چیدمان سه رنگ اصلی را در دایره رنگ مشاهده می کنید.

رنگ های ثانویه:

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

 

رنگ های مکمل : رنگ های مکمل به رنگهایی گفته میشود که در دایره رنگها روبروی یکدیگر قرار میگیرند. بعنوان مثال میتوان موارد زیر را نام برد.

مکمل قرمز: سبز

مکمل آبی: نارنجی

مکمل زرد: بنفش

در نرم افزار فتوشاپ ما از دایره رنگ HSL استفاده می کنیم که تن رنگ ، شدت رنگ و نور رنگ را نیز مورد بررسی قرارمیدهد.

چگونه یک ترکیب رنگ مناسب پیدا کنیم

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

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

رنگ های مشابه :

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

 

از الگوهای دیگر رنگی که میتوان برای ترکیب رنگ وب سایت ها استفاده کرد، میتوان به الگوهای رنگ مثلثی ، مستطیلی و مربعی اشاره:

ابزارهای انتخاب ترکیب رنگ وب سایت

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

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

ابزار انتخاب رنگ وب سایت به تفکیک موضوع

سایت material.io/color را مشاهده کنید. این سایت برای کاربران اندروید استودیو طراحی شده است ولی میتواند برای طراحی قالب سایت ایده های خوبی به شما بدهد. برای بدست آوردن نتیجه نهایی شاید بهتراست از سایت ادوبی و سایت متریال همراه با پیچیده ترین کامپیوتر دنیا یعنی مغز خود بصورت همزمان استفاده کنید.

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

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

ابزار های محبوب انتخاب رنگ وب سایت :

 

Colormind :

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

Color Safe:

همانطور که از نام این ابزار مشخص است، تمرکز اصلی آن برروی نمایش صحیح رنگ های انتخابی است. هنگامی که با ابزارههایی مانند Color safe برای انتخاب رنگ کار می کنید. دلیلی برای نگرانی از نحوه نمایش رنگ انتخاب شده نخواهید داشت.

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

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

Coolors:

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

Paletton:

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

 

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

انتخاب رنگ در طراحی سایت

 

وظایف طراح سایت

وظایف طراح سایت

قبل از اینکه بخواهید هر نوع تغییر یا بهبودی در سایت تان ایجاد کنید ( سئو ، UX و یا هرچیز دیگر ) ، بهتر است از خود بپرسید : ماموریت سایت من چیست ؟ چرا مردم باید از سایت من بازدید کنند ، مطالبم را بخوانند یا چیزی از من بخرند ؟ هدف وب سایت من چیست ؟ این سوال ها را باید به سرعت پاسخ دهید . من در این پست اهمیت داشتن یک ماموریت واضح را برایتان توضیح می دهم . علاوه براین ، بر اهمیت بیان ماموریت برای مخاطبان تان هم تاکید می کنم .

 

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

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

چگونه برای وب سایت خود ماموریت تعیین کنیم

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

در اینجا برای اینکه به شما کمک کنیم ماموریت وب سایت خود را تعیین کنید ، چند پرسش مطرح کرده ایم که باید بتوانید به آن ها پاسخ دهید :

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

روش های روشن ساختن ماموریت برای مخاطبان

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

به چند روش می توانید مطمئن شوید که ماموریت و هدفتان به سرعت برای مخاطبان روشن می شوند . باید : ۱- محتوای مقدماتی مناسب و معقولی بنویسید ، ۲- مطمئن شوید که هدلاین و تگ لاین ها واضح هستند ، ۳- از تصاویرخوشایند و مناسبی استفاده کنید .

۱- محتوای مقدماتی

باید در صفحه اصلی و صفحه هدف خود یک مقدمه واضح بنویسید . در این مقدمه ماموریت وب سایت خود را توضیح دهید . وب سایت شما درباره چیست ؟ چه چیزی ” می فروشید “؟ مطمئن شوید که این متن واقعا واضح است و با جمله بندی زبان مخاطبان تان سازگار است . این متن نباید خیلی طولانی باشد ( حداکثر یک یا دو پاراگراف !)

۲- هدلاین و تگ لاین ها

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

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

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

۳-ارزش یک تصویر از هزار کلمه بیشتر است

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

نتیجه گیری

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

وظایف طراح سایت

نکاتی درمورد بهینه سازی درونی یا سئو داخلی سایت

بهینه سازی درونی سایت

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

بهینه سازی درونی یا سئو داخلی سایت چیست

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

  • تگ عنوان Title Tags
  • تگ توضیحات متا Meta Descriptions
  • محتوا و کلمات کلیدی
  • تگ هدینگ Header tags
  • بهینه‌سازی تصاویر در سئو داخلی
  • استفاده از دکمه‌های اشتراک‌ گذاری
  • قابلیت نمایش در تلفن همراه
  • سرعت بارگذاری سایت
  • آدرس های دوست داشتنی (SEO-Friendly URL)

تگ عنوان Title Tags

تگ عنوان صفحه یکی از مهم‌ترین عوامل سئو داخلی سایت بشمار می‌رود و اولین چیزی هست که پیش روی کاربران قرار می‌گیرد و همچنین در مورد محتوای صفحه به موتورهای جستجو اطلاع می‌دهد.
توجه داشته باشید در صفحه نتایج موتورهای جستجو (SERP) اگر کلمه جستجو شده در عنوان صفحه نیز وجود داشته باشد به صورت برجسته نمایش داده می‌شود و این موجب جلب توجه و همچنین افزایش نرخ کلیک CTR می‌شود.
هنگام نوشتن تگ عنوان آن را کوتاه و توصیفی در نظر بگیرید و از کلمات جالب و خاص مانند (ترفندها – رایگان – اسرار- قدم به قدم) استفاده کنید.

  • پیشنهاد میدهم ساختار تگ عنوان خود را اینگونه انتخاب کنید :  نام برند | عنوان مقاله یا صفحه مربوطه
  • نام برند و عبارت کلیدی عنوان خود را با – _ | » « جدا سازی کنید
  • عنوان هر صفحه باید منحصربفرد باشد
  • تعداد کاراکتر عنوان را بین ۵۵ تا ۶۰ در نظر بگیرید

تگ توضیحات متا Meta Descriptions

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

۴۳ درصد از افراد بر اساس توضیحات متا در نتایج جستجو ،یک پیوند را انتخاب می‌کنند.

نکاتی که باید در هنگام نوشتن تگ توضیحات متا به آن توجه کنید شامل:

  • محدوده کاراکتر را ۱۳۵ تا ۱۶۰ در نظر بگیرید
  • استفاده از کلماتی برای ایجاد حس کنجکاوی
  • توضیحات متا باید برای هر صفحه منحصر بفرد باشند

در رابطه با تعداد کاراکتر، عدد ۱۶۰ برای اطمینان از نمایش کامل متن است با این حال گوگل گاهی در رابطه با جستجوی برخی کلمات تا ۲۵۰ کاراکتر را نیز به عنوان توضیحات متا نمایش می‌دهد.

 

محتوا و کلمات کلیدی

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

بسیار مهم است که محتوای کپی (Duplicate content) در صفحات مختلف ایجاد نشود و همینطور باید بدانید اگر محتوای دیگر سایت‌ها را کپی کنید جریمه می‌شوید و رتبه مناسبی در موتورهای جستجو کسب نخواهید کرد. همچنین از انتشار محتوای بی کیفیت یا به اصطلاح محتوای نازک (Thin Content ) خودداری کنید.

نکات قابل توجه در تولید محتوا:

  • ایجاد محتوا مرتبط با موضوع فعالیت سایت و کسب و کارتان
  • استفاده از لیست اعداد و لیست نقطه گذاری شده (bullet point)
  • استفاده از حالت‌های متنی برجسته (Bold) مورب (italic) و..
  • استفاده از کلمه مترادف نسبت به کلمه کلیدی در متن صفحه

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

تگ هدینگ Header tags

تگ هدینگ که به صورت تگ H نیز نامبرده می شود به عنوان تعیین کننده سرفصل‌ها و سرتیتر‌ها در یک مقاله یا صفحه سایت بکار می‌رود. این تگ به صورت h1 تا h6 قرار دارد که وزن H1 بسیار بیشتر و مهم‌تر نسبت به H6 است. توجه کنید که از H1 باید تنها یکبار در یک صفحه استفاده شود و می‌توانید از دیگر وزن‌ها (h2,h3,h4,h5,h6 ) با توجه به تورفتگی متن بیش از یکبار استفاده کنید.

نکات قابل توجه در این قسمت :

  • قراردادن عنوان مقاله به صورت H1
  • استفاده از H2 , H3 …
  • قراردادن کلمه کلیدی در هدینگ‌ها
  • قرار دادن مترادف کلمه کلیدی در هدینگ‌ها

 

بهینه‌سازی تصاویر در سئو داخلی سایت

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

  • نام عکس را مرتبط با محتوای آن در نظر بگیرید
  • از خط تیره – برای پرکردن فضای بین کلمات استفاده کنید
  • از سمبل‌های مانند $ % & در نام گذاری استفاده نکنید
  • حجم فایل تصویر را با حفظ کیفیت در پایین ترین حد نگه دارید

اما مهم‌ترین نکته در این زمینه قرار دادن تگ ALT برای تصاویر است. این تگ در واقع مفهوم و محتوای تصویر را برای موتورهای جستجو توصیف می‌کند.تگ alt در حالت کد HTML به صورت زیر است:
<img alt="adwords" src="https://academy.anetwork.ir/content/uploads/2016/07/adwords-google.png">

محتوای این تگ برای درک بهتر می‌تواند شبیه یک جمله باشد و چه بهتر که کلمه کلیدی در آن بکار رفته باشد.

استفاده از دکمه‌های اشتراک‌ گذاری

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

سرعت بارگذاری سایت ( Site Speed )

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

عواملی که می‌تواند در افزایش زمان بارگذاری سایت تاثیر‌گذار باشد شامل :

  • عدم بهینه بودن سایت برای مرورگر و برنامه ها: برخی برنامه‌ها برای اجرا نیاز به پلاگین خاصی مانند فلش دارند که استفاده از آنها می‌تواند کاهش سرعت سایت را به همراه داشته باشد.همچنین شما باید نسخه نهایی وب سایت خود را در مرورگر‌های مختلف تست کنید تا ببینید در این مورد چگونه عمل می‌کند.
  • انتخاب هاست ارزان: این مورد بیشتر به مقدار بودجه در نظر گرفته شده برای سایت بستگی دارد. در اینجا در مورد یک برند ارایه دهنده خدمات هاستینگ صحبت نمی‌کنیم، در واقع نوع پلنی که برای میزبانی سایت انتخاب می‌کنید مهم است. شما باید با توجه به بزرگی سایت و کسب و کارتان پلن مناسب را انتخاب کنید.
  • قراردادن تصاویر سنگین: همینطور که در بخش بهینه سازی تصاویر عنوان شد باید حجم عکس را کم نگه دارید. استفاده از تصاویری با کیفیت HD، واقعا می‌تواند سرعت بارگذاری صفحه را زیاد کند. پیشنهاد می‌شود فرمت خروجی تصاویر را PNG انتخاب کنید تا حجم آن کاهش یابد، همچنین می توانید از ابزار آنلاین optimizilla استفاده کنید.
  • استفاده از ابزارک‌های زیاد: این مورد شاید بیشتر در سایت‌های بر پایه وردپرس و جوملا دیده شود. استفاده از ویجت‌ها و ماژول‌های آب و هوا،پخش آنلاین موزیک،تقویم و غیره شاید مورد پسند شما باشد اما باید بدانید آنها باعث افزایش زمان بارگذاری صفحه سایت می‌شود و ممکن است کاربر قبل از دیدن شدن آنها سایت شما را ترک کند.
  • کدنویسی سایت: کدهای HTML/CSS سایت در میزان زمان بالا آمدن صفحه تاثیر گذار هستند. استاندارد بودن کدنویسی و حذف کدهای اضافی (Clean up) می‌تواند Load Time را کاهش دهد.

اگر مایل هستید همین حالا می‌توانید وضعیت سرعت سایت خود را با ابزارهای Google PageSpeed و monitis بررسی کنید و برای بهینه سازی آن اقدام کنید.

آدرس های دوست داشتنی (SEO-Friendly URL)

هنگامی که URL را برای صفحات وب سایت خود در نظر می‌گیرید باید توجه کنید آنها مختصر و کوتاه و قابل توصیف نسبت به متن صفحه باشند. همچنین از نماد‌های مانند @#$ و غیره در آدرس صفحات استفاده نکنید.کلمات انتخابی برای URL می‌تواند فارسی یا لاتین باشد و بهتر است آنها را به وسیله خط تیره (-) از هم تفکیک کنید.استفاده از کلمه کلیدی یا مترادف آن در آدرس صفحات می‌تواند موثر باشد.

قابلیت نمایش در تلفن همراه (Mobile-Friendly)

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

گوگل می گوید بعید است ۶۱ درصد از کاربران به سایتی که مشکل نمایش در تلفن همراه دارد برگردند.

طراحی ریسپانسیو (Responsive) به معنای نمایش صحیح سایت در دستگاه‌های مختلف با سایز صفحه نمایش مختلف است. جهت بررسی اینکه آیا سایت شما به صورت ریسپانسیو و استاندارد طراحی شده است یا خیر می‌توانید از ابزار Google Mobile-Friendly استفاده کنید. اگر مشکلی وجود داشته باشد می‌توانید گزارشی در مورد خطاها مشاهده کنید.از طرف دیگر گوگل همواره سعی می‌کند سایت‌های که مناسب نمایش در تلفن همراه هستند را به کاربران موبایل پیشنهاد بدهد. بنابراین ممکن است شما در رابطه با کلمه کلیدی در گوگل دسکتاپ رتبه مناسبی را داشته باشید ولی در گوگل نسخه موبایل رتبه پایین‌تری کسب کنید.یکی از موارد جدید که از سمت گوگل برای رتبه‌بندی در نظر گرفته شده است استفاده از تکنولوژی Accelerated Mobile Pages (AMP) است. این تکنولوژی صفحه یک سایت را برای کاربرانی که از طریق موبایل وارد آن می‌شوند ۴ برابر سریعتر بارگذاری می‌کند.در اینفوگرافیک زیر می‌توانیم اهمیت این موضوع را بیشتر درک کنیم :

  • تکنولوژی AMP بارگذاری صفحات را تا ۴ برابر سریعتر می کند
  • بیش‌از ۶۰۰ میلیون صفحه در یک سال بر پایه AMP ایجاد شده است
  • بیش‌تر از ۷۰۰هزار وبلاگ نویس یا مدیر سایت از AMP استفاده می‌کنند
  • بیش‌تر از ۸۷۰۰ توسعه دهنده (Developer) با AMP کار کرده‌اند

شما باید AMP را بر روی سایت خود پیاده سازی کنید و البته مدیران سایت‌های بر پایه وردپرس پروسه راحت‌تری را در این مورد دارند. در واقع کافی است افزونه AMP plugin for WordPress را بر روی سایت خود اضافه و فعال کنند تا بقیه کارها به صورت اتومات توسط این افزونه انجام شود.

 بهینه سازی درونی یا سئو داخلی سایت

 

طراحی سایت بر اساس اصول موتورهای جستجو

 

طراحی سایت بر اساس اصول موتو ر های جستجوبسیاری از طراحان سایتهای اینترنتی در مورد نتیجه رتبه بندی سایت های ساخته شده اشان در موتورهای جستجو (SERPs) شکایت دارند.اما مسئله ای که آنها درست درک نکرده اند این است که وب سایت آنها بر اساس اصول موتورهای جستجو طراحی نشده است.
در واقع در محتوای سایتهای بهینه سازی (سئو) شده بیشتر از کلمات کلیدی استفاده شده و برای موتورهای جستجو اصولی تر میبایشند. یک طراح وب سایت در هنگام ساخت و طراحی حتماً باید بازدیدکنندگان را در ذهن خود داشته و خواسته های آنها را در نظر بگیرد. در این صورت موتورهای جستجو وب سایت شما را در بالاترین رتبهء لیست قرار خواهند داد.

وب سایت خوش ساخت تضمین کنندهء تبدیل بازدیدکننده به مشتری می باشد. در واقع باید مطمئن باشید وب سایت شما به گونه ای طراحی شده که هم مورد تایید موتورهای جستجو بوده و هم موجب رضایت بازدید کنندگان باشد.

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

Breadcrumbs در وب سایت: Breadcrumbs ها لینکهای راهبری هست که در لینک های داخلی وب سایت ارائه میشوند.این لینک ها صفحه وب را به گروهی از لینکهای اصلی و فرعی متصل می کند. Breadcrumbs ها در توزیع رتبهء صفحه به صفحات دیگر لینک شده وب نیز کمک می کند. در واقع باید از کلید واژه ها به عنوان اهرمی بین متون و مطالب وب سایت و Breadcrumbs ها استفاده نمایید. به خاطر داشته باشید که قبل از عنوان اصلی صفحهء وب حتماً Breadcrumbs ها را قرار دهید.

انجام بهینه سازی فعالیت ها در صفحه(سئو): بهینه سازی وب سایت به طور عمده شامل بهینه سازی فعالیتهای صفحهء وب بوده که به چند صورت می باشد:

اضافه کردن برچسب عنوان به صفحهء وب
(از آن جهت که موتورهای جستجو قادر به خواندن تصاویر نمیباشند) اضافه کردن برچسب مبدل تصاویر
نام گذاری تصاویر بر اساس کلمات کلیدی استفاده شده در وب سایت و جدا سازی کلمات کلیدی طولانی با وسیله خط رابط بین کلمات
قرار دادن کلید واژه به عنوان اهرم بین متن و لینک آن
بهینه سازی محتوای صفحات وب و اطمینان از چگالی کلمات کلیدی ( کمتر از ٢٪ در هر متن)

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

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

استفاده از (سئو) بهینه سازی مناسب با ساختار URL ها:موتورهای جستجو آدرسهایی که حاوی کدهای PHP/ASP نمی باشند را تشخیص نمی دهد. بهینه سازی که با ساختار URLها مناسب می باشند از خطوط ارتباطی مابین کلید واژه ها در آن استفاده می نمایند. می توان آدرس URL خود را به صورت دستی از طریق فایل HTaccess بنویسید. WordPress برای تغییر ساختار آدرس شما گزینه ای ارائه می کند که به وسیله آن می توانید با یک کلیک ساختار آدرس URL خود را تغییر دهید.

ایجاد XML نقشه سایت: نقشه سایت به موتورهای جستجو کمک می کند که تمامی صفحات وب سایت شما را کشف نماید. برای این کار ابزارهای رایگان زیادی به صورت آنلاین برای ایجاد کردن نقشه سایت XML در دسترس میباشد.

در واقع می توانید در نقشه سایت “اولویتها” و “تغییر فرکانس” برچسب ها را انجام دهید.اولویت برچسب ها(TAGS) نشان دهندهء اهمیت صفحات وب در موتورهای جستجو می باشد. و این برچسب های تغییر فرکانس به موتورهای جستجو اعلام می نماید که چگونه اغلب این فرکانس صفحات تغییر میکند.

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

طراحی سایت بر اساس اصول موتورهای جستجو

استاندارهای طراحی سایت

استاندارد های طراحی سایت

برای دستیابی به سایتی مناسب و کاربردی باید به نکات و استانداردها توجه کرد هنگامی که در مورد استانداردهای طراحی برای یک طراح سایت حرفه ای
صحبت می کنیم،منظور ما بهترین شیوه طراحی سایتی است که تاکنون دنبال شده و
این چیزی جز پیروی از مجموعه قوانین مورد استفاده طراحان، برای دستیابی به
وب سایتی با کیفیت و مورد قبول توسط کاربران نمی باشد. مانند روش های
اطمینان از وضوح و قابلیت استفاده از طراحی.
اما استانداردهای طراحی سایت چیست؟
موردپسند
بودن وب سایت ازنقطه نظر کاربران مختلف می تواند متفاوت باشد، اما
استاندارد هایی که در ادامه ذکر می شود مجموعه قواعدی است که از نظر اکثر
افراد مقبول و کاربردی است.
لوگو سایت: تقریبا تمام سایت ها دارای لوگو و آرم می باشند که این لوگو معمولا در گوشه سمت راست بالای صفحه اصلی قرار می گیرد.
دکمه
تماس: تقریبا 50 درصد تمامی سایت ها در گوشه سمت چپ بالای صفحه دکمه تماس
با ما را دارند گرچه این نکته به عنوان مسئله مهمی بعنوان استانداردهای
طراحی سایت در نظر گرفته نشده است اما نکته خوبی در طراحی سایت و برای جلب
نظر و تشویق کاربران به عضویت در وب سایت می باشد.
نوار منو و دسترسی:
تقریبا 10 درصد وب سایت ها در بالای سایت خود نوار منو ندارند.وجود نوار
منو یکی از استانداردهای مهمی است که باید در طراحی سایت و برای کاربردی
بودن آن صورت گیرد.در نوار منو بهتر است موارد زیر درج شود:
– درباره ما
– تماس با ما
– پیوند به صفحه اصلی
– خدمات
گرافیک سایت: در گرافیک سایت خود از امکانات گرافیکی بیش از اندازه استفاده نکنید و به صورت مینیمال سایت خود را طراحی نمایید.
– میزان اسکرول عمودی باید به حداقل برسد (حداکثر 2 اسکرول) و از اسکرول افقی اجتناب کنید.
– بین رنگ پس زمینه و رنگ فونت باید تضاد وجود داشته باشد تا باعث خستگی چشم نشود
– از درج تصاویر با ابعاد و حجم زیاد اجتناب کنید.
– در رنگ بندی، سعی کنید هماهنگی بین رنگ برند و لوگوی شما با رنگبندی کلی سایت رعایت شود.
– از درج عکس خود در صفحه اصلی سایت پرهیز کنید.
– از ابزارهایی برای سنجش بهینه بودن سایت و سورس آن استفاده نمایید.
نوار
ابزار جستجو: 50 درصد سایت ها دارای نوار ابزار جستجئ می باشند اما این
نمی تواند بعنوان استانداردی ضروری در نظر گرفته شود چرا که زمانی مورد
نیاز است که اطلاعات سایت بسیار زیاد و بدون نوار جستجو به راحتی قابل
دسترسی نباشد.
دکمه ثبت نام: حدود 20 درصد سایت ها در قسمت فوتر دارای
دکمه ثبت نام می باشند اما این استاندارد قطعی نیست.استانداردی که معمولا
در فوتر استفاده می شود درج شرایط و قوانین و حق کپی رایت می باشد.
آیکون
شبکه های اجتماعی: معمولا آیکون های شبکه های اجتماعی در فوتر سایت قرار
می گیرد اما این نیز استانداردی قطعی نیست، یکی از بهترین راههای قرار دادن
آکون های شبکه های اجتماعی، بصورت شناور در جایی از کناره های صفحه می
باشد بصورتی که با حرکت موس ضاهر شود و با اختیار کاربر قابل کنار زدن
باشد.
سایت واکنشگرا(responsive) : طراحی وب سایت واکنشگرا و مناسب با
تمامی وسایل هوشمند، گزینه مطلوبی در طراحی سایت می باشد.هرچند که هنوز
بعنوان استاندارد شناخته نشده اما انتظار می رود به زودی جز استانداردهای
طراحی سایت پذیرفته شود.
دسترسی پذیری : طراحی سایت باید طوری انجام
گیرد که توسط مرورگرهای شناخته شده و نسخه های مختلف آنها نتایج مشابهی را
نشان دهد. توجه داشته باشید که زمان بارگذاری سایت شما در بدترین حالت و
پایین ترین سرعت نباید بیشتر از 10ثانیه به طول انجامد.
ظاهر سایت :
ظاهر سایت باید طوری طراحی شود که در نگاه اول نشان دهنده هویت و خدماتی
باشد که سایت ارائه میدهد. ساختار کلی حداکثر باید دارای 4 سطح باشد، به
نحوی که کاربر با حداکثر 3 کلیک به مطلب مورد نظر دسترسی پیدا کند. شما
باید نیازهای مخاطبان خود را شناسایی کنید و چیدمان صفحه را طوری طراحی
کنید که پاسخگوی نیازهای بازدیدکنندگان باشد و باعث سردرگمی آنها نشود

استاندارهای طراحی سایت

عوامل تبدیل شدن به یک طراح وب موفق

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

عوامل تبدیل شدن به یک طراح وب موفق

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

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

 

1- مهارت برقراری ارتباط موثر

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

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

2- توانایی فروش

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

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

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

3- برنامه ریزی قبل از طراحی

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

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

4- ارزیابی کاری و دریافت بازخورد

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

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

5- یک طراح وب یا طراح گرافیک

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

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

6- تطبیق با فناوری های جدید

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

7- مهارت های نرم افزاری

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

جدا از مهارت های اصلی هسته کد نویسی ، مهمتر درک موضوعاتی مانند : مدرن ترین روش های کدنویسی HTML , CSS با کیفیت و سازگار با تمام مرورگرها ، بهینه سازی پایه ای برای موتورهای جستجو ، تکنیک های رابط کاربری با Javascript و پایه گذاری یک سایت که به مرور زمان می توان به آن صفحات دیگری نیز افزود.

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

8- بدست آوردن تجربه

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

 

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

 

9- سازماندهی رایانه

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

 

 

10- احساس کسب و کار

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

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

 

11- کار گروهی

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

 

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

 

12- نمونه کارهای به روز شده

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

 

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

 

13- نگاهی به طراحی های بزرگ

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

 

 

14- کپی کنید!

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

 

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

تبدیل شدن به یک طراح وب موفق

شخصیت شناسی در طراحی وب سایت

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

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

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

 

شضخصیت شناسی در طراحی سایت

مصاحبه با مشتریان طراحی سایت: سوالات درست بپرسید

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

در این جا چند نمونه از سوالات منطقی که می توانید از کلاینت ها بپرسید، برایتان ارائه می دهیم:

آنها چه کسانی هستند؟

می خواهند چه چیزی بگویند؟

چه ارزش ها و هنجارهایی دارند؟

اهدافشان چیست؟

دوست دارند به چه مقاصدی برسند؟

چه وعده و وعیدهایی به مخاطبان خود داده اند؟

تصویر کلی آنها از ارئه خدمات نهایی به مخاطبان خود چیست؟

آیا چیزی در این میان وجود دارد که آنها را از ایجاد ارتباط منع کند؟

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

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

طراحی زیبا و دل انگیز برای یک وب سایت: نگاهی اجمالی

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

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

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

طرح اصلی: چارچوب یک وب سایت خوب

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

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

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

تئوری رنگ ها در طراحی سایت

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

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

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

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

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

نوع تایپ شما در طراحی سایت: اندازه فونت و استایل لایه به لایه

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

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

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

آنچه در سایت می بینید همان تصاویر است

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

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

نمایش به جای گفتن: ویدئوهای بیشتری در وب سایت خود بگنجانید

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

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

نتایج نهایی

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

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

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

شخصیت شناسی در طراحی وب سایت

تعریف توسعه وب سایت و چگونگی توسعه و طراحی وب سایت

تعریف توسعه وچگونگی آن در طراحی سایست

در طراحی سایت عملکرد هایی که گسترش و توسعه وب سایت در دنیای اینترنت یا سایر شبکه ها را در پی داشته باشند، توسعه وب سایت می گویند.

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

در ابتداباید یک طرح مناسب برای سایت خود پیدا کنید. اگر شما یک برنامه نویس تازه وارد یا یک طراح هستید و می خواهید خودتان سایت خود را پیاده سازی نمایید می توانید یک سایت ساده را با استفاده از آموزش های طراحی سایت html و نیز با بهره گرفتن از css طراحی کنید. فقط کافیست اطمینان داشته باشید که می توانید نگاهی حرفه ای به سایت خود داشته باشید.

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

 

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

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

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

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

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

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

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

 

تعریف توسعه و چگونگی آن در طراحی سایت

دلایل استفاده از رنگ نارنجی در طراحی سایت

رنگ نارنچی در طراحی سایت

رنگ نارنجی برای توصیف گرما و انرژی به کار می برد و یکی از بهترین رنگ ها برای جلب توجه کاربران در تمامی زمینه ها می باشد.

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

چرا از رنگ نارنجی در طراحی سایت استفاده می کنند؟

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

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

سایه های رنگ نارنجی

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

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

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

بعضی از حالت های کاربردی رنگ نارنجی

نارنجی تیره

هرچه نارنجی تیره تر باشد بیشتر معنای منفی به خود می گیرد. نارنجی تیره نماینده یک عمل فریبکارانه می دانند.

رنگ هلویی

رنگ هلویی نماینده از رنگ نارنجی است و آن را یک رنگ زنانه می دانند.

نارنجی – قرمز

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

طلایی یا نارنجی – زرد

استفاده از رنگ نارنجی در طراحی سایت

نکاتی درمورد زیبایی در طراحی سایت

زیبایی در طراحی سایت

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

کاربرپسند بودن سایت

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

۱٫ پیش بینی رفتار کاربر در سایت

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

۲٫ بازخورد گیری از کاربران در سایت

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

۳٫ استراتژی محتوا

کاربر چه محتوایی نیاز دارد تا به آن چیزی که ما میخواهیم نزدیک شود. در اینجا نکاتی که اهمیت دارد به شرح زیر است:

  1. چه محتوایی:
    باید بتوانیم حدس بزنیم و در بازخوردگیری‎ها به نتیجه برسیم که کاربر به چه محتوایی نیاز دارد. ممکن است اطلاعات تخصصی و فنی را از شما بخواهد و یا نظرات سایرین را مایل باشد بداند.
  2. چه قالبی
    قالب محتوا اهمیت زیادی دارد. شما میتوانید حدس بزنید که مشتری تمایل دارد محتوا را روی یک صفحه وب بخواند، روی یک فایل پی دی اف دریافت کند. تصاویری را از محصول یا خدمات شما ببیند و یا در یک فایل صوتی توضیحات را بشنود و یا به صورت ویدئو محتوا را تماشا کند.
  3. توسط چه کسی
    آیا مشتری دوست دارد محتوای تولید شده شما را ببینید یا میخواهد نظرات و گفتگوهای کاربران دیگر سایت شما را ببیند؟
  4. چینش محتوا
    اینکه محتوا کجا باشد اهمیت زیادی دارد. چینش محتوا میتواند در تصمیم گیری مخاطب نقش مهمی را ایفا کند.

زیبایی سایت و کارهای خاص

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

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

زیبایی در طراحی سایت

نکاتی در مورد چیدمان طراحی سایت

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

1- ایده هایتان را یادداشت کنید:

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

2- طرح اولیه چیدمان مورد نظرتان را رسم کنید:

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

3- کار خود را با فتوشاپ و در سیستم مشبک شروع کنید:

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

4- فونت مورد نظرتان را انتخاب کنید:

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

5- تم رنگ مورد نظرتان را انتخاب کنید:

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

6- از تصاویر مناسبی استفاده کنید:

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

7- ساختار چیدمان را به بلوک های مختلف تقسیم کنید:

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

8- به ریزه کاری ها و جزئیات اهمیت بدهید:

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

9- از بالاترین رزولوشن ممکن استفاده کنید:

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

10- برای دستگاه های مختلف طراحی کنید:

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

11- ایده های توسعه دهنگان وب را در نظر بگیرید:

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

12- سایت را دائماً چک کنید:

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

جمع بندی:

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

چیدمان در طراحی سایت

انتخاب زیباترین رنگ در طراحی سایت

انتخب رنگ در طراحی سایت
وقتی مسئله طراحی سایت مطرح می شود، رنگ ها در تاثیر روی مخاطب نقش مهمی بازی می کنند. اولین و مهم ترین چیزی که در طراحی سایت باید همیشه به یاد داشته باشید این است که  شما این وبسایت ها را برای انسان ها طراحی می کنید، نه ربات ها. می دانیم که رنگ ها با روانشناسی انسانی در ارتباط هستند و این یکی از جنبه های مهمی است که طراحان از زمان شکل گیری وب، به آن پی برده اند.
بر اساس یک افسانه – که البته بیشتر واقعیت است تا افسانه –  رنگ ها می توانند با انسان ها ارتباط  برقرار کنند. سایت Kissmetrics مقاله ای را در مورد ارتباط رنگ ها با روانشناسی انسان منتشر کرده است. بر اساس این مقاله، وقتی چشم انسان به رنگی می افتد بلافاصله پیامی به هیپوتالاموس ارسال می شود سپس این پیام به غده هیپوفیز و سرانجام به غده تیروئید می رسد. همه اینها به آزاد شدن هورمون هایی می انجامد که احساسات، حال و هوا و حتی رفتار را تحت تاثیر قرار می دهند.
این ماجرا، دلیل اصلی اینکه چرا در وبسایتی حس منفی یا مثبتی تجربه می کنیم را برای ما آشکار می سازد. آیا تابحال برایتان پیش آمده که مثلا در یک وبسایت گردشگری هنگام مطالعه مطلبی در مورد پرش از ارتفاع و چتربازی دچار احساس هیجان شوید؟ همه این ها جادوی رنگ ها است. سایت Kissmetrics اظهار کرده است که قضاوت یک کاربر در مورد یک وبسایت فقط 90 ثانیه زمان می برد و حدود 62 تا 90 درصد این قضاوت، مربوط به رنگ های به کار رفته در آن سایت است.
همانطور که در کتاب الکترونیکی Web Design for the Human Eye توضیح داده شده، رنگ یکی از مهم ترین جنبه های طراحی وبسایت است که تاثیر اولیه مهمی بر چشم انسان دارد.

چگونه رنگ هایی را انتخاب کنیم که به چشم بیاید؟

روانشناسانی که روی این موضوع پژوهش می کنند نیز چیزی در مورد این که انسان ها چگونه با رنگ ها ارتباط برقرار می کنند، پیدا نکرده اند زیرا این مسئله با ترجیح و سلیقه شخصی در ارتباط است.
مثلاً وقتی به رنگ قرمز می اندیشید، دو فکر ممکن است از ذهن شما بگذرد: یکی اینکه قرمز رنگ خطر است و دومی اینکه قرمز رنگ عشق است (قلب و رزهای قرمز). شما فکر می کنید قرمز رنگ کدام یک از این دو است؟ در اینجا باز هم به تناقض می رسیم. ممکن است از نظر یک نفر قرمز رنگ زیبایی باشد در حالی که دیگری رنگ قرمز را به فال بد بگیرد.
پس درک شخصی اینطور عمل می کند. مسئله بعدی ملاحظات فرهنگی است. مثلاً رنگ سبز رنگ پول و همچنین رنگ غیرت است. قبایل خاصی وجود دارند که فکر می کنند که رنگ سبز سبب خوش شانسی آن ها خواهد شد، برای همین پرچم های سبز رنگ با خود دارند. در مقابل، قبایلی هم هستند که فکر می کنند رنگ سبز باعث بدشانسی آن ها خواهد شد و سعی می کنند هر طور که هست، از این رنگ دوری کنند.
در نتیجه تحقیق و تجربه در طراحی و توسعه وبسایت های اینترنتی دریافته ایم که بهتر است طراحان وب بیش از اینکه فکر خود را درگیر این مسئله کنند که واکنش مردم نسبت به یک رنگ خاص چیست، بر روی انتخاب مجموعه ای از رنگ های مناسب تمرکز کنند.
البته قبل از انتخاب رنگ ها، فاکتورهای زیر را حتما بررسی کنید:
• مخاطب (مرد/زن و کودک/بزرگسال و ترکیب جمعیتی متنوع)
• ملاحظات فرهنگی
• تناسب با برند یا محصول
• دسترسی و کاربرد آسان
همان طور که قبلاً هم گفتیم، رنگ یکی از آن مواردی است که در اولین برداشت کاربر سایت شما بسیار تاثیر گذار است. بنابراین رنگ هایی که احساس خوبی ایجاد نمی کنند، چشم را اذیت می کنند و یا به چشم فشار وارد می کنند و باعث ترک وبسایت شما توسط کاربر می شوند را انتخاب نکنید.
تضاد رنگ ها نیز یکی دیگر از مواردی  است که در نظر کاربر نسبت به یک وبسایت، موثر است. استفاده بجا از تضاد رنگ ها باعث افزایش خوانایی می شود. بنابراین باید رنگ پس زمینه نسبت به رنگ متن (نوشته) متفاوت باشد.
بر این اساس، چند پیشنهاد کاربردی داریم تا بتوانید رنگ های جذاب و چشم نوازی را برای وبسایت خود انتخاب کنید:

1- فضاهای سفید

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

2- رنگ های مخصوص وب

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

3- از تنوع زیاد رنگ ها استفاده نکنید

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

4- کاهش وضوح تصویر (opacity) یا افزایش شفافیت (transparency) چیز بدی نیست

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

5- عدم استفاده از رنگ های متناقض

دوست دارید متنی که با رنگ زرد در پس زمینه صورتی نوشته شده را بخوانید؟ چنین حالتی خیلی عجیب و غریب است!

6- رنگ لینک های کلیک شده

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

7- رنگ لینک ها

بیشتر سایت های معروف مثل Google، New York Times،  BBC،  Yahoo و … از رنگ آبی برای لینک ها استفاده می کنند و این به یک استاندارد تبدیل شده است که چشم مردم به آن عادت کرده است، پس چرا تغییرش دهیم؟

8- تیره تا روشن

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

9- کنتراست یا تضاد

همانطور که قبلاً گفتیم، تضاد رنگ یکی از عوامل مؤثر در نگهداشتن بازدیدکننده است. مثلا تأثیر رنگ های متضاد متن و پس زمینه در خوانایی متن بسیار مهم است. وقتی رنگ پس زمینه به سفید نزدیک می شود، رنگ متن باید به سیاه یا خاکستری نزدیک شود. به همین سادگی!

10- انتخاب رنگ با توجه به اهمیت موضوع

مثلا ترجیح ما در مورد رنگ دکمه «سفارش خرید»، رنگ قرمز در زمینه سفید است.

11- سایه ها  و گرادینت ها

این یک فرمول تجربه شده است و نتیجه خوبی دارد.
  گاهی با  رنگ های موجود و اندکی تغییر در درجه بندی رنگ ها و یک سایه در زیر لوگو، می توان ظاهر جدیدی به وبسایت داد. این کار سایت را جذاب تر میکند

12- متن روشن در زمینه تیره

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

13- استفاده از رنگ های به اصطلاح فسفری، فاجعه ای دیگر است

اگر مرتکب چنین اشتباهی شوید و موجب سردرد بازدیدکنندگان شوید، آن ها دیگر به سایت شما سر نخواهند زد.

14- ملاحظات فرهنگی

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

15- از رنگ علامت تجاری و رنگ های سازگار با آن استفاده کنید

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

16- جمعیت شناسی

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

17- تصاویر

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

18- موضوع کسب و کار و محصولات خود را در نظر داشته باشید

مثلا برای کاری که با رنگ سبز خیلی بهتر به نظر می رسد، رنگ قرمز هیچ کارایی ندارد.

19- از ابزارها و روش های ترکیب رنگ استفاده کنید

مجموعه رنگ های پیش ساخته، انتخاب های زیادی را برای طراحان نرم افزارها فراهم آورده اند.  برای طراحی رابط کاربری وب می توانید از ابزارهای زیر برای انتخاب رنگ استفاده کنید:
color.adobe.com: سایتی که به راحتی میتوانید حالتهای مختلف چرخه رنگ را در آن تعریف کرده و ترکیب رنگ مورد نظر را بدست آورید؛ همچین از تم های رنگی که طراحان دیگر در سایت ساخته و به اشتراک گذاشته اند استفاده نمایید.
www.flatuicolorpicker.com: سایتی مفید برای انتخاب رنگ در طراحی های فلت
paletton.com: این سایت نیز همانند سایت adobe امکان تعیین ترکیب در چرخه رنگ و گرفتن کد رنگ مورد نظر را دارد.

روش های انتخاب رنگ (color scheme)

به ندرت ممکن است وبسایتی را با استفاده از فقط یک رنگ طراحی کنید. می توانید رنگ های مختلفی را انتخاب کنید اما انتخاب رنگ ها به صورتی که به وبسایت شما ظاهر زیبایی ببخشد، مسئله ای است که باید در مورد آن از هوش و ذکاوتتان بهره ببرید.
سه روش مهم وجود دارد که به شما در انتخاب بهترین ترکیب رنگ کمک می کند:
روش triadic یا سه گانه
نام این روش، این روش را به طور کامل شرح می دهد. مانند آنچه که در تصویر زیر نشان داده شده، در یک چرخه رنگ 12 قسمتی، می توانید سه رنگی که در فاصله 120 درجه ای نسبت به هم قرار دارند را برای متن، پس زمینه و لینک ها استفاده کنید.
روش compound یا مرکب
این روش نیازمند چندبار آزمایش پیش از کاربرد نهایی است. در این روش شما 4 رنگ متشکل از دو جفت رنگ متضاد را انتخاب می کنید. دو تا از رنگ ها، در چرخه رنگ در کنار یکدیگر قرار دارند و دو رنگ دیگر طوری انتخاب می شوند که دو گروه مکمل از رنگ ها ایجاد شود (رنگ ها در چرخه رنگ در مقابل یکدیگر قرار دارند).
روش Analogous یا رنگ های مشابه
اساس این روش، انتخاب رنگ های مشابه است و این انتخاب به پیامی که می خواهید به کاربر منتقل کنید، بستگی دارد.

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

معمولاً قهوه ای یکی از رنگ هایی است که آقایان علاقه ای به آن ندارند و نارنجی یکی از رنگ هایی است که خانم ها علاقه ای به آن ندارند.

نتیجه گیری

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

انتخاب زیباترین رنگ در طراحی سایت