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

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

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

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

در طراحی سایت می توان قسمت طراحی گرافیکی سایت را به دست طراحان گرافیست کار سپرد، البته باید بین طراح سایت و طراح قالب و گرافیست تعامل خوب و کاملی برقرار نمود تا بتوانیم وب سایت کامل و زیبایی داشته باشیم.بی شک یکی ازمهم ترین بخش های یک وب سایت ، لایه گرافیکی وب سایت است . طراحی سایت بدون داشتن ظاهر زیبا و عناصر گرافیکی در محتوای وب سایت موفقیت لازم راکسب نمی کند . بسیاری از وب سایت ها هستند که دارای کد های قوی و امنی در سمت سرور هستند اما در لایه گرافیکی کار زیادی انجام نداده در حالی که یک وب سایت کامل و جامع زمانی تکمیل می شود که هم دارای کد های سمت سرور قوی و هم در لایه گرافیکی از ترکیب رنگ و عناصر گرافیکی زیبا استفاده شود .در طراحی سایت به طراحی کردن ظاهر وب سایت ، طراح گرافیک وب سایت یا web ui design گفته می شود . ui design یک شاخه از رشته HCI یا همان human computer interaction است . که به صورت یک رشته مجزا در دانشگاه های آمریکا و اروپا تدریس می شود .در رشته ui design به نقش رنگ ها در تاثیرگذاری بر کاربران و روانشناسی رنگ ها و ترکیب و کاربرد های آن می پردازنند . ترکیب رنگ وب سایت ها تاثیر بسزایی بر روی کاربران دارند و می تواند به راحتی یک کاربر را جذب وب سایت کند و یا برعکس در صورت رعایت نکردن اصول گرافیک وب سایت از وب سایت خارج شده و هرگز این وب سایت بازدید نکند پس بسیار مهم است که برای افزایش بازدید وب سایت حتما به دو جنبه سایت سمت سرور و سمت کاربر به یک اندازه توجه و بر روی آن ها کار شود.اصول طراحی قالب سایت:اصول طراحی قالب سایت ، شما می توانید با طراحی یک سایت خوب تجارت خود را گسترش دهید و کسب و کار بهتری داشته باشید پس بهتراست از ابتدای کار اصول طراحی قالب سایت را رعایت کنید تا وب سایت خوب و کاربردیی طراحی گردد و هم شما و هم مشتریان شما راضی باشیدازجمله مهمترین اصول طراحی قالب سایت می توان به گرافیک سایت اشاره کرد :۱.در طراحی گرافیکی قالب سایت خود همیشه سعی کنید از تصاویر و عکسهای کم حجم استفاده کنید زیرا عکسهای بزرگ با حجم زیاد شاید سایت شما را زیباتر کنند وانجام کار گرافیکی شما را کمتر اما در اصول طراحی قالب سایت این کار اشتباه است زیرا اگر سایت شما دیر لود شود کاربر به راحتی سایت شما را خواهد بست۲.همیشه برای گرافیک سایت از تصاویری استفاده کنید که با سایت شما همخوانی داشته باشد تا به زیبایی سایت خود بیفزاید۳. ازاستفاده زیاد از تصاویر رنگارنگ و ایکنهای چشمک زن و حرکتهای بی مورد در سایت خود داری کنید زیرا چشمک زدن و چرخیدن چند چیز در طراحی قالب سایت شما باعث می شود کاربر بی اختیار به انها توجه کند واز کل سایت بی بهره بمانداز دیگر اصول طراحی قالب سایت می توان به استفاده از فونت ها در سایت اشاره کرد :۱. در دنیای اینترنت هر سایت می تواند برای خود فونت مربوط به خود را داشته باشد اما فقط تعداد محدودی از این فونتها بر روی مرورگرها تعریف شده اند و بقیه فونتها باید همراه فایلهای سایت آپلود شوند که این آپلود شدن فونت تا حدودی سرعت لود سایت شما را پایین می آورد اما استفاده از فونتهای زیبا در جای خود زیبا منحصر به فردی به سایت شما می دهد۲. همیشه اندازه فونت را رعایت کنید معمولا کمترین اندازه 12px می باشد کمتر از این اندازه برای کاربران خوانا نیست۳. هر فونت را در گرافیک سایت در جای خودش به کار ببرید یعنی فونتهای فانتزی برای سایتهای فانتزی و فونتهای رسمی برای سایتهای رسمی و سازمانیمهمترین اصول طراحی قالب سایت توجه داشتن به کاربران است:۱. همیشه سلیقه کاربر اصلی سایت خود یعنی مشتری خود را در نظر بگیرید و سعی کنید همه موارد را حول محور سلیقه و انتخاب او پیش ببرید۲. در سایت خود مطالبی را قرار دهید که مخاطب شما می پسنند و از اضافه گویی و ساختن صفحات بی استفاده خودداری کنید.نکاتی که هر گرافیست سایت باید بداند:طراحی بر اساس حالت مواد (material design ):مدتی پیش گوگل مفهوم جدیدی در طراحی با نام material design یا بهتر بگوییم «طراحی مواد» را معرفی کرد که شامل مجموعه ای از راهنمایی ها برای طراحان و توسعه دهندگان است. این رویکرد طراحی، دیدگاه های تازه ای در مورد رابط کاربری، انیمیشن ها و تعامل با کاربر را معرفی میکند و یک پایه مناسب برای طراحی نرم‌افزارها و اپلیکیشن های کاربرپسندتر است.معرفی متریال دیزاین :به طور کلی میتوانید طراحی متریال را در دو بخش خلاصه کنید:

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

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

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

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

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

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