گرافیک

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

لوگوی مجله الکترانویسنده: امیررضا مختاری‌نیک
انتشار: ۱۷ مهر ۱۴۰۵ · آخرین بازبینی: · ۵ دقیقه مطالعه
یادگیری فتوشاپ و فیگما در کلاس گرافیک آموزشگاه الکترا سبزوار

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

فتوشاپ برای چه کاری است؟

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

فیگما برای چه کاری است؟

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

مقایسه‌ی دو نرم‌افزار

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

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

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

اصولی که در هر دو نرم‌افزار یکی است

ابزارها فرق می‌کنند ولی اصول طراحی یکی است، و همین اصول است که کار شما را حرفه‌ای نشان می‌دهد:

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

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

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

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

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

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

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

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

مفاهیم پایه‌ی فیگما

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

رنگ را چطور انتخاب کنیم؟

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

فونت فارسی و خوانایی

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

نمونه‌کار خوب چه شکلی است؟

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

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

گرافیک را در سبزوار کجا حضوری یاد بگیریم؟

در دوره‌ی طراحی گرافیک الکترا در سبزوار، مسیر از اصول طراحی شروع می‌شود، به فتوشاپ و روتوش می‌رسد، سراغ طراحی پست، استوری، پوستر و لوگو می‌رود و با ساخت یک نمونه‌کار مرتب تمام می‌شود. دوره ۲۰ جلسه و ۲۳ ساعت است و پیش‌نیاز ندارد. اگر بعدش بخواهید ویدئو هم بسازید، دوره‌ی پریمیر ادامه‌ی طبیعی آن است. اگر هم به طراحی ظاهر سایت علاقه دارید، دوره‌ی طراحی سایت را ببینید. با ۰۹۳۰۹۱۱۸۵۵۸ تماس بگیرید تا سطحتان را رایگان بسنجیم.

سوالات متداول

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

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

برای شروع گرافیک باید نقاشی بلد باشم؟

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

دوره‌ی گرافیک الکترا چند جلسه است؟

۲۰ جلسه و ۲۳ ساعت آموزش حضوری است و پیش‌نیاز ندارد.

اگر بخواهم رابط کاربری اپ و سایت طراحی کنم کدام را شروع کنم؟

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

#گرافیک#فتوشاپ#فیگما#طراحی

هنوز مطمئن نیستی کدوم دوره مناسبته؟

مشاوره و تعیین سطح در آموزشگاه الکترا سبزوار رایگان است.

رزرو مشاوره رایگان

برای دیدن مسیر یادگیری و همه‌ی کلاس‌های حضوری، صفحه‌ی آموزشگاه برنامه نویسی سبزوار را ببینید.

دوره‌های مرتبط

بخوانید

از اینجا ادامه بدهید

مجله و مقاله‌های آموزشی · درباره‌ی آموزشگاه · اساتید و تیم · گالری کلاس‌ها · سوالات متداول · آدرس و تماس