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

گرافیک سایت

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

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

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

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

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

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

ایجاد یک سایت با ترافیک (بازدید) بالا و بهینه سازی شده در سئو سایت
ایجاد یک سایت برای جذب و تعامل هر چه بیشتر بازدید کنندگان

برای طراحی  یک وب سایت بهینه شده از لحاظ سئو سایت به موارد زیر نیاز دارید :

از تعداد کلمات خیلی بیشتری در متن مطالب خود استفاده کنید. طبق اصول استاندارد سئو ۳۵۰ کلمه کافی خواهد بود اما شما به این مقدار اکتفا نکنید. به فکر متون بالای ۶۰۰ کلمه باشید.
از کلمات کلیدی تکراری استفاده کنید اما بیش از حد آن ها را تکرار نکنید چون ممکن است به مطالب اسپم شباهت پیدا کنند!
عکس ها و تصاویر خود را با Alt Tags انتشار دهید.
مهمترین کلمه کلیدی مورد نظر خود را در ابتدای پاراگراف متن خود قرار دهید.
کلمه کلیدی های مهم را در عناوین و سرتیترها به کار ببرید.
از حداقل یک الی سه لینک خارجی (وب سایت های دیگر) و وب سایت های معتبر در متن خود استفاده کنید. برای مثال به ویکی پدیا لینک بدهید.
از چند لینک داخلی (صفحات دیگر وب سایت خودتان) به همراه کلمات کلیدی مرتبط با آن ها استفاده کنید.

بررسی سؤالاتی که در این مورد پیش خواهد آمد:

سؤال: اگر شما این دستورالعمل های ذکر شده را انجام دهید، آیا می توانید به صورت موفقیت آمیز توجه بازدید کنندگان را جلب کرده و آن ها را به بازدید از سایت خود مجاب کنید؟
جواب: تنها انجام این مراحل کافی نیست. شما باید جوانب مختلف دیگر را هم در نظر بگیرید و این دستورالعمل ها را بیش از اندازه در روند کاری خود اعمال نکنید! برای مثال ما گفتیم تعداد کلمات بالا را چاشنی کار خود قرار دهید. اگر شما چندین مطلب بالای ۱۰۰۰ کلمه یا حتی بیشتر منتشر کنید، ممکن است با این کار کاربران را از خواندن متون خسته کنید. و یا اگر بیش از اندازه اقدام به لینک دهی به سایت های دیگر یا صفحات داخلی سایت خودتان کنید، احتمالاً کاربران از اینکه مدام باید لینک های مختلف را بررسی کنند آزرده شوند! فراموش نکنید که خیلی موارد می تواند باعث جذب یک بازدید کننده باشد و بسیاری موارد دیگر نیز می تواند باعث دلسردی آن ها شود. اگر بازدیدکننده ها سایت شما را ترک کرده و آن را مفید ندانند شک نکنید که موتورهای جستجو نیز این مورد را درک کرده و شما را از لیست رقابت کنار می زنند.

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

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

چطور سئو سایت و کاربردی بودن یک سایت را ترکیب کنیم؟

. رضایت موتورهای جستجو مهم تر است (SEO) یا رضایت بازدید کننده ها (کاربردی بودن یک سایت) ؟
جواب این سؤال بسیار مهم این است: تعادل!

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

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

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

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

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

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

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

در زیر به توضیح هر کدام از موارد بالا میپردازیم تا بفهمیم که چطور سایت طراحی کنیم:

اول: انتخاب نام مناسب وب سایت

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

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

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

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

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

سوم: روشهای طراحی و اجرای سایت (بخش برنامه نویسی)

  • روش ماژولار در طراحی سایت

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

  • روش طراحی سایت تک صفحه ای

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

  • روش طراحی سایت تخت یا فلت

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

چهارم: گذاشتن مطلب در سایت

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

پنچم: بهینه سازی سایت

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

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

مقایسه طراحی سایت اختصاصی و استفاده از قالب آماده وب سایت

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

طراحی سایت اختصاصی

طراحی سایت اختصاصی معمولا طی چند مرحله انجام میشود:

1.مرحله آشنایی و مشاوره

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

2.برگزاری جلسه و طراحی قالب

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

3.انجام ویرایش ها و نقطه نظرات کارفرما

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

4.گذاشتن اطلاعات در وب سایت و بارگذاری سایت روی هاست با دامنه مورد نظر

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

طراحی سایت با استفاده از قالب آماده:

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

ترکیب طراحی سایت اختصاصی و قالب آماده:

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

مقایسه طراحی سایت اختصاصی و قالب آماده وب سایت:

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

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

طراحی سایت اختصاصی

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

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

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

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

سایت فروشگاهی حتما ابزار خاصی می خواهد ؟

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

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

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

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

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

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

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

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

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

