قسمت۶: آموزش امکانات نرم افزار Adobe Xd

60 بازدید
آموزش امکانات نرم افزار Adobe Xd

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

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

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

آموزش طراحی ظاهر نرم افزار

 

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

 

آموزش طراحی ظاهر نرم افزار

 

همچنین یک قسمت دارد به عنوان هم اسکرول عمودی و هم افقی که وقتی روی آن حالت قرار می دهید می تواند هم اسکرول افقی و هم عمودی داشته باشید یکی از کاربرد های  آن همانطور که در تصویر بالا مشاهده می کنید در مپ (map) است.

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

 

آموزش طراحی ظاهر نرم افزار

 

برای دسترس به آن المان ها به منو و قسمت Get UI Kits مراجعه کنید و هرچیزی که نیاز دارید انتخاب و به پروژه خود اضافه نمایید.در ادامه آموزش طراحی ظاهر اپلیکیشن می خواهیم به توضیح قسمت Action در قسمت Prototype بپردازیم.

 

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

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

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

۲- اکشن اسکرول تو، زمانی استفاده می شود که شما با کلیک کردن به قسمت خاص اپلیکیشن به قسمت پایین تر اپلیکیشن اسکرول شود برای این کار می توانید از این اکشن استفاده نمایید.

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

۴- این قسمت زمانی فعال می شود مثلا شما با کلیک کردن به یک صفحه دیگر می روید در آن صفحه دوم زمانی که روی یکی از آیکون ها ، این اکشن فعال باشد با کلیک روی آن آیکون مورد نظر به صفحه قبلی که در آن بوده می رود.

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

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

در اخر زمانی که رابط کاربری اپلیکیشن را طراحی کرده اید می خواهید برای برنامه نویس ، دیزاینر ، مدیر پروژه و … خروجی بگیرید، که برای این کار به قسمت share می روید.

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

۱- این قسمت باید تعیین نمایید برای چه کسی می خواهید خروجی بگیرید برنامه نویس ، دیزاینر و…

۲- این قسمت برای پلتفرمی که می خواهید برای آن خروجی بگیرید را تعیین می کنید به عنوان مثال اندروید ، وب و…

۳- در قسمت سوم باید اجازه بدهید که فردی که لینک در اختیار دارد بتواند اجزای نرم افزار را دانلود نماید یا نه.

۴- در این قسمت تعیین می کنید که لینک تولید شده را چه کسانی بتوانند ببینند.

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

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

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (مقدمه)

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (قسمت اول)

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (قسمت دوم)

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (قسمت سوم)

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (قسمت چهارم)

آموزش طراحی رابط کاربری اپلیکیشن+ فیلم (قسمت پنجم)

 

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

تا دوره های بعدی خدانگهدار🖐️

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

باکس دانلود

راهنما

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

نظرات

0 نظر در مورد قسمت۶: آموزش امکانات نرم افزار Adobe Xd

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

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

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