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

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

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

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

۱هویت بصری چیست؟ تعریف ساده با یک مثال

سه اصطلاح را معمولاً با هم قاطی می‌کنند. بیا اول جدایشان کنیم:

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

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

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

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

۲هویت بصری شامل چیست؟ فهرست کامل اجزا

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

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

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

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

یک نکته هم هست که کمتر گفته می‌شود: رنگ برند باید روی سایت خوانا بماند. رهنمودهای جهانی دسترس‌پذیری وب برای متن معمولی نسبت کنتراست دست‌کم ۴٫۵ به ۱ را لازم می‌دانند. خود لوگو از این قاعده معاف است. ولی متن و دکمه‌ای که با رنگ برند روی سایت می‌نشیند معاف نیست. خیلی از طلایی‌ها و زردهای روشن، روی زمینه‌ی سفید از همین آزمون رد می‌شوند.

معمولاً یک خانواده‌ی فونت فارسی برای تیتر و متن کافی است. گاهی هم یکی برای تیتر و یکی برای متن. سه چیز را از اول روشن کن: اعدادش فارسی است یا نه، در اندازه‌ی ریز روی گوشی خوانا می‌ماند یا نه، و مجوز استفاده‌اش را داری یا نه.

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

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

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

هویت بصری روی کاغذ فایده‌ای ندارد. باید روی چیزهایی پیاده شود که مشتری واقعاً می‌بیند:

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

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

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

۳فرق لوگو با هویت بصری چیست؟

لوگو جواب سؤال «تو کی هستی؟» است. هویت بصری جواب این سؤال است: «هر جا تو را دیدم، چطور بشناسمت؟». کنار هم که بگذاری، فرقشان روشن می‌شود:

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

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

۴هویت بصری روی سایت و پیج؛ جایی که بیشتر کارها می‌لنگد

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

آیکون کوچک سایت. کنار اسم سایت در زبانه‌ی مرورگر، و گاهی کنار نتیجه‌ی سایتت در گوگل، یک آیکون خیلی کوچک می‌نشیند. گوگل در راهنمای رسمی‌اش گفته این آیکون باید مربع باشد و پیشنهاد کرده بزرگ‌تر از ۴۸ در ۴۸ پیکسل ساخته شود تا همه‌جا خوب دیده شود. لوگوی افقی بلند در این مربع کوچک خوانا نمی‌ماند. این‌جاست که نسخه‌ی «نشانه‌ی تنها» به کار می‌آید.

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

رنگ و فونت سایت. رنگ‌ها باید با همان کدهای پالت روی سایت بنشینند. فونت فارسی برند هم باید با مجوز استفاده در وب روی سایت بارگذاری شود. وگرنه سایتت با فونت پیش‌فرض گوشی باز می‌شود و یک لایه از هویتت غیب می‌شود.

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

۵مراحل طراحی هویت بصری، قدم به قدم

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

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

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

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

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

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

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

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

۶چک‌لیست فایل‌های تحویلی، پیش از تسویه

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

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

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

۷کسب‌وکار کوچک از کجا شروع کند؟

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

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

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

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

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

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

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

۸اشتباه‌های رایج در سفارش هویت بصری

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

۹هزینه‌ی طراحی هویت بصری به چه چیزهایی بستگی دارد؟

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

تیم فراکو هویت بصری را در سه پکیج انجام می‌دهد:

• کلاسیک: تا ۲ طرح اولیه، ۳ مرحله اصلاح، فایل‌های استاندارد و ۷ روز پشتیبانی. برای کسب‌وکاری که یک لوگوی تمیز برای پیج و سایت می‌خواهد.
• پریمیوم: تا ۳ طرح اولیه، اصلاح نامحدود تا تأیید، فایل لایه‌باز و همه‌ی فرمت‌ها از جمله وکتور، پالت رنگ سازمانی و ۶ ماه پشتیبانی. برای کسی که برند را روی تابلو و چاپ هم می‌برد.
• رویال: هویت بصری کامل. تا ۴ طرح اولیه، همه‌ی امکانات پریمیوم، به‌علاوه‌ی الگوی اختصاصی، ست اداری (کارت ویزیت، سربرگ و پاکت)، تصویرهای آماده‌ی معرفی برند برای شبکه‌های اجتماعی و ۸ ماه پشتیبانی.

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

۱۰قدم بعدی

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

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

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

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