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

گریدسیستم و فواصل برای اینستاگرام
اگر بخواهید پستهای اینستاگرامی خود را مربعی طراحی کنید، از 4 طرف فریم، 80 پیکسل فضای سفید در نظر بگیرید و در آن بخشها، طراحی انجام ندهید. اگر هم پست شما مستطیلی بوده و 1080 در 1350 طراحی میشود، از چپ و راست 80 پیکسل و از بالا و پائین، 135 پیکسل فاصله در نظر بگیرید. برای استوری نیز همان 80 پیکسل چپ و راست را در نظر بگیرید. اما فضای سفید بالا و پائین را بین 200 تا 250 پیکسل قرار دهید. با همان گریدسیستم فیگما میتوانید این فضاهای سفید را بسازید (در ویدئو نیز کاملاً توضیح داده شده است). اندازه کاور هایلایت نیز یک دایره با قطر 128 پیکسل است.
همیشه با عبارتهایی مانند instagram size guide یا راهنمای اندازهها در اینستاگرام، میتوانید مرجع خوبی از آن را بیابید. همچنین این کار، برای لینکدین، دریبل، فیسبوک و ایکس (توئیتر سابق) نیز قابل انجام است. ما در ویدئو موکاپ پروژه برای دریبل و اینستاگرام توضیح دادیم که چگونه خروجی از طراحیهای اینستاگرامی خود در فیگما تهیه کنید.
طراحی بنرهای جذاب سوشال مدیا در فیگما
نرم افزار رایگان فیگما نیز تعدادی قابلیت در اختیار کاربران قرار داده است تا بتوانند در این محیط طراحیهای جذابی از جمله پست و استوری در اینستاگرام انجام دهند. هر چند به قابلیتهای فتوشاپ نمیرسد اما میتوان با همین قابلیتهای ساده نیز طرحهای زیبا خلق کرد.
در این قسمت از دوره طراح رابط و تجربه کاربری (ui/ux) آموزش طراحی پست و استوری اینستاگرام در فیگما و متعلقات مربوط به این دانش مهم را توضیح دادیم. خوشحال میشویم تجربیات خود را با ما به اشترک بگذارید. همچنین اگر سوالی در مورد این مبحث داشتید از بخش دیدگاهها، از متخصصین آژانس نوآوری رسام بپرسید. موفق باشید 😍
معرفی منابع و تمرین برای این جلسه
فکرش را بکنید بین 50 تا 60 میلیون ایرانی در اینستاگرام هستند. حتی اگر مجبور بشوند با قندشکن به آن متصل بشوند. حاضرید این فضای ارزشمند و رایگان تبلیغاتی را از دست بدهید؟ حیف است که وقت ما صرفاً برای دیدن ویدئوهای آشپزی برود! بیایید به سراغش برویم. ویدئو این جلسه را مشاهده کرده و تلاش کنید یک قالب پست و استوری برای خود بسازید. برای مطالعه عمیقتر، مقالات زیر را هم مطالعه کنید.
https://www.payoneer.com/resources/business/how-freelancers-can-attract-new-clients-using-instagram
https://creativepulse.co/instagram-marketing-tips-for-freelancers-in-vancouver
9 پاسخ
خواهش میکنم استاد بزرگوارید. شما لطف دارین. بله حتما، بهتون در تلگرام پیام میدم ممنون از پاسخگویی شما🙏
سلام استاد خیلی عالی بود من سعی دارم تو پلتفرم های مختلف نمونه ببینم و ایده بگیرم چیزی که شما هم بهش اشاره کردین. دوست داشتم خودتون هم پیج های اینستاگرامی ک خوب کار میکنن و میتونیم ازشون الهام بگیریم رو معرفی میکردین. مثل همیشه محتوای عالیی بود ممنون ازتون
درود بر شما دوست گرامی، وقت شما بخیر
عالی هستش عسل جان. فکر کنم دور اول مشاهده این کورس آموزشی رو داری تکمیل میکنی و این خیلی عالیه. نکته جالبتر اینکه از پلتفرم دیگری هم میبینی و تکرار و تمرینش میکنی. راستش خوشم اومد از این روش و بدم نمیاد منم برخی آموزشهام رو اینطوری جلو ببرم و یاد بگیرم. 😎 در مورد پیجهای اینستاگرامی که فرمودی اتفاقا موارد زیادی هستند و نمیشد در ویدئو به دلایلی بیان کرد. اگر خواستی به من پیام بده در تلگرام خدمتت ارسال میکنم.
موفق باشید.
سلام و عرض ادب
استاد برای ساخت layout اینستاگرام بیشتر از چه نوع پیج هایی میشه ایده گرفت؟
و اگر این layout هارا طراحی کردیم کجا peresent کنیم تا کارفرما کار ما رو ببیند؟
درود بر شما دوست گرامی. وقت بخیر
به نظرم باید حوزه کاری اون شخصی که از ما طراحی Layout اینستاگرام رو میخواد رو بایستی بررسی کنیم. هشتگهای مرتبط آنها را سرچ کنیم. پیجهای قوی در آن زمینه که خوب کار کردند را (اعم از داخلی یا خارجی) ببینیم و ایده بگیریم. چون صنعت با صنعت متفاوت هست و کمی باید به برندبوک و هویت آن بیزنس هم توجه کنیم که طراحی ما بتواند بیانگر آنها باشد.
موفق باشید.
سلام استاد وقتتون بخیر.من همونطور که گفتین هایلایت هارو با اندازه128×128 طراحی کردم و آیکون ها هم کاملا با کیفیت از freepik دانلود شدن ولی وقتی خروجی میگیرم و مورد استفاده قرار میدم کیفیت به شدت پایین میاد.
آیا راهکاری هست؟مثلا خروجی گرفتن بنده مورد داره یا باید باAI کیفیت رو بعدا بالا برد.
خیلی ممنون میشم اگر راهنمایی کنین
درود بر شما. وقت بخیر
موقع خروجی گرفتن دقت بفرمائید فرمت مناسبی انتخاب بشود. اگر jpg هست، رزولوشن تصویر را کمتر از 1X انتخاب نکنید. همچنین آیکن مورد استفاده در پروژه نیز بایستی svg باشد. سایز 128 برای هایلایت مناسب هست. اما اگر احساس کردید بازم کیفیت مناسب نیست آنرا در سایز 320 خروجی بگیرید.
موفق باشید.
خیلی متشکرم از لطفتون استاد. واقعا لطف کردید.
درود بر شما. وقت بخیر.
سپاس از لطف، مهربانی و همراهی شما.
موفق باشید.