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

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

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

ابزار مورد استفاده برای طراحی گرافیک: فتوشاپ ، کورل – ایندیزاین – اسکچ –ایلیستریتور-افتر افکت

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

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

اشتباهات رایج در طراحی گرافیکی سایت:

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

2-تبلیغات بنری و پاپ اپ : قرار نیست که کل سایت شما رنگی باشد و از تمامی قسمتهای سایت شما استفاده شود مثلا استفاده بیش از حد از تبلیغات بنری ثابت و متحرک توسیه طراحی سایت الو وب این است که اگر مجبورید از این تبلیغات استفاده کنید تبلیغات همسان را نیز در نظر بگیرد تا دیزاین سایت شما بهم نخورد

3-استفاده از فونت ها و اندازه نامناسب : در ایران بیشتر طراحان وب از فونت ایران یکان – و ایران سنس استفاده میکنند و برای بنرهای تلبلیغاتی در سایت که موضوع تنظ یا شایدی دارند نیز فونت آوینی است که همگی فونتهای خوبی هستند ولی اگر از فونتهای قدیمی استفاده می‌کنند مطمئنن به چشم کاربر خوب نیست و سعی کنید همیشه به روز باشید و در قسمتهای فوتر ، هدر ، منو ها ، تیتر نوشته از طراح گرافیک خود کمک بگیرید .

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

5-رنگ های تندو تیز : شاید مانیتور شما یک مانیتور 4k باشه و شما هر رنگی در این مانیتور ببنید زیبا به نظر برسه ولی در مانیتور های دیگر اصلا به چشم نیاد مخصوصا در تیف های رنگی سفید خاکستری پس با توجه به موضوع سایت و احترام به چشمان مخاطب خود رنگ انتخواب کنید.

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

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

1-سعی کنید محتوایی که در سایت تولید می‌کنید عکسی با همان مضمون طراحی کنید توجه کنید یک عکس خوب گاهی بهتر از یک نوشته طولانی و حوضله سر بر است پس با این کار پیام خودتون رو به مخاطب برسونید و در رشد کسب کار اینترنتی خودتون کمک کنید.

2-استفاده از گزینه save for a web در فتو شاپ : این گزینه به شما کمک میکنه عکس های چند مگابایتی خودتون رو به عکسی کم حجم تبدیل کنید استانداردی که در این زمینه بین بسیاری از سئو کاران است چیزی کمی بیشتر یا کمتر از 100 کیلوبایت است بیشتر از آن چون برای کسانی که اینترنت با سرعت مناسبی ندارند مناسب نمی‌باشد.

نکته: اگراین گذینه انتخاب کردید و باز هم حجم عکس شما بالا بود باید ابعاد عکس خودتون رو کوچک کنید این ابعاد در وب ،استاندارد مشخصی ندارد ولی معمولا بالا تر از 1920*1080  بالا تر نمیرود برای کوچک کردن سند نیز میتوان در فتوشاپ با کلید ctr+t استفاده کنید . اگر باز هم  حجم عکس بزرگ بود هنگام استفاده از گزینه save for a web مقدار عدد quality  را کم زیاد کنید تا به عدد مورد نظر خود دست پیدا کنید.

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

ارتباط گرافکی سایت با جذب مخاطب:

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

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

htmlcolorcodes.com/color-chart

1-میتونید به این آدرس برید و در انجا از کدهای رنگی مختلف به راحتی استفاده کنید طیفهای رنگی مختلفی برای

Flat Design Color Chart  و Material Design Color Chart و Web Safe Color Chart قرار داده شده

flaticon

2-این سایت یکی از سایت معروف و برای بسیاری اطراحان شناخته شده میتونید در این سایت از ایکون و عکسهایی به شکل png,svg,jpeg با ابعاد مختلف استفاده کنید.

3-بهینه کردن تصاویر نیز میتونید به سایت imagecompressor.com  و tinypng.com این دو سایت به صورت هوشمندانه ای عکس های های شما کم حجم میکنند.

معرفی چند سایت با طراحی گرافیکی خلاق و متفاوت

1-اپل

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

2-alloweb :

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

3-ادوبی : جلوه از شکوه و زیبایی و انواع فیال های svg,mp4,jpage شاید بتوان گفت اگر به دنبال یک سایت لاکچری باشد و بخواهید محصول خود رو به بهتر شکل ممکن معرفی کنید حتما به این سایت مراجعه کنید.