طراحی سایت گرافیکی

طراحی-سایت-گرافیکی

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

اشتباه بعضی کارفرمان ها در مورد طراحی گرافیکی سایت:


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

طراحی بر اساس حالت مواد (material design ) :

زمانی پیش گوگل معنی تازه ای در طراحی به اسم material design یا بهتر است بگوییم «طراحی مواد» را معرفی کرد که دارای مجموعه ای از راهنمایی ها برای طرح کنندگان و ارائه دهندگان است. این رویکرد طراحی، دیدگاه های جدیدی در مورد رابط کاربری، انیمیشن ها و تعامل با کاربران را معرفی میکند و یک اساس متناسب برای طراحی نرم‌افزارها و اپلیکیشن های کاربر بهتر است.

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

معرفی متریال دیزاین :

در کل میتوانید طراحی متریال را در دو حالت مرور کنید
  1. مواد و عناصر طراحی
  2. حرکت ها و انیمیشن ها

مواد و عنصرهای طراحی :

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

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

طراحی-سایت-گرافیکی-حرفه-ای

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

ابزارها و سایت های بسیاری برای کمک در انتخاب ترکیب رنگ های بی نظیر و خوب وجود دارد؛ از قبیل adobe kuler که نرم افزاری است برای همین کار. حالت دیگری که میتوانیم بگوییم محیط مجازی colorlovers.com یعنی عاشقان رنگهاست.

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

بخوانید
طراحي سايت دكوراسيون

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

دیدن وب سایت های حرفه ای و بررسی رنگ های آن ها هم میتواند عالی باشد. برای این کار میتوانید به وب سایت هایی ماننده template monster یا theme forrest بروید و موضوع خود را جست و جو کنید تا رنگ بندی های پر استفاده در آن موضوع را ببینید.

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

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

قواعد-طراحی-سایت

استفاده از عکسهای مناسب در طراحی سایت :


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

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

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

نکته هایی که حتما قبل از ورود عکس به سایت رعایت کنید:


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

دومین نکته این است که اگر تصاویر شما در بعد های خیلی بزرگ باشد و بخواهید آنرا توسط گزینه save for a web/device سیو نمایید اخطاری دریافت میکنید مبنی بر آنکه سایز تصاویر شما خیلی بزرگتر از موارد نیاز برای سیو کردن جهت وب میباشد و فتوشاپ نمیتواند آنرا به بهترین نحو انجام دهد. پس به سایزو ظرفیت تصویر اصلی توجه داشته باشید و انتظار نداشته باشید تصویر با ظرفیت ۵۰ مگا بایت و اندازه بسیار بالا را بتوانید به تصویر ۱۰۰ کیلو بایتی با همین ابعاد تبدیل کرد. پس ابعاد تصویر را به سایز مورد نظر و کاربردی تبدیل کرد و سایز خیلی زیادی از تصاویر خود را از طریق این کار کم نمایید.

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

, , , , ,
اشتراک:

ارسال یک پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته بندی ها.

پست های اخیر.

آمار سایت

  • 0
  • 0
  • 4,086

نمونه کار های اخیر