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

گرافیست سایت

طراحی سایت ریسپانسیو

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

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

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

طراحی سایت ریسپانسیو

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سایت واکنش گرا چیست؟

سایت واکنش گرا

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

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

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

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

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

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

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

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

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

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

سایت واکنش گرا

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

RANK یک صفحه می تواند از 0 تا 10 باشد و هر چه این عدد بالاتر باشد نشان دهنده رنک بهتری است.
سایت ها و وبلاگ ها پیج رنک های مختلفی دارند. معتبرترین سایت‌های اینترنتی اعم از گوگل، یاهو، W3.ORG، نیویورک تایمز، MSN، بلاگر و چندین و چند سایت دولتی و غیر دولتی دیگر دارای نمره 9 یا 10 می باشند که دارنده بیشترین رنک پیج در اینترنت می باشند.

تعداد تصاویر

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

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

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

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

5.متنanchor نامناسب در لینک
درج کلماتی مانند” اینجا را کلیک نمایید”  یا “بهترین وب سایت”  یا کلماتی با مضمون بهترین، برترین، ارازن ترین از منظر سئو سایت ارزشمند نخواهد بود و کمکی در رنکینگ صفحه سایت نمی کند. بهترین عمل درج کلمه کلیدی طراحی سایت خود و نیز در نظر گرفتن ارتباط آن با صفحه لینک شده می باشد.

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

رنکینگ سایت

رنکینگ سایت

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

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

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

رنگ مناسب سایت

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

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

راهکارهای انتخاب مناسب رنگ سایت:

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

رنگ سایت

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

رنگ مناسب سایت

وب سایت موفق در دنیای اینترنت امروز چگونه وب سایتی ست؟

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

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

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

وب سایت موفق

ترافیک سایت را بالا ببرید:

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

ترافیک سایت

همیشه وضعیت وب سایت خود را پیگیری کنید:

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

پیگیری سایت

به گرافیک وب سایت خود توجه زیادی داشته باشید:

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

گرافیک سایت

با بازدیدکنندگان و کاربران خود تعامل و ارتباط داشته باشید:

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

تعامل با کاربران

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

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

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

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

وب سایت موفق | وب سایت کاربردی | سایت کاربردی

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

psd سایت

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

نمونه کارها

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

استفاده هوشمندانه از رنگها

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

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

استفاده هوشمندانه از رنگها

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

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

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

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

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

از افکت ها استفاده کنید.
Adobe Illustrator, Freehand, Photoshop و سایر برنامه های گرافیکی دارای ابزارهای قدرتمند و فیلترهای متعددی هستند که شما می توانید از آنها در طراحی لوگوی خود استفاده کنید، اما فراموش نکنید در این کار زیاده روی نکنید.

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

استفاده هوشمندانه از رنگها

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

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

انیمیشنهای GIF

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

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

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

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

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

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

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

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

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

در اصل بهینه سازی و ذخیره سازی عکسها با Save کردن آنها شروع نمیشود و قبل از رفتن به سراغ کلید Save کارهایی است که باید انجام شود که تصویر هم خجم  کمتری پیدا کند و هم کیفیت خود را از دست ندهد از دست ندادن کیفیت مهمترین مسئله در ویرایش عکسها برای سایت است. در زیر به چند نکته در مورد ویرایش تصاویر اشاره میکنیم:

1.نوع فرمت تصاویر RGB یا CMYK

عکس ها باید در فرمت  RGB قرار دارد و نه CMYK چرا که  فرمت CMYK بیشتر برای کارهای چاپی کاربرد دارد و حجم زیادی هم در بر خواهد داشت اما فرمت RGB برای کارهای وب کاربرد دارد و حجم کمتر و تعداد رنگ بیشتری نسبت به فرمتهای چاپی دارد. ضمنا این نکته را در نظر داشته باشید که بهتر است که از ابتدا فایل جدید را در مود RGB کار نمایید تا اینکه در مود CMYK کار کنید و بعدا آنرا تبدیل نمایید. مود یک عکس را از مسیر Image > Mode میتوانید چک/عوض کنید.

ویرایش عکسها برای سایت

RGB مناسب وب سایت

2.ابعاد و سایز تصاویر