طرح سایت سامسونگ

psd سایت

سایت لوازم تحریر

نمونه کارها

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

تاثیر انیمیشنهای GIF در وب سایت

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

انیمیشنهای GIF

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

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

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

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

بنابراین نتیجه میگیریم:

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

انیمیشنهای GIF | تاثیر انیمیشنهای GIF در وب سایت

گرافیک در تجارت الکترونیک

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

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

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

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

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

گرافیک در تجارت الکترونیک

تجارت الکترونیک

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

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

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

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

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

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

گرافیک در تجارت الکترونیک

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

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

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

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

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

1. به تمامی سازمان توجه کنید.

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

3. به طراحی اوراق اداری کاملی بپردازید.

4. اوراقی کلی شامل موارد زیر است:

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

هویت سازمانیاوراق اداری

5. طراحی لباس و یونیفرم برای کارکنان.

6. تبلیغات در سطح شهر و یا تبلیغات رسانه ای مثل (TV).

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

هویت سازمانی

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

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

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

به موضوع طراحی خود اهمیت دهید:

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

به جایگاه مطالب دقت داشته باشید و هر چیز را جای درست خودش قرار دهید:

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

طرح های قدیمی دیگر طرح نیست!

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

هارمونی رنگها را رعایت کنید:

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

به از تصاویر خوب و با کیفیت استفاده کنید:

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

سادگي را فراموش نکنید:

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

تداوم کار با گرافیست وب سایت:

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

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

گرافیک وب با گرافیک چاپ چه تفاوتهایی دارد؟

گرافیک وب چیست و چه تفاوتی به گرافیک چاپ دارد؟

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

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

1.تعاملی بودن گرافیک وب نسبت به گرافیک چاپ:

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

2. وجود موشن در گرافیک وب:

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

3. ترکیب رنگ در گرافیک چاپ بیشتر از گرافیک وب:

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

4.تعداد رنگهای زیاد در گرافیک چاپ اما حداکثر سه رنگ در گرافیک وب:

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

5. حجم فایلها در گرافیک وب خیلی کمتر از گرافیک چاپ:

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

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

گرافیک وب

psd سایت شیرینی

psd سایت

نمونه کارها

گرافیک وب

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

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

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

هر فايل تصويري به سه حرف ختم مي شوند كه معمول ترين:  BMP،  GIF ، JPG و PNG می باشد و همچنین پسوند BMP که امروزه زیاد مورد استفاده نیست برای بهینه سازی تصاویر مهم نیست که پسوند فایل شما چه باشد چیزی که اهمیت دارد حجم تصاویر و کیفیت آنهاست.

انواع پسوندهای فایلهای تصویری چیست؟

فایلهای JPG:

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

نمونه ای از اسلایدر با پسوند jpg:

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

فایلهای GIF:

اين فايل ها مي توانند با تعداد رنگهاي 128 يا 256 بيت يا رنج كاملي از رنگها فشرده شوند. (توجه داشته باشيد كه اين فايلها با هر تعداد رنگ مي توانند فشرده شوند.) طبيعي است كه هر چه تعداد رنگ بيشتري استفاده كنيد حجم فايل بيشتر مي شود.  فايل هاي GIF مي توانند داراي يك پشت زمينه نامرئي باشند.

نمونه ای از اسلایدر با پسوند gif:

فایل اسلایدر

فایلهاهی PNG:

این فایلها هم می توانند پس زمینه نامرئی داشته باشند اما از لحاظ حجمی از فایلهای GIF سنگین تر هستند.

نمونه ای از اسلایدر با پسوند png:

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

RGB یا CMYK:

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

بهینه سازی تصاویر را چگونه انجام دهیم؟

روشهای متنوعی برای بهینه سازی تصاویر وجود دارد که به نظر من بهترین روش استفاده از نرم افزارهایی است که در این زمینه تولید شده اند یک از بهترین این نرم افزارها JPEG.Imager.2 می باشد که حجم کمی دارد و به راحتی دانلود میشود با نصب این نرم افزار به راحتی میتوانید حجم هر تصویر با هر فرمتی را بدون از دست رفتن کیفیت آن کم کنید.

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

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

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

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

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

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

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

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

سایت های فلت:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پروموشن

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

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

پروموشن

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

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

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

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

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

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

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

psd سایت شیرینی

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

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

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

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

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

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

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

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

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

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

طراحی فلت

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

طراحی غیر فلت

طراحی فلت

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

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

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

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

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

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

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

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

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

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

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

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

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

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

انتخاب رنگ

انتخاب رنگ

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

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

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

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

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

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

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

تصویر سایت

تصویر سایت

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

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

هدف

هدف

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

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

گرافیک سایت

گرافیک سایت

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

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

گرافیک سایت

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

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