ارتباط دادن یک دکمه به یک صفحه در ایکس دی

مدرس: بردیا بسطامی

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

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

در این آموزش ساعت شنی یاد میگیریم چطور با ویژگی Overlay Prototype در نرم افزار XD لینک گذاری بر روی یک قسمت رو انجام بدیم.

  • نرم افزار ایکس دی رو باز می کنیم.
  • صفحه وبسایت مورد نظرمون و همچنین صفحه Overlay که قرار  هست روی اون نمایش داده بشه رو وارد نرم افزار می کنیم.
  • وارد بخش Prototype میشیم.
  • تصمیم داریم زمانی که روی + ، Tab زده میشه، یک صفحه روی اون بصورت Overlay نمایش داده بشه.
  • روی Button + کلیک می کنیم با کلیک و Drag کردن یک لینک ایجاد می کنیم.
  • به صفحه دوم در قسمت InterAction گزینه Trigger روی حالت Tap و در قسمت Action گزینه Type رو از Transition  به Overlay تغییر میدیم.
  • همونطور که میبینیم یک باکس سبز رنگ روی Artboard ما نمایان شد که مختصات نمایش Overlay مارو کاملا نشون میده.
  • در آخر روی گزینه Preview کلیک می کنیم تا نتیجه کار رو ببینیم.