در این قسمت آموزش طراحی رابط کاربری اپلیکیشن از سایت مدیران اپ می خواهیم به قسمت پلاگین های نرم افزار آدوبی xd بپردازیم.
در قسمت قبل آموزش طراحی ظاهر اپلیکیشن به آموزش های نرم افزار از جمله تکرار المان ، قسمت های لایه بندی نرم افزار ، ایمپورت تصاویر و … پرداختیم اگر قسمت قبل آموزش طراحی UI اپلیکیشن را مطالعه نکرده اید پیشنهاد می کنیم از این لینک به مطالعه بپردازید.
در ادامه آموزش طراحی ظاهر اپلیکیشن می خواهیم به آموزش قسمت های مختلف پلاگین ها و همچنین اضافه کردن پلاگین به نرم افزار Adobe XD و همچنین معرفی چند پلاگین پر کاربرد بپردازیم.
همانطور که در تصویر زیر مشاهده می کنید برای دسترسی به پلاگین هایی که در نرم افزار آدوبی xd نصب کرده اید از قسمت پایین سمت چپ استفاده می کنید.
در ادامه آموزش طراحی ظاهر اپلیکیشن می خواهیم به آموزش نصب پلاگین جدید بپردازیم برای نصب باید روی قسمت منو در سمت چپ و بالای نرم افزار کلیک نمایید.
بعد بر روی گزینه plugins کلیک نمایید و در صفحه باز شده بر روی Manage Plugins کلیک نمایید که بعد از کلیک صفحه زیر باز می شود.
نکته بسیار مهمی که برای این قسمت باید در نظر بگیرید این است که باید برای دسترسی به این قسمت از فیلترشکن استفاده کنید و آی پی های ایران تحریم هستند.
بعد از بالا آمدن صفحه بالا می توانید پلاگین مورد نظرتان را جست و جو کنید و پیدا کنید زمانی که همانند تصویر بالا که با شماره یک مشخص شده است در کنار پلاگین یک تیک سبز قرار دارد به این به این معنا است که این پلاگین بر روی نرم افزار نصب است اگر پلاگین نصب نباشد همانند شماره ۲ گزینه install می آید که با کلیک بر روی گزینه install پلاگین بعد از چند لحظه نصب می شود.
و گزینه دیگری که مشخص شده است در تصویر بالا یکی از پلاگین های پر کاربرد است که تمام آیکون ها در اختیار شما قرار می دهد و بسیار کاربرد دارد.
بعد از کلیک بر روی گزینه پلاگین ها که در بالا هم توضیح دادیم در سمت چپ و پایین نرم افزار است کل پلاگین هایی که نصب کرده اید نمایش می دهد همانند تصویر زیر که کل پلاگین های نصب شده را نمایش می دهد و از همین قسمت می توانید به هر پلاگینی نیاز داشتید انتخاب کنید و از آن استفاده کنید.
در قسمت بعدی آموزش طراحی ظاهر اپلیکیشن می خواهیم به آموزش و معرفی Assets بپردازیم بر دسترسی به این قسمت همانند تصویر زیر از گزینه پایین و سمت چپ نرم افزار استفاده می کنیم.
در قسمت Assets که داری سه قسمت است که در ادامه به معرفی هر کدام می پردازیم در کل، این قسمت برای المان هایی است که در پروژه بسیار استفاده می کنیم تا نیاز نباشد دیگر هر دفعه انتخاب یا نسبت به طراحی آن اقدام نمایید و می توانید به صورت آماده از این قسمت انتخاب و در پروژه خود استفاده نمایید.
۱- قسمت اول مربوط رنگ ها است که رنگ ها که در پروژه خیلی استفاده می کنید به این قسمت اضافه می کنید و هر جا لازم داشتید با کلیک بر روی رنگ مورد نظر آن رنگ انتخاب می شود.
۲- قسمت دوم مربوط به استایل ها است که استایل های که طراحی کرده اید را به این قسمت اضافه می کنید به عنوان مثال باکس در وسط نرم افزار به این قسمت اضافه می کنید.
۳- در قسمت سوم مربوط به المان های خاص است به عنوان مثال دکمه های برنامه ، علامت های لایک ، کلید های برگشت به قبل یا رفتن به بعد و… به این قسمت اضافه می کنیم.
در پایان این قسمت آموزش طراحی ظاهر اپلیکیشن می خواهیم به معرفی چند پلاگین پر کاربرد بپردازیم.
به ترتیب به معرفی پلاگین های مشخص شده در تصویر بالا می پردازیم:
۱- اولین پلاگین که در بالا هم معرفی کردم مربوط به ایکون ها است و آیکون های مورد نیازتان را در اختیاز شما قرار می دهد.
۲- با استفاده پلاگین بعدی اگر جایی از برنامه نیاز به متن داشتید برایتان متن می سازد همانطور که در سمت راست می بینید.
۳- پلاگین سوم برای ساخت عکس پروفایل مناسب بوده و نمونه آن در سمت راست نرم افزار است.
۴- این پلاگین آیکون های بسیار زیبا و پترن های مناسب برای طراحی اپ در اختیار شما قرار می دهد و متناسب با رنگ نرم افزار شما تغییر رنگ می دهد.
۵- آخرین پلاگین هم مربوط به مپ است که اگر داخل نرم افزار نیاز به قرار دادن آدرس داشتید می توانید با استفاده از این پلاگین آدرس را داخل مپ نمایش دهید.
در قسمت بعدی آموزش می خواهیم به آموزش لینک دهی بین صفحات نرم افزار و قسمت Prototype نرم افزار آدوبی xd بپردازیم.
امیدوارم این قسمت آموزش طراحی ظاهر اپلیکیشن مورد استفاده شما کاربران سایت مدیران اپ قرار گرفته باشد.
تاجلسه بعدی خدانگهدار!
قوانین ثبت دیدگاه
متاسفانه نظری برای این مطلب وجود ندارد، شما اولین نفر باشید.