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

گرافیست سایت

معنی خطوط در طراحی چیست؟

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

خطوط نازک :(معنی خطوط در طراحی)

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

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

خطوط ضخیم :

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

خط ضخیم

خطوط افقی :

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

خط افقی

خطوط عمودی :

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

خط عمودی

خطوط مورب : (معنی خطوط در طراحی)

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

خط مورب

خطوط منحنی :

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

خط منحنی

خطوط زیگزال :

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

خط زیگراگ

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

طراحی جلد سی دی

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

برای طراحی جلد سی دی باید در ابتدا ابعاد درست را بدانیم:

ابعاد جلد سی دی و یا دی وی دی به طور معمولا 12 سانتی متر است یعنی باید یک دایره به قطر 12 سانتی متر رسم کنید و طراحی خود را داخل آن انچام دهید و یادتان نرود که وسط سی دی سوراخ است و بخشی از طرح شما از بین خواهد رفت پس در ابتدای طراحی در مرکز دایره 12 سانتی متری یک دایره 2 سانتی و یک دایره 4 سانتی هم رسم کنید تا بخشی که قرار است حذف شود را به راحتی ببنید.

طراحی جلد سی دی

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

طراحی جلد سی دی خلاقانه

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

طراحی جلد سی دی

اسلایدرهای تبلیغاتی به چند دسته تقسیم می شوند؟

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

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

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

انواع اسلایدرهای تبلیغاتی:

اسلایدرهای تبلیغاتی (بنرهای ثابت):

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

اسلایدرهای تبلیغاتی

اسلایدرهای متحرک (انیمیشنی):

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

طراحی بنر فروشگاهی

اسلایدرهای چند بخشی (یا زمان دار):

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

اسلایدر ورزشی

اسلایدرهای تبلیغاتی

طراحی کارت ویزیت | چطور کارت ویزیت طراحی کنیم؟

چرا به طراحی کارت ویزیت  نیاز داریم؟

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

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

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

اندازه کارت ویزیت 5 سانتی متر در 9 سانتی متر است:

سایز اصلی کارت ویزیت افست 4/8 در 8/4 می باشد که به دلیل رعایت مارجین برش می بایست اندازه ها 5 در 9 در نظر بگیرد تا هنگام برش چیزی از طراحی شما که مورد نظرتان است حذف نشود.

طراحی کارت ویزیت

تفاوت چاپ افست یا چاپ دیجیتال:

  1. در چاپ افست به طور کلی می‌توان از هر نوع کاغذی استفاده نمود هم از نظر نوع ، هم از نظر جنس و هم از نظر گرم ، اما در چاپ دیجیتال از هر نوع کاغذی نمی توان استفاده نمود.
  2. در تیراژهای کم چاپ دیجتال خیلی کم هزینه تر از چاپ افست است.
  3. به طور کلی کیفیت چاپ تکرنگ مشکی در دیجیتال بهتر از افست می باشد.

برش در چاپ:

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

کارت ویزیت جدید

کارت ویزیت برجسته:

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

کارت ویزیت برجسته

انواع کارت ویزیت (انواع پوشش های حفاظتی):

پوشش یو وی:

uv موضعی یک لایه براق و برجسته بوده که در مکان های تعیین شده در کارت شما قرار می گیرد.

پوشش لمینیت:

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

پوشش سلفون:

این نوع کارت بر روی کاغذ گلاسه ۳۰۰ گرم چاپ می شود. سپس بر روی آن روکشی از سلفون مات قرار می گیرد.

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

طراحی کارت ویزیت

اصول طراحی اسلایدر

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

اصول طراحی اسلایدر چیست؟

جذاب و زیبا نمودن اسلایدر:

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

اصول طراحی اسلایدر

جذاب نمودن اسلایدر با المانهای تصویری

برقراری ارتباط بین اسلایدر و کسب و کار سایت:

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

سلایدر کار

برقرار ارتباط بین اسلایدر و کسب و کار

گرافیک زیبا در طراحی اسلایدر:

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

طراحی بنر تبلیغاتی

استفاده از مدل زیبا در اسلایدر

درج پیام سایت در هر کدام از اسلایدرها:

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

سال نو مبارک

پیام سایت در اسلایدر

اصول طراحی اسلایدر

اصول گرافیک سایت جدید | چطور گرافیک سایتمان را جدید کنیم؟

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

اصول گرافیک سایت جدید

اصول گرافیک سایت جدید:

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

سایت های خبری:

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

سایت های فلت:

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

سایت های تک صفحه ای:

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

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

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

اصول گرافیک سایت جدید | گرافیک سایت | گرافیست سایت

تاثیر اسلایدر بر سایت

اسلایدر تاثیر زیادی در دید اولیه کاربران به وب سایت دارد هر چه اسلاید سایت زیباتر و متناسب با موضوع باشد می تواند کاربران بیشتری را به سوی وب سایت جذب کند.

اسلایدر

استفاده از اسلایدر برای تبلیغات و تاثیرات آن بر روی مشتریان:

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

