قسمت۳: آموزش نصب پلاگین در Adobe Xd

96 بازدید
آموزش نصب پلاگین ها در Adobe Xd

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

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

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

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

 

آموزش طراحی رابط کاربری اپلیکیشن

 

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

 

آموزش طراحی رابط کاربری اپلیکیشن

 

بعد بر روی گزینه plugins کلیک نمایید و در صفحه باز شده بر روی Manage Plugins کلیک نمایید که بعد از کلیک صفحه زیر باز می شود.

 

آموزش طراحی ظاهر اپلیکیشن

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

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

و گزینه دیگری که مشخص شده است در تصویر بالا یکی از پلاگین های پر کاربرد است که تمام آیکون ها در اختیار شما قرار می دهد و بسیار کاربرد دارد.

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

آموزش طراحی ظاهر اپلیکیشن

 

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

 

آموزش طراحی UI اپلیکیشن

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

۱- قسمت اول مربوط رنگ ها است که رنگ ها که در پروژه خیلی استفاده می کنید به این قسمت اضافه می کنید و هر جا لازم داشتید با کلیک بر روی رنگ مورد نظر آن رنگ انتخاب می شود.

۲- قسمت دوم مربوط به استایل ها است که استایل های که طراحی کرده اید را به این قسمت اضافه می کنید به عنوان مثال باکس در وسط نرم افزار به این قسمت اضافه می کنید.

۳- در قسمت سوم مربوط به المان های خاص است به عنوان مثال دکمه های برنامه ، علامت های لایک ، کلید های برگشت به قبل یا رفتن به بعد و… به این قسمت اضافه می کنیم.

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

آموزش طراحی UI اپلیکیشن

به ترتیب به معرفی پلاگین های مشخص شده در تصویر بالا می پردازیم:

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

۲- با استفاده پلاگین بعدی اگر جایی از برنامه نیاز به متن داشتید برایتان متن می سازد همانطور که در سمت راست می بینید.

۳- پلاگین سوم برای ساخت عکس پروفایل مناسب بوده و نمونه آن در سمت راست نرم افزار است.

۴- این پلاگین آیکون های بسیار زیبا و پترن های مناسب برای طراحی اپ در اختیار شما قرار می دهد و متناسب با رنگ نرم افزار شما تغییر رنگ می دهد.

۵- آخرین پلاگین هم مربوط به مپ است که اگر داخل نرم افزار نیاز به قرار دادن آدرس داشتید می توانید با استفاده از این پلاگین آدرس را داخل مپ نمایش دهید.

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

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

تاجلسه بعدی خدانگهدار!

https://modiran.app/?p=1790
برچسب ها:
اشتراک گذاری:
نیایش ملکی
نیایش ملکی
فارغ التحصیل مقطع کارشناسی ارشد رشته مدیریت صنعتی از دانشگاه شهید بهشتی فریلنسر و طراح تجربه و رابط کاربری وبسایت و اپلیکشن. مسلط به فریم وورکهای حل مسئله و سیستم داینامیک. تجربه ی فعالیت در زمینه های مختلف گرافیکی، طراحی و پروژه های داخلی و خارجی با حدود 2 سال تجربه حرفه ای
مطالب بیشتر

باکس دانلود

راهنما

برای مشاهده فیلم آموزشی از پلیر ها استفاده کنید.

نظرات

0 نظر در مورد قسمت۳: آموزش نصب پلاگین در Adobe Xd

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هیچ دیدگاهی نوشته نشده است.