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

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

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

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

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

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

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

  • PNG: مناسب برای تصاویر شفاف و بدون پس زمینه و طرح های هنری.
  • JPEG: مناسب برای تصاویر پیچیده و بزرگ.
  • SVG: مناسب برای تصاویر طراحی شده با گرافیک برداری.

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

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

اجرای تصاویر بر روی CDN

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

CDN که مخفف Content Delivery Network می باشد، مجموعه ای از سرورهای مختلف واقع در سراسر جهان است که می تواند فایل های شما را سریعتر از وب سرور اصلی سایت تان نمایش دهد.

کاهش سایز تصاویر

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

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

جمع بندی

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

5 سوالی که یک طراح گرافیک باید از مشتری بپرسد

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

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

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

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

نکات کلیدی که باید در طراحی لوگو رعایت کنید

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

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

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

ایده گرفتن از راههای مختلف

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

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

داشتن اطلاعات کافی در مورد انواع لوگوها

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

از خلاقیت خود استفاده کنید

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

تعیین قیمت مناسب برای لوگو

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

مخاطب خود را بشناسید

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

تحقیقات کافی در مورد برند

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

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

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

7 اشتباه رایج در تجربه کاربری

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

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

اشتباهات رایج در تجربه کاربری

تایپوگرافی ناخوانا

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

ترازبندی ضعیف

چپ، راست یا وسط؟

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

همه چیز را جمع آوری کنید

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

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

وبلاگ های مربوط به طراحی را مطالعه کنید

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

به جامعه طراحی ملحق شوید

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

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

طرح هایی برای دستگرمی بسازید

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

طرح های دیگران را کپی کنید

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

طرح های قدیمی خود را مجددا پیاده سازی کنید

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

لذا بهتر است به جای دور انداختن این طرح ها آنها را دوباره تغییر دهید و تا حد امکان بهبود بدهید.

با طراحان دیگر تعامل داشته باشید

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

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

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

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

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

یک دفتر یادداشت همراه خود داشته باشید

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

4 چیزی که هر طراح باید درباره فضای خالی بداند

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

  • حاشیه داخلی محتوا(Padding) و حاشیه خارجی محتوا (Margin)
  • فضای اطراف عکس ها و اشیای گرافیکی
  • فاصله بین خطوط و فاصله بین حروف در محتوای متنی

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

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

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

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

چند نکته در مورد استفاده از فضاهای خالی

بهبود خوانایی متن

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

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

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

درک ارتباطات

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

فضای خالی

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

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

جلب توجه

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

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

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

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

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

نتیجه گیری کلی

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

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

 

گرافیک خبری چیست؟

گرافیک اطلاع رسان چیست؟

گرافیک اطلاع رسان همان infographic است که خود مخفف عبارت information graphic است. Information همان اطلاعات و graphic همان گرافیک است که در ایران به نگاره نیز ترجمه شده است. در واقع مصدر یونانی گرافن است که خود یک زبان تصویری است، در ایجاد ارتباط دیداری به یاری نشانه های بصری از نقش موثری برخوردار است.

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

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

ما همه روزه با گرافیک های اطلاع رسان بسیاری در اطرافمان روبرو هستیم که از جمله آنها ساعت مچی، ساعت دیواری، وزنه، علائم و چراغ راهنمایی و رانندگی و … است.

گرافیک خبری چیست؟

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

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

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

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

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

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

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

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

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

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

90 درصد از اطلاعاتی که به مغز انسان منتقل می شود بصری هستند. تصاویر همزمان در مغز انسان پردازش می شوند و این پردازش در ارتباط با تصاویر 60 هزار بار سریعتر از کلمات است.
از سویی 60 درصد مردم گیرندگان بصری، 30 درصد گیرندگان شنیداری و 10 درصد گیرندگان لمسی هستند. در شرایطی که ما انسانهای بصری هستیم و در حالی که جهان آینده، جهان بصری است و از سویی با مشکل کمبود زمان و حجم بالای اطلاعات روبرو هستیم، راه حل برای ما انسانها چیست؟

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

ساخت لوگو برای بازاریابی موفق

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

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

عناصر لوگو

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

هویت برند

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

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

انواع لوگوها

به طور کلی 4 نوع لوگو وجود دارد: تصویری، نمادین، متنی و ترکیبی از این سه مورد.

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

نمایش و به تصویر کشیدن لوگو

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

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

سایر ملاحظات

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

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

لوگو شما درباره برندتان چه می گوید؟

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

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

برداشت اول از لوگوی شما

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

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

رنگ لوگو

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

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

رنگ آبی

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

رنگ قرمز

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

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

رنگ صورتی

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

رنگ مشکی

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

رنگ زرد

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

رنگ نارنجی

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

رنگ سبز

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

 

4 موضوع در طراحی سایت که کمتر مورد توجه قرار می گیرند

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

4 موضوع کمتر شناخته شده در طراحی سایت که باید طراحان به آنها دقت کنند:

امضای دیجیتالی(NAP)

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

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

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

میزبانی وب و هاستینگ

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

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

قانونی بودن تصاویر و طرح ها

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

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

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

بهینه سازی برای موتورهای جستجو (سئو)

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

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

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

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