وانوریکسوانوریکس
طراحی گرافیک و برندینگ

طراحی گرافیک چیست و چرا هر برندی بدون آن ناقص است؟

محسن فلاح··۹ دقیقه مطالعه
طراحی گرافیک و نقش آن در شکل‌دادن به ارتباط بصریِ یک برند

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

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

طراحی گرافیک دقیقاً چیست و چه فرقی با زیباکردن تصویر دارد؟

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

تعریفِ کاربردی: پیام، مخاطب، رسانه

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

وقتی زیبا هست ولی کار نمی‌کند

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

طراحی گرافیک چیست: طراحِ ایرانی در حال تبدیل یک تصویرِ خام به چیدمانی ساخت‌یافته و هدفمند

طراحی گرافیک چه نقشی در ارتباط برند با مخاطب دارد؟

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

انتقال پیام و خوانایی

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

انسجام و شناخته‌شدن

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

مثالِ فرضی: وقتی سه کانال سه چهره دارند

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

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

طراحی گرافیک با هویت بصری، برندینگ و UI/UX چه فرقی دارد؟

این چهار مفهوم هم‌پوشانی دارند ولی یکی نیستند: طراحی گرافیک خروجی‌های ارتباطی می‌سازد، هویت بصری قواعد ظاهریِ ثابتِ برند را تعیین می‌کند، برندینگ کل تصویر ذهنی و وعدهٔ برند است و UI/UX به تجربهٔ محصول دیجیتال می‌پردازد.

مرزها در یک جدولِ کوتاه

مفهوم

سؤالی که جواب می‌دهد

خروجی معمول

با چه چیزی اشتباه می‌شود

طراحی گرافیک

این پیام را روی این رسانه چطور برسانیم؟

پوستر، پست، کاتالوگ، بسته‌بندی، بنر

با «ساختنِ لوگو»

هویت بصری

برند همیشه چه ظاهری دارد و چه قواعدی؟

لوگو، پالت رنگ، فونت‌ها، راهنمای برند (brand guideline)

با طراحی گرافیک در کل

برندینگ

مردم دربارهٔ ما چه فکر کنند و چرا؟

جایگاه‌یابی، لحن، وعده، هویت

با «لوگو و رنگ»

UI/UX

کاربر در محصولِ دیجیتال چطور کارش را انجام دهد؟

صفحه‌های اپ و سایت، جریان کاربر

با «طراحیِ ظاهر سایت»

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

رایج‌ترین خطا این است که هویت بصری را «همان لوگو» بدانیم. لوگو یک جزء است؛ هویت بصری مجموعه قواعدی است که تعیین می‌کند آن لوگو کجا و با چه رنگ و فونتی بیاید. جزئیاتش موضوع یک مقالهٔ جداست و اینجا به همین قدر بسنده می‌کنیم. خطای دوم، اشتباه گرفتن UI/UX با طراحی گرافیک است. طراح گرافیک ممکن است ظاهر یک صفحه را زیبا کند، ولی اینکه کاربر بتواند بدون سردرگمی سفارش بدهد کارِ طراحی تجربه است.

چه وقت و برای چه خروجی‌هایی به طراحی گرافیک نیاز دارید؟

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

ماتریسِ «نیاز فعلی ← خروجیِ اول»

موقعیت کسب‌وکار

خروجی اولِ پیشنهادی

خروجی بعدی

اشتباه رایج

تازه شروع کرده‌اید و چیزی ندارید

هویت بصری پایه: لوگو، دو سه رنگ، دو فونت

قالب پست و سربرگ و فاکتور

سفارش ده‌ها خروجی پیش از روشن‌شدنِ مخاطب

مخاطبتان عوض شده (مثلاً از مصرف‌کننده به سازمان)

بازنگری در پیام و لحنِ بصری

کاتالوگ یا ارائهٔ جدید

نگه‌داشتنِ همان ظاهرِ قبلی و فقط عوض‌کردنِ متن

