طراحی گرافیک

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

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

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

شش دسته ابزار، دور خروجی ای که باید تحویل بدهید

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

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

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

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

چرا سوال درست، نام نرم افزار نیست؟

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

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

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

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

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

این خروجی قرار است بعدا بزرگ شود یا چاپ برود؟

بله، اندازه اش عوض می شود

ابزار وکتور

  • لوگو و نشانه
  • تابلو، بنر، بیلبورد
  • آیکون و مجموعه آیکون
  • نمودار و نقشه
نه، اندازه اش ثابت است

ابزار پیکسل

  • رتوش و اصلاح عکس
  • تصویر پست شبکه اجتماعی
  • بافت و پس زمینه
  • ترکیب چند عکس

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

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

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

دستهسوالی که جواب می دهدخروجی معمولنمونه ابزار
پیکسلاین عکس را چطور اصلاح کنمPSD، TIFF، PNG، JPGفتوشاپ، گیمپ، استودیوی Pixel افینیتی
وکتورنشانه ای بسازم که هر اندازه ای بشودSVG، PDF، AI، EPSایلاستریتور، اینکسکیپ، استودیوی Vector افینیتی
صفحه آرایی و چاپچند صفحه را چطور برای چاپ ببندمPDF آماده چاپایندیزاین، استودیوی Layout افینیتی
رابط کاربریصفحه های یک محصول چطور کنار هم کار می کنندفایل ابری، خروجی SVG و PNGفیگما
قالب آمادهسریع یک پست یا بنر بسازمPNG، JPG، PDFکنوا
تولید با هوش مصنوعیماده خام تصویری از کجا بیاورمPNG با کیفیت متغیرمدل های تصویری

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

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

رایگان ها تا کجا کافی اند؟

در سه دسته اول، گزینه رایگان یک مصالحه نیست. گیمپ روی صفحه خودش «برنامه ای که آزادانه توزیع می شود» توصیف شده، برای رتوش عکس و ترکیب و ساخت تصویر، و نرم افزار آزاد جامعه محور زیر پروانه GNU GPL است. اینکسکیپ هم ویرایشگر وکتور آزاد و متن باز زیر همان پروانه است، برای گنو/لینوکس و ویندوز و مک، و مهم تر اینکه فرمت اصلی اش خود SVG است و صفحه خودشان می نویسد SVG و AI و EPS و PDF و PS و PNG را وارد و صادر می کند.

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

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

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

هزینه واقعی مسیر رایگان جای دیگری است و کسی رویش تاکید نمی کند: تبادل فایل. مشتری یا چاپخانه ای که .ai یا .psd یا .indd می فرستد، همان را هم پس می خواهد. باز کردن این فایل ها در ابزار دیگر معمولا ممکن است، ولی «باز شدن» با «عین همان دیده شدن» یکی نیست: افکت ها و فونت ها و بعضی ویژگی های چاپی سر همین تبدیل جا می مانند.

از ایران چه چیزی در دسترس است؟

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

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

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

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

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

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

برگه ممیزی فرمت هامعیار: بدون آن حساب هم باز می شود؟

به هیچ حسابی بند نیست

  • SVG برای هر چیز وکتور
  • PDF برای چاپ و آرشیو
  • PNG و TIFF برای تصویر پیکسلی
  • یادداشت فونت و کد رنگ، در متن ساده

به حساب یا اشتراک بند است

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

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

یک زنجیره ابزار که با آن می شود کار کرد

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

  • لوگو. اتود روی کاغذ یا ماده خام از یک مدل تصویری، بعد ترسیم دوباره در ابزار وکتور. تحویل: فایل وکتور به عنوان منبع، به علاوه SVG برای وب و PDF برای چاپخانه و چند PNG با پس زمینه شفاف در اندازه های لازم، به علاوه نسخه تک رنگ.
  • پست شبکه اجتماعی. قالب آماده یا فایل خودتان با اندازه ثابت، خروجی PNG یا JPG. اینجا سرعت مهم تر از انعطاف است و ابزار قالب محور کار درستی می کند.
  • کاتالوگ چاپی. ابزار صفحه آرایی، رنگ CMYK، عکس ها با تفکیک پذیری مناسب چاپ، خروجی PDF آماده چاپ با تنظیماتی که چاپخانه می خواهد. اندازه و نشان برش را از خود چاپخانه بپرسید و حدس نزنید.
  • رابط سایت یا اپلیکیشن. ابزار رابط کاربری، کامپوننت و استایل از همان اول، و خروجی SVG برای آیکون ها. آنچه برنامه نویس لازم دارد فایل زیبا نیست؛ اسم و مقدار است.

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

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

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

مسیر سریع اینجا این نیست که از مدل بپرسید کدام نرم افزار را نصب کنم. این است که قبل از باز کردن هر برنامه ای، فهرست تحویل ها را به یک جدول مشخصات تبدیل کنید: هر قلم تحویل با دسته ابزارش، فرمت منبع، فرمت خروجی، اندازه دقیق، حالت رنگ، و پرچم «این باید وکتور باشد». همان جدول است که جلوی دوباره کاری شش ماه بعد را می گیرد. مدل ارزان و سریع کافی است و انتخاب فعلی ما در بخش <a class="text-link" href="/ai/">هوش مصنوعی</a> هست.

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

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

نقش: مدیر تولید یک استودیوی گرافیک. تو فقط فهرست زیر را داری.

فهرست تحویل ها:
{هر قلم در یک خط، با محل استفاده}

یک جدول بساز، یک ردیف برای هر قلم، با این ستون ها:
۱. قلم تحویل
۲. دسته ابزار (پیکسل / وکتور / صفحه آرایی / رابط کاربری / قالب) و نه اسم برند
۳. فرمت فایل منبع
۴. فرمت های خروجی که باید تحویل داده شود
۵. اندازه با واحدش
۶. حالت رنگ (RGB یا CMYK)
۷. باید وکتور باشد؟ بله / خیر، و در یک جمله چرا
۸. سوال: چیزی که برای پر کردن ردیف لازم بود و در فهرست نبود

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

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

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

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

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

  • Gemini برای تبدیل یک بریف نامرتب به جدول مشخصات مناسب است، چون با متن طولانی و چند قلمی راحت است. صفحه خودمان می نویسد ایران در فهرست کشورهای پشتیبانی شده گوگل نیست؛ راه پرداخت در <a class="text-link" href="/ai/buy/">خرید هوش مصنوعی</a> آمده.
  • Claude وقتی می خواهید جمله های خود مشتری عینا در ستون سوال ها بماند بهتر جواب می دهد، چون کمتر بازنویسی می کند. ایران در هیچ کدام از دو فهرست کشورهای پشتیبانی شده انتروپیک نیست.
  • RGB AI image ranking خود ابزار نیست و عمدا اینجاست: شش مدل تصویری با معیار و منبع رتبه بندی شده اند و ستون دسترسی از ایران هم دارند، پس به جای پرسیدن «کدام مدل بهتر است» می شود جدول را خواند.

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

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

منبع ها: Anthropic: is my data used for model training Google: Gemini Apps Privacy Hub

حد این توصیه

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

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

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

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

اول فتوشاپ یاد بگیرم یا ایلاستریتور؟

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

با ابزار رایگان می شود کار حرفه ای تحویل داد؟

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

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

یک فایل منبع به علاوه چند خروجی. برای کار وکتور: منبع، به علاوه SVG و PDF و چند PNG شفاف. برای کار پیکسلی: منبع لایه دار، به علاوه PNG یا JPG در اندازه های لازم. کنارش سه خط بنویسید که فونت ها و کدهای رنگ در آن باشد.