استفاده از افکت حرکتی:

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

بررسی درآمد و میزان فروش فروش توسط اسلایدر:

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

تبدیل اسلایدهای سایت به بنر حرکتی:

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

اسلایدر

ویژگی های یک طرح سایت استاندارد چیست؟

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

اول: جذب کاربران

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

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

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

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

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

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

طرح سایت استاندارد باید شامل موارد زیر در بخش طراحی گرافیکی سایت باشد:

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

طرح سایت استاندار برای بخش برنامه نویسی و سئو:

  1. استفاده از یک زبان برنامه نویسی شناخته شده و بدون باگ(مشکلات درونی برنامه).
  2. کدنویسی درست و تمیز یعنی بدون کدهای اضافه و کپی برداری از وب سایت های مشابه.
  3. کدنویسی مناسب برای موتورهای جستجوگر.

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

تفاوت پوستر و اسلایدر

تفاوت پوستر و اسلایدر در چیست؟ پوستر تاثیرگذارتر است یا یک اسلایدر؟

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

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

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

چند نمونه از پوسترهای  تئاتر:

تفاوت پوستر و اسلایدر

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

  • A4 که در سایز ۲۱ در ۲۹٫۷ سانتی متر می باشد.
  • A3 که در سایز ۲۹٫۷ در ۴۲ سانتی متر می باشد.
  • A2 که در سایز ۴۲ در ۵۹٫۴ سانتی متر می باشد.

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

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

طراحی پوستر :

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

تفاوت پوستر و اسلایدر

فتوشاپ در طراحی سایت چه نقشی دارد؟

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

فتوشاپ در طراحی سایت

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

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

هر سایت دو بخش اساسی دارد:

  1. بخش ظاهری سایت (یعنی همان چیزی که کاربران در مانیتور خود می بینند)
  2. بخش پنل سایت (بخش کد نویسی و مدیریت وب سایت)

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

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

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

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

  • عکسها را با کیفیت خوب و حجم کم طراحی کنید.
  • حجم مناسب برای تصاویر زیر 200 کیلو بایت است.
  • رزولیشن را همیشه در کارهای وبی روی 72 و یا نهایتا روی 90 بگذارید.
  • سعی کنید بیشتر از رنگها استفاده کنید زیرا رنگ حجمی ندارد.
  • از تکرار پترنها و تکسچرها به جای یک تصویر بزرگ استفاده کنید.
  • تمامی تصاویر دکمه ها و آیکنهای شبکه های اجتماعی را در یک عکس بگنجانید.
  • سعی کنید با وب سایتهای کاهش حجم همچون optimizilla.com حجم تصاویر را کم کنید.
  • فرمت‌هاي كم حجم رايج عكس براي استفاده در صفحات وب  JPEG، Gif و PNG هستند.
  • از فایل فلش استفاده نکنید.

فتوشاپ در طراحی سایت

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

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

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

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

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

 

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

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

2 . برای گرافیک وب سایت تان هزینه کنید همیشه استفاده از قالبهای رایگان کاربردی نیست.

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

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

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

طراحی بنر پر کلیک چگونه است؟

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

نمونه بنرهای طراحی شده:

طراحی بنر پر کلیک

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

توجه به رنگ بنر

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

سایز بنر

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

مکان بنر

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

طراحی بنر پر کلیک

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

محتوای بنر

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

طراحی بنر پر کلیک

تفاوت UI و UX در چیست؟

(UI)مخفف User Interface به معنای رابط کاربری می باشد یعنی طراحی بخشی که شما به عنوان یک کاربر اینترنت آن را در صفحه مانیتور خود می بینید.
(UX)مخفف User Experience به معنای تجربه کاربری می باشد یعنی فضایی که در پشت پرده قرار دارد  که باعث میشود طرح یک وب سایت قابل نمایش و تغییر باشد.

تفاوت UI و UX

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

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

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

تفاوت UI و UX

پس بنابراین نتیجه میگیریم که تفاوت UI و UX در ظاهر کار مربوط به UI است و در زمینه و پشت کار مربوط به UX و نکته مهم داشتن یکپارچگی بین این دوست تا نتیجه کار وب سایتی زیبا و کاربردی گردد.

تفاوت UI و UX

طراحی سمپلینگ | چگونه سمپلینگ طراحی کنیم؟

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

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

  • بررسی موضوع مورد نظر برای طراحی سمپلینگ (شرکت مواد شوینده)
  • شناحت رنگهای موردن نظر شرکت مربوطه
  • استفاده از رنگهای سازمانی
  • طراحی کاتالوگ (برای پروموشن)
  • طراحی اوراق اداری
  • طراحی وب سایت
  • در طراحی سمپلینگ توجه به نکات ریز طراحهای قبلی بسیار حائز اهمیت است

طراحی سمپلینگ

نقش طراحی سمپلینگ در بازاریابی محصول یک شرکت یا توزیع یک برند چیست؟

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