محصول فیزیکی عرضه می‌کنید

طراحی بسته‌بندی

محتوای معرفیِ محصول برای فروشگاه و شبکه‌ها

طراحی بسته‌بندی بدون نمونهٔ چاپی و آزمایش روی قفسه

کانال‌ها شبیه هم نیستند

راهنمای برند و قالب‌های مشترک

بازطراحیِ نقاط تماس پراهمیت

تعویض لوگو، در حالی که مشکل ناهماهنگیِ استفاده است

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

قالب انتشارات: ساختار صفحه، جدول و نمودار

نسخهٔ دیجیتال و چاپی با یک سیستم

صفحه‌های پرمتن و بی‌سلسله‌مراتب که کسی تا آخر نمی‌خواند

کاربردها: لوگو، هویت بصری، شبکه‌های اجتماعی، تبلیغات، بسته‌بندی، انتشارات

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

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

کیفیتِ یک طراحی را با چه معیارهایی بسنجیم؟

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

چهار معیارِ قابل‌آزمون

  • وضوح پیام: فردی که طرح را دیده بتواند در یک جمله بگوید پیام چه بود.

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

  • خوانایی: کنتراستِ کافی، اندازهٔ مناسب متن و سلسله‌مراتبِ روشن.

  • قابلیت استفاده در رسانه‌های مختلف: طرح هم روی صفحهٔ موبایل و هم روی چاپ و اندازه‌های مختلف سالم بماند.

آزمون‌های ساده پیش از تأیید

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

اشتباهاتِ میدانی و نشانه‌هایشان

  • متنِ ریز روی تصویرِ شلوغ: نشانه‌اش این است که ناظر باید طرح را نزدیک بیاورد تا بخواند.

  • رنگ‌های متفاوت در هر کانال: نشانه‌اش این است که مشتری برند را در دو جا یکی نمی‌داند.

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

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

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

بریفِ ساده چطور نوشته می‌شود و تحویلِ کار چه شرط‌هایی دارد؟

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

شش جزءِ بریف

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

  2. مخاطب: چه کسی می‌بیند؟ مثال: «مدیران خریدِ شرکت‌های متوسط، که وقت کم دارند.» سؤال راهنما: او چه چیزی را از پیش می‌داند و چه چیزی را نه؟

  3. پیام: یک جمله که باید به خاطر بماند. سؤال راهنما: اگر فقط یک چیز را بگویید، آن چیست؟

  4. محل استفاده: چاپی یا دیجیتال، چه ابعادی، در چه کانالی. سؤال راهنما: این طرح بعداً در کجاهای دیگر هم قرار است بیاید؟

  5. خروجی موردنیاز: دقیقاً چه فایل‌هایی تحویل گرفته شود؟ مثال: «لوگو و دو قالب پست و یک سربرگ.»

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

تحویل: فرمت، فایلِ قابل‌ویرایش، مجوزِ تصویر و فونت

فرمتِ تحویل به رسانه بستگی دارد. برای چاپ معمولاً فایلِ برداری و رنگ‌بندی CMYK لازم است؛ برای صفحه‌نمایش، فایل با رنگ‌بندی RGB. نسخهٔ برداری (مثل فایل لوگو) را حتماً بخواهید، چون بدون افتِ کیفیت بزرگ و کوچک می‌شود، برخلاف فایل رستری که در بزرگ‌شدن پیکسلی می‌شود. «فایل قابل‌ویرایش (باز)» را هم در قرارداد بنویسید تا اگر روزی طراح دیگری ادامهٔ کار را گرفت، دست‌تان بسته نباشد. و مجوزِ استفاده از فونت و تصویر باید یک بند صریح در قرارداد باشد: کدام را خودِ طراح تأمین کرده، کدام را شما، و استفادهٔ تجاری برای هر کدام مجاز است یا نه.

هوش مصنوعی و طراح

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

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

