بهترین سایز لوگو برای سایت چیست؟
همانطور که میدانید، لوگو عضو بسیار مهمی برای برندینگ یک مجموعه است. یکی از مکانهایی که در آن استفادۀ زیادی از لوگو میشود، وبسایت است. از طرفی یکی از فاکتورهایی که در استفاده از لوگو تعیینکننده است، سایز لوگو است که باید با جایی که قرار گرفته متناسب باشد. به همین منظور در این مطلب از خانۀ فتوشاپ قصد داریم دربارۀ بهترین سایز لوگو با شما عزیزان صحبت کنیم. با ما همراه باشید.
در این صفحه میخوانید:
بهترین سایز لوگو
لوگوی یک برند، قرار است در جاهای مختلقی از یک اندازۀ بسیار کوچک در وبسایت، تا یک بیلبورد بزرگ قرار بگیرد. از طرفی نکتۀ طلایی در طراحی لوگو این است که لوگو را طوری طراحی کنیم که با همۀ این اندازهها سازگار باشد و در هر ابعادی قابل تشخیص و جذاب باشد. برای این که یک طراح لوگو بتواند لوگویی با این ویژگی طراحی کند، بهترین کار این است که از اول با اندازههای استاندارد لوگو برای وبسایت آشنا باشد، تا در فرآیند طراحی لوگو آن اندازهها را مد نظر داشته باشد.
دقت کنید که وقتی لوگو را در چندین اندازه برای استفادههای مختلف طراحی میکنید، در سندی که دربارۀ لوگو به مشتری تحویل میدهید (کتابچۀ هویت بصری)، باید تمام اندازهها را با توضیح این که برای استفاده در چه مکانی طراحی شدهاند، قرار دهید. اگر هم شما به عنوان مشتری از شخص دیگری خواستهاید که برایتان طراحی لوگو را انجام دهد، فراموش نکنید که باید این اطلاعات را از آن طراح لوگو دریافت کنید تا بدانید هر لوگو با هر اندازهای دقیقاً برای چه کاربردی طراحی شده است.
انتخاب بهترین فرمت لوگو
فرمت لوگو هم یکی از فاکتورها مهم در طراحی لوگوست. اگر نوع فایل لوگو مقیاسناپذیر باشد، اگر بعداً لوگو بزرگ شود، مات و پیکسلی خواهد شد. اما قطعاً این چیزی نیست که یک طراح لوگو میخواهد! چرا که یک لوگو قرار است در همۀ اندازهها شفاف و عالی به نظر برسد و مقیاسپذیر باشد.
حالا نوع فایل را چطور انتخاب کنیم که مقیاسپذیر باشد و با بزرگ شدن افت کیفیت پیدا نکند؟ برای این منظور، لوگو باید وکتوری (برداری) باشد (به جای پیکسلی). فرمت فایل هم ترجیحاً بهتر است PNG باشد. فرمت PNG معمولاً حجم کمتری به نسبت فرمتهای دیگر دارد. به علاوه امتیاز بزرگ آن این است که کیفیت لوگو در هر اندازهای حفظ میشود. از طرفی با فرمت PNG میتوانید به راحتی یک لوگوی بدون بکگراند (یعنی با بکگراند ترنسپرنت و شفاف) داشته باشید که این انتخاب به خصوص برای استفاده در وبسایت و سایر فضاهای دیجیتالی بسیار مناسب است.
در مورد حجم استاندارد یک لوگو باید بدانید که برای نمایش آنلاین یک لوگو (نمایش دیجیتالی لوگو با سرعت زیاد)، حجم لوگو باید کمتر از ۲۰۰ کیلوبایت باشد تا سریع بارگزاری شود.
در مورد فرمت JPG هم لازم به ذکر است که فرمت JPG حتی به نسبت فرمت PNG هم حجم کنتری دارد. اما فرمت JPG بر خلاف PNG ، به لوگو آسیب میزند و کیفیت آن را پایین میآورد. بنابراین به خصوص اگر بعداً بخواهید لوگو را بزرگتر کنید، لوگو افت کیفیت پیدا میکند و حتی ممکن است ظاهری پیکسلی به خود بگیرد.
انتخاب بهترین سایز لوگو
برای این که بهترین سایز لوگو را برای استفاده در وبسایت انتخاب کنید، بهتر است اول به این فکر کنید که این لوگو قرار است دقیقاً کجا استفاده شود. یک لوگو در یک وبسایت در دو مکان اصلی قرار میگیرد:
- فاو آیکون سایت
- کنار نوار منوی اصلی وبسایت
بهترین سایز لوگو برای فاو آیکون
فاو آیکون (Favicon) آیکون کوچکی است که بالای تب مرورگر و کنار اسم وبسایت نشان داده میشود. به علاوه وقتی سایتی را نشان (بوک مارک) میکنید، در لیست بوکمارکها، کنار اسم سایتها فاوآیکون را میبینید.
فاوآیکون فضای بسیار کوچکی دارد و لوگو بسیار کوچک دیده میشود. بنابراین باید برای آن فقط از آیکون لوگو استفاده شود و متنها نادیده گرفته شوند. یا مثلاً اگر لوگو شامل یک کلمه است، میتوانید فقط از حرف اول آن کلمه استفاده کنید. یا اگر لوگو شامل چند کلمه است، از حروف اول هر یک از آن کلمات استفاده کنید. برای مثال تصویر زیر یک نسخه از لوگوی آمازون را نشان میدهد که فقط شامل یک حرف است. این لوگو به طور ویژه برای استفاده در فضاهای کوچکتر مثل کارتهای هدیۀ آمازون طراحی شده است.
بهترین سایز برای لوگو برای فاوآیکون عبارت است از:
- ۱۶ در ۱۶ پیکسل (که رایجترین ابعاد برای فاوآیکون است)
- ۳۲ در ۳۲ پیکسل
- ۴۸ در ۴۸ پیکسل
آموزش طراحی لوگو سازمانی – کلیک کنید
بهترین سایز لوگو برای نوار منوی اصلی
نوار منوی اصلی همان نوار باربری (Navigation bar) است که بالای وبسایت قرار دارد و بخشی از سربرگ وبسایت محسوب میشود. معمولاً لوگو به طور کامل با تمام عناصرش در این قسمت استفاده میشود. همچنین در وبسایتهای فارسی، لوگو اصولاً سمت راست نوار منوی اصلی و در وبسایتهای خارجی زبان مثل تصویر زیر، در سمت چپ آن قرار میگیرد.
گرچه بهترین سایز لوگو برای استفاده در سربرگ و کنار منوی اصلی بیشتر به سازنده و طراح وبسایت بستگی دارد، اما رایجترین سایز لوگو برای این قسمت عبارت است از:
- ۴۶۸ در ۶۰ پیکسل (به شکل یک بنر کامل)
- ۲۵۰ در ۱۵۰ پیکسل، ۳۵۰ در ۷۵ پیکسل یا ۴۰۰ در ۱۰۰ پیکسل (به شکل افقی)
- ۱۶۰ در ۱۶۰ پیکسل (به شکل عمودی)
مکانهای دیگر وبسایت برای استفاده از لوگو
برای این که همۀ اندازههای لازم را برای لوگو طراحی کنید، باید سایر مکانهایی را که ممکن است لوگو آنجا هم اسفاده شود را بشناسید. مهمترین این مکانها شامل موارد زیر میشود:
- بنرهای دیجیتالی که برای تبلیغات برند شما در وبسایتهای دیگر استفاده میشوند.
- در شبکههای اجتماعی لوگو قرار است در تصویر پروفایل، پستها و … استفاده شود.
- در برندهایی که محصول فیزیکی به مشتری میفروشند، احتمالاً قرار است لوگو روی بستهبندیها، پاکتها و حتی چسب نواری روی بستهبندیها و همینطور رای تبلیغات روی ماگها، تیشرتها و … چاپ شود.
نکته: میتوانید از ابزارهایی مثل وبسایت Canva برای طراحی لوگو مخصوص کاربردهای مختلف استفاده کنید. در این وبسایت قالبهای آمادهای برای کاربردهای مختلف لوگو وجود دارد که اندازههای استاندارد آن کاربرد (مثلاً پست اینستاگرم) را دارند. با این ابزار میتوانید لوگوی خود را در هر یک از این قالبها قرار دهید و طرح نهایی را دانلود کنید تا هر جا که لازم است از آن لوگو استفاده کنید.
نکتۀ آخر
گر چه چهارچوبهای رایجی برای انتخاب بهترین سایز لوگو وجود دارد، اما هیچ قانون سفت و سختی برای انتخاب بهترین سایز لوگو وجود ندارد. بنابراین همیشه میتوانید از چشم هنری و خلاقیت خود استفاده کنید. میتوانید آموزشهای طراحی لوگوی خانۀ فتوشاپ را در این لینک ببینید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید