طراحی گرافیک

آموزش طراحی لوگو

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

  • درس ۷ از ۱۲
  • مقدماتی
  • رایگان، بدون ثبت نام

شش ایستگاه از یک اسم تا یک نشانه قابل استفاده

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

  1. ۱

    بریف

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

  2. ۲

    تحقیق

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

  3. ۳

    اتود

    روی کاغذ و خام. صیقل دادن قبل از تصمیم، وقت تلف کردن است.

  4. ۴

    وکتور

    اینجا نشانه فایل می شود. تست اندازه کوچک و تک رنگ همین جاست.

  5. ۵

    نسخه ها

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

  6. ۶

    تحویل

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

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

آخرین بررسی: فکت ها و نام ابزارهای این درس در همین تاریخ با منابعشان بازبینی شده اند.

بریف واقعی چه چیزهایی دارد

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

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

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

برگه بریف: چه چیزی جواب می خواهد و چه چیزی به جایش می رسد

بریف لوگویک صفحه

هفت چیزی که باید جواب داشته باشند

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

چیزی که معمولا به جای بریف می رسد

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

ستون راست پاسخ های واقعی مشتری اند و اشتباه نیستند؛ فقط هنوز بریف نشده اند و باید به سوال تبدیل شوند.

قبل از اولین اتود چه چیزی را نگاه می کنیم

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

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

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

و یک حد صادقانه: این تحقیق یکی دو ساعت است، نه یک هفته. بعد از آن دیگر تحقیق نیست، تعویق است.

از اتود تا وکتور، و چرا این قابل مذاکره نیست

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

بعد همان شکل را در وکتور بسازید. این همان نتیجه ای است که در درس فرمت های تصویر از سمت فایل به آن رسیدیم: لوگو یک شکل است و شکل جایش در وکتور است. از یک فایل وکتور، هم فاوآیکون بیرون می آید هم بنر سه متری؛ از یک PNG هیچ کدام.

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

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

یک لوگو کافی نیست؛ نسخه ها

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

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

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

دو مسیر، و کاری که هرکدام واقعا انجام می دهد

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

مسیر سریع و ارزان

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

مسیر سرمایه گذاری شده

  • وقتی نشانه روی تابلو، بسته بندی و چاپ می رود
  • فایل منبع و نسخه ها و راهنما تحویل داده می شوند
  • زمان می برد و بخش زیادش منتظر بازخورد شماست
  • هزینه اش را وقتی پس می دهد که چیز پشتش ماندنی باشد

هیچ کدام از این دو کفه درباره زیبایی حرف نمی زند. زیبایی را نه فرایند تضمین می کند نه بودجه.

تحویل، و دو حرف ناخوشایند

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

حالا دو چیزی که صفحه های فروش نمی گویند.

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

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

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

مسیر سریع با هوش مصنوعی

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

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

نسخه آماده کپی

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

بریف را دقیقا در این هفت بند بده:
۱. کسب و کار چه می کند و برای چه کسی، تا حد ممکن با جمله های خود مشتری.
۲. جاهایی که لوگو واقعا دیده می شود، و کوچک ترینشان.
۳. اسم دقیقی که باید در لوگو بیاید، با املایی که مشتری نوشته.
۴. چیزهایی که مشتری صراحتا نمی خواهد.
۵. رقبا یا نشانه هایی که نام برده، و هر چه درباره ظاهرشان گفته.
۶. کسی که تصمیم نهایی را می گیرد.
۷. زمان بندی و هر تاریخ ثابتی که گفته شده.

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

اگر بندی جواب ندارد بنویس «گفته نشده». حدس زدن ممنوع.

متن گفتگو:
{گفتگو}

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

هوش مصنوعی در این کار

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

ابزارهایی که واقعا کمک می کنند

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

کجا نتیجه معکوس می دهد

اولین ریسک یکتا بودن است و ریاضی ساده ای دارد: بریف های شبیه هم، به مدل های یکسان، نشانه های شبیه هم می دهند. «لوگوی مینیمال مدرن تکنولوژی» را هزاران نفر دیگر هم نوشته اند و خروجی هایشان از یک خانواده اند. ریسک دوم مالکیت است و اینجا عمدا ادعای حقوقی نمی کنیم: اینکه یک نشانه قابل ثبت هست یا نه به محل ثبت و به آنچه از قبل ثبت شده بستگی دارد، مولد جوابش را نمی دهد و ما هم نمی دهیم؛ جستجو در مرجع ثبت کار خریدار است و انجام دادنش در همان هفته اول رایگان است. سوم، ردپا: گوگل می نویسد واترمارک SynthID در همان لحظه تولید داخل خود تصویر جاسازی می شود و طوری طراحی شده که در برابر برش و فیلتر و فشرده سازی با اتلاف دوام بیاورد، پس تبدیل فرمت پاکش نمی کند. و چهارم، چیزی که مخصوص ماست: مدل های تصویری حروف فارسی را به شکل چیزی که شبیه حرف است می کشند. اتصال ها می شکنند و نقطه ها سر جایشان نمی نشینند، و اگر خودتان فارسی نمی خوانید این را نمی بینید ولی مشتری شما می بیند.

منبع ها: Google DeepMind: SynthID Google Search Central: favicon requirements for Search

حد این توصیه

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

از تجربه خود ما

نشان برند خود همین سایت اصلا تصویر نیست. صفحه اصلی rgb.ir در ۲۰۲۶-۰۹-۰۶ صفر تگ img دارد و آنچه به عنوان لوگو می بینید متن است با گرادیان CSS، پس در هر اندازه ای تیز است و هیچ فایلی برایش دانلود نمی شود. تنها جایی که همین لوگو مجبور شده فایل رستر شود همان جایی است که پلتفرم اندازه ثابت می خواهد: ست آیکن سایت، سه فایل WebP در ۳۲ و ۱۸۰ و ۱۹۲ پیکسل که از یک مستر بریده شده اند و به ترتیب ۱۱۴۶ و ۹۰۰۲ و ۹۴۰۴ بایت اند. دقیقا همان الگویی که این درس می گوید: یک مستر، چند خروجی، فقط جایی که لازم است. و یک ناهماهنگی که موقع نوشتن همین درس روی سایت خودمان پیدا کردیم و صادقانه اش این است که هنوز درست نشده: مستندات خود گوگل فرمت های فاوآیکون مورد پشتیبانی جستجو را BMP، GIF، ICO، PNG، JPEG، PPM و TIFF می نویسد و WebP در آن فهرست نیست. نمی دانیم گوگل با آیکن ما عملا چه می کند؛ می دانیم که فهرست، شامل فرمتی که ما استفاده کرده ایم نیست.

سوال هایی که واقعا پرسیده می شوند

طراحی لوگو چقدر طول می کشد؟

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

لوگو را با هوش مصنوعی بسازم؟

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

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

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