اگر ابعاد عکس بیشتر از حد معمول باشد و بخواهید آن را با استفاده از این گزینه Save for a Web/Device ذخیره نمایید.برنامه به شما هشدار می دهد که حجم عکس شما بیش از حد معمول است و فتوشاپ این کار را نمی تواند به درستی انجام دهد. پس به اندازه و حجم عکس اصلی توجه داشته باشید و انتظار نداشته باشید عکس با حجم ۵۰ مگا بایت و ابعاد بسیار بالا را بتوانید به عکس ۱۰۰ کیلو بایتی با همان ابعاد تبدیل نمایید. بهتراست برای طراحی تصاویر وب سایت حتما رزولیشن را روی 72 بگذارید و سعی کنید طول تصویرتان از 1000 پیکسل تجاوز نکند و برای قسمتهای بزرگ بیشتر از رنگها استفاده کنید که حجمی ندارند و سعی کنید تصاویر کوچکترو در فضاهای کمتری قرار بگیرند تا حجم سایت در کل کمتر شود.

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

سایز تصاویر

سایز تصاویر سایت

3.تعداد تصاویر

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

تعداد تصاویر

تعداد تصاویر مناسب سایت

4.استفاده از ابزارهای و برنامه های وبی برای کوچکتر کردن سایز تصاویر

اغلب این برنامه به راحتی در وب سایتهای ایرانی و خارجی قابل دانلود هستند اما یکی از پر طرافدارترین برنامه ها برنامه optimizilla.com است که تصاویر را بدون از بین رفتن کیفیت کم حجم می کند.

ویرایش تصاویر

نرم افزار ویرایش تصاویر

ویرایش عکسها برای سایت | ویرایش عکس

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

طراحی یک نشان برای سازمان:

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

منحصر به فرد بودن:

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

ثبت هویت سازمانی:

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

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

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

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

ارتباطات :

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

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

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

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

طراحی هویت سازمانی | هویت سازمانی

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

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

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

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

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

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 می باشد که حجم کمی دارد و به راحتی دانلود میشود با نصب این نرم افزار به راحتی میتوانید حجم هر تصویر با هر فرمتی را بدون از دست رفتن کیفیت آن کم کنید.

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

نکاتی برای طراحی آرم

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

طراحی آرم

در زیر به ده نکته در مورد طراحی آرم اشاره میکنیم:

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

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

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

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

3. از کاغذهای مناسب برای چاپ استفاده کنید.

امروزه طراحي لوگو بدون كامپيوتر غير ممكن به نظر مي رسد ولي استفاده از كامپيوتر به اين معني نيست كه طرح هايي را كه در ذهن داريد روي كاغذ امتحان نكنيد و براي كشيدن طرح هاي اوليه روي كاغذ احتياجي نيست كه يك نقاش يا هنرمند ماهر باشيد فراموش نكنيد كه طرح هايي را كه روي كاغذ مي كشيد هيچگاه نمي توانيد روي كامپيوتر ابداع كنيد.

4. به مد اهمیت ندهید.

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

5. از رنگ سیاه در ابتدا استفاده کنید.

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

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

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

7. سادگی را فراموش نکنید.

هر چه لوگوي شما ساده تر باشد به خاطر سپردن آن ساده تر است. و به خاطر داشته باشيد هدف از طراحي لوگو اين است كه با يك نگاه در ذهن بيننده حك شود اگر به لوگوي سازمانهاي بزرگي مانند ميتسوبيشي، سامسونگ، BBC، … دقت كنيد متوجه مي شويد كه لوگوي آنها چقدر ساده است ساده بودن لوگو يك برتري ديگر هم دارد و آن اين است كه انعطاف پذيري شما در ابعاد لوگو بيشتر مي شود و مي توانيدلوگوي آن سازمان را در متن ها، تبليغات و…مختلف استفاده كنيد بدون اينكه جزئيات آن (در اثر كوچك شدن ) از بين برود.

8. رنگهای درست استفاده کنید.

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

9. استفاده از فونت های مناسب برای تایپوگرافی.

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

10. زیبایی را فراموش نکنید.

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

طراحی آرم | طراحی ارم | طراحی لوگو و آرم

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