مراحل انجام سمپلینگ:

  1. آگاهی از نوع کار و یا شناخت دقیق محصول
  2. شناخت بازار فروش و بازاریابی هایی که در گذشته انجام شده و نتایج آن
  3. شناخت امکانات مورد نیاز و سطح بودجه کارفرما
  4. استخدام نیروهای انسانی
  5. آموزش لازم در مورد محصول و نوع رفتار به نیروها
  6. تعیین محلهای استقرار سمپلینگها در سطح شهر و یا کشور
  7. طراحی فرمهای مشتریان
  8. تعیین نمودارهای فروش در هر منطقه از استقرار سمپلینگ

طراحی گرافیکی سمپلینگ :

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

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

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

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

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

طراحی سمپلینگ

سمپلینگ چیست؟

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

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

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

سمپلینگ

ظاهری آراسته در سمپلینگ

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

مزایای سمپلینگ چیست؟

  • مکالمه حضوری با مشتری و جوابدهی به سوالات ایشان
  • فروش در لحظه
  • تقویت تصویر کالا یا برند مورد نظر در ذهن مشتری
  • معرفی محصولات جدید
  • جذب مشتریان قدیمی با تبلغات جدید
  • عدم نیاز به هزینه برای مصرف کنند (برای تست اولیه)
  • جذب مشتریان نا آشنا با برند مورد نظر
  • جواب دهی به مشتریان ناراضی و رفع مشکل آنها به صورت حضوری

سمپلینگ | سمپلینگ چیست؟

پروموشن در گرافیک سایت چیست؟

پروموشن چیست؟

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

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

عناصر تبلیغاتی:

پنج عنصر تبلیغاتی مهم برای فروش و جلب مشتری عبارتند از:

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

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

تمامی موارد مشخص شده در این وب سایت پروموشن هستند:

پروموشن

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

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

پروموشن

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

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

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

نکاتی برای طراحی هر چه بهتر سایت های فارسی :

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

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

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

psd سایت شیرینی

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

ویژگی های طراحی فلت یا تخت چیست؟

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

طراحی تخت یا Flat فلت امروزه در گرافیک سایت (صفحات وب) و اپلیکیشن های موبایل استفاده می شود این سبک طراحی که سادگی فراوانی دارد باعث میشود که سرعت لود در وب سایت و اپلیکیشنهای موبایل بیشتر شود و کاربران سریعتر به موضوع مورد نظر خود دسترسی پیدا  کنند زیرا عکسها و دکمه های ساخته شده در طراحی ها هر کدام یک تصویر حساب میشود و حجم مخصوص به خود دارند برای مثال سایتی را در نظر بگیرید که یک تصویر بزرگ در صفحه با حجم 60k و ده دکمه هر کدام با حجم 20k داشته باشد پس این وب سایت در کل 260k وزن دارد حالا اگر همین طرح به صورت فلت طراحی شود و از رنگها استفاده کند چون رنگ هیج حجمی ندارده حدود 200k سرعت بالاتری در لود شدن صفحات پیدا خواهد کرد.

ویژگی های اصلی طراحی تخت یا Flat چیست ؟

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

نکات اساسی در طراحی تخت یا فلت :

  • استفاده راحت و نامحدود از رنگ ها
  • استفاده از هارمونی رنگها لایت و ملایم
  • بهرگیری از آیکن ها و المانهای تخت (تخت یعنی بدون نور و سایه کاملا دو بعدی)
  • استفاده از تصاویر دوبعدی و تخت
  • استفاده بهینه از فضاها در طرح گرافیکی و رعایت فواصل مناسب برای المنت ها
  • فونت های زیبا و عموما رسمی با ابعاد بزرگ و قابل دید
  • عدم استفاده از Gradient و استفاده ۱۰۰% از رنگ های تخت
  • عدم استفاده از بافت یا Pattern
  • عدم استفاده از Border های ضخیم
  • عدم استفاده از سایه های نرم
  • استفاده از افکتهای جی کوئری و حرکتی در گرافیک سایت

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

نمونه سایت فلت :

طراحی فلت

نمونه طراحی معمولی :

طراحی غیر فلت

طراحی فلت

وب سایت های فروشگاهی با وب سایت های معرفی چه تفاوتی دارند؟

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

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

اسلایدر روز مادر

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

تبریک روز مادر

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

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

طراحی سایت فروشگاهی

وب سایت های فروشگاهی

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

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

1.انتخاب رنگ مناسب برای طراحی قالب سایت

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

انتخاب رنگ

انتخاب رنگ

2.هدایت کاربران به جای درست

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

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

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

3.انتخاب تصاویر درست و با کیفیت متناسب با موضوع سایت

تصاویر ، تصاویر ، تصاویر

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

تصویر سایت

تصویر سایت

4.برای طراحی هر سایت یک استراتژی داشته باشید

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

هدف

هدف

5.توجه به گرافیک سایت

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

گرافیک سایت

گرافیک سایت

نمونه از یک طراحی سایت گرافیکی :

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

گرافیک سایت

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

نوشته‌های تازه