گرافیک
فتوشاپ یا فیگما؟ کدام را اول یاد بگیریم؛ راهنمای گرافیک در سبزوار
این سؤال را تقریباً هر کسی که میخواهد گرافیک را شروع کند میپرسد. جواب کوتاه این است که فتوشاپ و فیگما رقیب هم نیستند. هر کدام برای کار دیگری ساخته شدهاند و انتخاب اول شما به چیزی که میخواهید بسازید بستگی دارد.
فتوشاپ برای چه کاری است؟
فتوشاپ نرمافزار کار با تصویر است. عکس را اصلاح میکنید، نور و رنگش را درست میکنید، پسزمینه را عوض میکنید و چند عکس را به هم میچسبانید. پوستر، بنر تبلیغاتی، پست و استوری اینستاگرام هم معمولاً در همین نرمافزار ساخته میشوند. اگر میخواهید برای کسبوکارها محتوای تصویری بسازید، فتوشاپ ابزار اصلی شماست.
فیگما برای چه کاری است؟
فیگما برای طراحی رابط کاربری ساخته شده است: صفحهی یک سایت، صفحههای یک اپلیکیشن، دکمهها، منوها و فرمها. چند نفر میتوانند همزمان روی یک فایل کار کنند و طراح و برنامهنویس با هم فایل را ببینند. اگر دوست دارید ظاهر سایت و اپلیکیشن را طراحی کنید، فیگما را باید یاد بگیرید.
مقایسهی دو نرمافزار
| معیار | فتوشاپ | فیگما |
|---|---|---|
| کار اصلی | اصلاح و ساخت تصویر | طراحی رابط کاربری سایت و اپلیکیشن |
| مثال خروجی | پوستر، بنر، پست اینستاگرام، عکس روتوششده | طرح صفحههای سایت، منو، فرم و دکمه |
| نوع کار | کار با تصویرهای پیکسلی | طراحی اجزای رابط و چیدمان صفحه |
| کار گروهی | معمولاً فایلها جداگانه رد و بدل میشوند | چند نفر همزمان روی یک فایل کار میکنند |
| مناسب برای | تبلیغات، شبکههای اجتماعی، عکاسی | طراحی سایت و اپلیکیشن |
پس کدام را اول شروع کنیم؟
- اگر هدفتان کار با کسبوکارها است (پست، پوستر، بنر): فتوشاپ.
- اگر میخواهید طراح سایت یا اپلیکیشن شوید: فیگما.
- اگر هنوز نمیدانید: فتوشاپ. چون اصول رنگ و چیدمان را در آن میآموزید و بعد یاد گرفتن فیگما سریعتر میشود.
اصولی که در هر دو نرمافزار یکی است
ابزارها فرق میکنند ولی اصول طراحی یکی است، و همین اصول است که کار شما را حرفهای نشان میدهد:
- رنگ: دو یا سه رنگ اصلی کافی است. رنگهای زیاد کار را شلوغ میکند.
- فضای خالی: فاصله بین عناصر به متن و تصویر جا میدهد تا دیده شوند.
- تایپوگرافی: انتخاب فونت فارسی خوانا و اندازهی درست، نیمی از کار است.
- سلسلهمراتب: مهمترین چیز باید اول دیده شود، با اندازه یا رنگ.
یک تمرین سهروزه برای امتحان کردن
- روز اول: یک عکس ساده بردارید و نور و رنگش را در فتوشاپ اصلاح کنید.
- روز دوم: همان عکس را در یک پوستر ساده با یک تیتر و یک جملهی کوتاه بگذارید.
- روز سوم: در فیگما یک صفحهی اصلی ساده برای یک کسبوکار خیالی بکشید: لوگو، منو، یک تصویر و یک دکمه.
بعد از سه روز معمولاً مشخص میشود کدام بیشتر به دلتان نشسته.
اشتباههایی که تازهکارها تکرار میکنند
- استفاده از چند فونت مختلف در یک طرح.
- گذاشتن متن روی تصویری که شلوغ است و خوانده نمیشود.
- کپی کردن طرح دیگران بهجای ساختن سبک خودتان.
- نداشتن نمونهکار مرتب. مشتری قبل از هر چیز نمونهکار شما را میبیند.
مفاهیم پایهی فتوشاپ که اول باید بشناسید
- لایه: هر عنصر طرح روی یک لایهی جدا قرار میگیرد، مثل ورقهای شفاف روی هم. میتوانید یکی را جابهجا یا حذف کنید بدون اینکه بقیه خراب شود.
- ماسک: به جای پاک کردن بخشی از تصویر، آن را پنهان میکنید. هر وقت پشیمان شدید، برمیگردد.
- انتخاب: جدا کردن یک شیء از پسزمینه پایهی بسیاری از کارهای تبلیغاتی است.
- ابعاد و کیفیت: طرحی که برای صفحهی گوشی ساخته میشود با طرحی که چاپ میشود فرق دارد. برای چاپ معمولاً کیفیت بالاتری لازم است و ۳۰۰ dpi مقدار رایج آن است.
مفاهیم پایهی فیگما
- فریم: صفحهی طراحی شما، مثلاً یک صفحهی موبایل یا یک صفحهی سایت.
- کامپوننت: یک عنصر قابل استفادهی دوباره، مثل یک دکمه. اگر یکی را تغییر دهید، همهی نمونههایش عوض میشوند.
- چیدمان خودکار: عناصر خودشان با تغییر متن یا اندازه، جابهجا و هماندازه میشوند و کار طراحی منظمتر میماند.
- شبکه و فاصلهها: رعایت فاصلههای ثابت بین عناصر طراحی را مرتب و حرفهای نشان میدهد.
رنگ را چطور انتخاب کنیم؟
یک قاعدهی ساده که خیلی از طراحان استفاده میکنند این است که حدود شصت درصد طرح یک رنگ زمینه، سی درصد یک رنگ دوم و ده درصد یک رنگ تأکیدی باشد. رنگ تأکیدی را برای دکمه یا عنوان مهم نگه دارید تا چشم بیننده به همان جا برود. قبل از نهایی کردن، طرح را سیاهوسفید کنید؛ اگر هنوز خوانا بود، تضاد کافی دارد.
فونت فارسی و خوانایی
- برای متنهای طولانی فونتی با شکل ساده انتخاب کنید و برای تیتر میتوانید فونت پرشخصیتتری بگذارید.
- فاصلهی بین خطها را کمی بازتر بگیرید. متن فارسی با فاصلهی بیشتر راحتتر خوانده میشود.
- اعداد و علامتها را در طرح بررسی کنید؛ بعضی فونتها فارسی و لاتین را هماندازه نشان نمیدهند.
- متن را پایان کار روی گوشی هم ببینید، نه فقط روی مانیتور.
نمونهکار خوب چه شکلی است؟
مشتری و کارفرما اول به نمونهکار شما نگاه میکنند، نه به رزومه. چند اصل ساده:
- تعداد کم ولی قوی. پنج کار خوب از بیست کار معمولی بهتر است.
- تنوع منطقی: یک لوگو، یک پوستر، یک پست شبکهی اجتماعی و یک طرح رابط کاربری.
- برای هر کار یک خط توضیح بنویسید: مسئله چه بود و شما چه کردید.
- اگر برای کسبوکار واقعی کار کردهاید، قبل و بعد را کنار هم نشان دهید.
گرافیک را در سبزوار کجا حضوری یاد بگیریم؟
در دورهی طراحی گرافیک الکترا در سبزوار، مسیر از اصول طراحی شروع میشود، به فتوشاپ و روتوش میرسد، سراغ طراحی پست، استوری، پوستر و لوگو میرود و با ساخت یک نمونهکار مرتب تمام میشود. دوره ۲۰ جلسه و ۲۳ ساعت است و پیشنیاز ندارد. اگر بعدش بخواهید ویدئو هم بسازید، دورهی پریمیر ادامهی طبیعی آن است. اگر هم به طراحی ظاهر سایت علاقه دارید، دورهی طراحی سایت را ببینید. با ۰۹۳۰۹۱۱۸۵۵۸ تماس بگیرید تا سطحتان را رایگان بسنجیم.
سوالات متداول
فتوشاپ و فیگما را میشود با هم یاد گرفت؟
بله. دورهی گرافیک الکترا هر دو را دربر میگیرد، چون بخشی از مهارتها بینشان مشترک است: رنگ، ترکیببندی و تایپوگرافی.
برای شروع گرافیک باید نقاشی بلد باشم؟
لازم نیست. اصول طراحی مثل رنگ، فاصله و چیدمان یاد گرفتنیاند و با تمرین جا میافتند.
دورهی گرافیک الکترا چند جلسه است؟
۲۰ جلسه و ۲۳ ساعت آموزش حضوری است و پیشنیاز ندارد.
اگر بخواهم رابط کاربری اپ و سایت طراحی کنم کدام را شروع کنم؟
فیگما. ولی اگر روتوش عکس، پوستر و تبلیغ میخواهید، فتوشاپ مسیر مناسبتری است.