پیش از انتخابِ طراح یا شرکت چه سؤال‌هایی بپرسید؟

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

پرسش‌هایی برای تأمین‌کننده

  • خروجیِ تحویلی دقیقاً چیست و در چه فرمت‌هایی؟

  • چند دور اصلاح در قیمت شامل است و بعد از آن چطور حساب می‌شود؟

  • فایلِ باز (قابل‌ویرایش) تحویل می‌شود؟

  • مجوزِ فونت و تصویر با کیست و استفادهٔ تجاری برایشان تأیید شده؟

  • طرح در رسانه‌های دیگر چطور تنظیم می‌شود، مثلاً از پوستر به استوری؟

پرسش‌های متداول

مالکیت و حقوق استفاده از طرح بعد از تحویل با کیست؟
این را قرارداد تعیین می‌کند، نه تحویل فایل. در متن قرارداد بنویسید حق استفاده از طرح در چه رسانه‌ها و برای چه مدتی به شما منتقل می‌شود و فایل باز هم جزو خروجی است. اگر طراح از تصویر یا فونت شخص ثالث استفاده کرده، مجوز استفادهٔ تجاری آن‌ها را هم جداگانه بخواهید.
برای محتوای فارسی تجاری، فونت را از کجا و با چه مجوزی تهیه کنیم؟
فونتی بردارید که مجوز استفادهٔ تجاری آن را بتوانید مستند کنید، چه خریداری‌شده از سازنده باشد و چه متن‌باز. برخی فونت‌های فارسی با مجوز آزاد منتشر شده‌اند، مثل وزیرمتن، اما مجوز هر فونت را باید جداگانه خواند. فایل‌های دست‌به‌دست‌شده در تلگرام یا سایت‌های نامعتبر معمولاً مجوز روشنی ندارند و اگر برند شناخته‌تر شود، دردسر درست می‌کنند.
کسب‌وکار کوچک اینستاگرامی بهتر است طراح تمام‌وقت بگیرد یا پروژه‌ای کار بدهد؟
اگر تولید محتوای شما منظم نیست، کار پروژه‌ای معمولاً منطقی‌تر است. در عمل دیده‌ایم راه میانه بهتر جواب می‌دهد: یک طراح، یک بار قالب‌های پست و استوری را می‌سازد و خودِ تیم هر هفته فقط متن و عکس را جایگزین می‌کند. طراح تمام‌وقت وقتی توجیه دارد که هر هفته خروجی‌های تازه و متنوع لازم داشته باشید.
چطور بفهمیم نمونه‌کارهای یک طراح یا شرکت واقعاً کار خودش است؟
از او بخواهید دربارهٔ یکی از نمونه‌ها توضیح دهد: بریف چه بود، نقش او دقیقاً چه بود و چند نسخهٔ ردشده داشت. فایل‌های مراحل کار و ارجاع به مشتری‌ای که قابل تماس باشد هم نشانهٔ خوبی است. در وانوریکس هم می‌توانید نظرهای راستی‌آزمایی‌شده و وضعیت «تأیید‌شده» شرکت را کنار نمونه‌کارها ببینید.
طرحی که برای چاپ آماده شده را می‌توان بدون تغییر در شبکه‌های اجتماعی استفاده کرد؟
معمولاً نه. نسبت ابعاد، اندازهٔ متن و حتی تعداد عناصر باید برای صفحهٔ موبایل بازچینی شود، و رنگ‌بندی چاپ (CMYK) با نمایشگر (RGB) یکی نیست. هنگام سفارش بخواهید طراح نسخهٔ دیجیتال را هم از همان ابتدا در بریف و خروجی‌ها بگنجاند.

به این مقاله امتیاز دهید

اولین نفری باشید که امتیاز می‌دهد

درباره نویسنده

م
محسن فلاحنویسنده

آخرین مطالب طراحی گرافیک و برندینگ

همه مطالب