دسته ابزارهای طراحی

ادوبی فیگما را خرید! چه اتفاقی برای دیزاینرهای ایرانی خواهد افتاد؟

ادوبی فیگما را خرید! چه اتفاقی برای دیزاینرهای ایرانی خواهد افتاد؟

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

ادامه مطلبادوبی فیگما را خرید! چه اتفاقی برای دیزاینرهای ایرانی خواهد افتاد؟

آموزش فیگما – ساخت کامپوننت های اینتراکتیو در Figma

آموزش کامپوننت های اینتراکتیو فیگما

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

ادامه مطلبآموزش فیگما – ساخت کامپوننت های اینتراکتیو در Figma

آموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma 2021 – قسمت سوم

آموزش فیگما - 7 پلاگین فوق العاده کاربردی Figma 2021 - قسمت سوم

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

ادامه مطلبآموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma 2021 – قسمت سوم

Atomic Design – طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها

Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها

اگر می خواهید بدانید روش Atomic Design یا دیزاین اتمی چیست و چطور میتونید از آن در طراحی UI و ساخت دیزاین سیستم ها استفاده کنید با من در این آموزش همراه باشید.

ادامه مطلبAtomic Design – طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها

آموزش فیگما جم – وایت برد برای انواع کارهای دیزاین از FigJam

آموزش فیگما جم - وایت برد برای انواع کارهای دیزاین و تیمی از FigJam

فیگما جم یا Figma Jam یا فیگ جم را مثل یک وایت برد خیلی بزرگ در نظر بگیرید که با آن می توانید کارهای مختلفی مثل ساخت یوزر فلو، وایرفریم، ساخت طرح پیشنهادی، کارت سورتینگ و موارد مختلف و زیاد دیگری را انجام دهید.

ادامه مطلبآموزش فیگما جم – وایت برد برای انواع کارهای دیزاین از FigJam

آموزش جامع ساخت پروتوتایپ در Adobe Xd – قسمت ششم

آموزش جامع ساخت پروتوتایپ در Adobe Xd - قسمت ششم

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

ادامه مطلبآموزش جامع ساخت پروتوتایپ در Adobe Xd – قسمت ششم

آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows

آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows

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

ادامه مطلبآموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows

آموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma

آمورش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma

ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از جمله تغییر سایز اسکرین یا صفحه نمایش بتونن خودشون رو تغییر شکل بدن و به عبارتی Auto Layout به ما کمک می کنه که بتونیم طرحمون رو راحت تر ریسپانسیو کنیم.

ادامه مطلبآموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma

آموزش تایپوگرافی در UI – تنظیم سایز متن ها و فونت در طراحی رابط کاربری

آموزش تایپوگرافی در UI - تنظیم سایز متن ها و فونت در طراحی رابط کاربری

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

ادامه مطلبآموزش تایپوگرافی در UI – تنظیم سایز متن ها و فونت در طراحی رابط کاربری