آموزش مبانی Axure RP 9 و نمونه سازی موبایل برای طراحی UX

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• آنچه را که خواهیم آموخت What we will learn

• ساختار دوره Course structure

بگذارید شروع کنیم Let get started

• نصب Axure RP 9 Installing Axure RP 9

• حالت تاریک در مقابل حالت روشن Dark mode vs light mode

• درک محیط axure Understanding axure environment

• سفارشی کردن رابط کاربری Customizing user interface

• ایجاد یک فایل جدید Creating a new file

• تنظیم ابعاد صفحه Setting up page dimension

• بعد سفارشی Custom dimension

• تأیید بعد سفارشی Verifying custom dimension

• کار با بوم Working with canvas

پخش کننده نمونه اولیه Prototype player

• پخش کننده نمونه اولیه چیست What is prototype player

اهمیت راهنماها، شبکه‌ها، برداشتن و مدیریت صفحات Importance of guides, grids, snapping and managing pages

• شبکه ها Grids

• چرا باید از راهنماها استفاده کرد Why to use guides

• انواع راهنما Types of guides

• صفحه سازماندهی Organizing page

کار با اشکال Working with shapes

• کار با ویجت های شکل Working with shape widgets

• ایجاد راهنمای ابزار Creating tooltip

• کار با خطوط Working with lines

• تبدیل اشکال Transforming shapes

بلوک ساختمان نمونه اولیه "ویجت ها" Building block of prototype "The widgets"

• با استفاده از ویجت Using the widget

• سفارش ویجت ها Ordering widgets

• ویجت را تراز و توزیع کنید Align and distribute widget

• گروه و ویجت را لغو گروه کنید Group and ungroup widget

• قفل و باز کردن قفل ویجت Lock and unlock widget

• حالت انتخاب Selection mode

اضافه کردن تصاویر به نمونه اولیه Adding images to your prototype

• قرار دادن تصاویر Placing the Images

• در حال ویرایش تصویر Editing image

• پر کردن با تصویر Filling with Image

• کار با فایل های SVG Working with SVG files

سبک دادن به ویجت های خود Styling your widgets

• درک پالت رنگ Understanding color palette

• انواع مختلف فلش Different type of arrows

• تایپوگرافی Typography

• ایجاد یک سبک قابل استفاده مجدد Creating a reusable style

• به روز رسانی سبک ویجت Updating widget style

• مدیریت سبک حذف شده Managing deleted style

• چسب مخصوص Paste special

افزودن تعامل Adding interaction

• نوع تعامل Type of interaction

• درک مورد و اقدام رویداد ماشه Understanding trigger event case and action

• کاوش صفحه تعامل Exploring interaction pane

• رفتار "اثر سبک" Behavior of the "style effect"

• افزودن افکت سبک Adding style effect

• کنترل رفتار "انتخاب شده". Controlling ‘selected’ behavior

• نمایش و پنهان کردن ویجت ها Show and hide widgets

• ویجت ها را بکشید و فشار دهید Pull and push widgets

پنل دینامیک Dynamic Panel

• رویکرد موبایل Mobile approach

• چرا باید از پنل پویا استفاده کرد؟ Why to use dynamic panel

• ایجاد پنل پویا Creating dynamic panel

• پنجره طرح کلی Outline pane

• ویرایش پانل پویا Editing dynamic panel

• ناوبری برگه Tab navigation

• ژست کشیدن انگشت Swipe gesture

کارشناسی ارشد Masters

• Master چیست و چرا باید از آن استفاده کرد؟ What is master and why to use it?

• استاد ایجاد Creating master

• در حال ویرایش استاد Editing the master

• اضافه کردن استاد در هر صفحه Adding master every page

• غلبه بر ارزش استاد Overriding master’s value

• ایجاد نمای اصلی Creating master view

• استفاده از نمای اصلی Using master view

• با استفاده از "Raise event" Using "Raise event"

• کنترل رفتار استاد Controlling master behavior

• حذف استاد Deleting the master

تنظیمات پروژه Project Settings

• کنترل پیش نمایش Controlling preview

• کنترل تولید پروژه Controlling project generation

• انتشار در Axure Cloud Publishing to Axure Cloud

• اعمال فونت خارجی Applying external font

• تنظیم پیکربندی Setting up configuration

ویجت های ویژه Special widgets

• ویجت های درون خطی Inline widgets

• ویجت عکس فوری Snapshot widget

تعامل تلفن همراه (ریاضی، توابع، بیان و متغیرها) Mobile interaction (Math, Functions, Expression and Variables)

• ایجاد یک ناوبری اسلاید Creating a slide navigation

• تعامل شکسته Broken interaction

• ناوبری چسبنده Sticky Navigation

• ایجاد سایه دراپ Creating of drop shadow

• کنترل رفتار کشیدن انگشت Controlling swiping behavior

• ناوبری مبتنی بر نقطه Dot based navigation

• نقشه برداری از ناوبری دو طرفه Mapping of two way navigation

• انتقال صفحه متحرک Animated screen transition

• با استفاده از محدود کننده Using the limiter

• جلوه ضامن صاف Smooth toggle Effect

• همگام سازی افکت تصویر Synchronizing image effect

• دوبار ضربه بزنید Douple tap

• دکمه شناور تعاملی Interactive floating button

• ناوبری دایره ای Circular navigation

• ناوبری شعاعی Radial navigation

• نمایش_اطلاعات Showing_information

• اشتراک گذاری اجتماعی Social sharing

کشیدن و انداختن Drag and Drop

• رزرو تعاملی (بخش 1) Interactive Booking (Part-1)

• رزرو تعاملی (بخش 2) Interactive Booking (Part-2)

• محاسبه کل Calculating total

• تاریخ و زمان Date and Time

• افزودن تخفیف Adding Discount

فرم تماس با موبایل Mobile contact form

• ایجاد فرم تماس Creating contact form

• فرم دادن به فرم تماس Styling the contact form

• فرم تماس پویا Dynamic contact form

• تراز کردن محتوای پویا Dynamically aligning content

• اهمیت نوع متن Importance of text type

• عبور از ارزش Passing the value

• اعتبار سنجی Validation

سفارشی سازی نمونه الگوهای UI Customizing sample UI patterns

• نمونه کتابخانه الگوهای UI چیست What is sample UI patterns library

• پرداخت با اسلایدر Payment with slider

• منوی آکاردئون Accordion menu

ویجت تکرار کننده Repeater widget

• معرفی Introduction

• اضافه کردن، یک ظاهر طراحی و چیدمان یک تکرار کننده Adding, styling and layouting of a repeater

• افزودن داده ها با استفاده از کاربرگ و نقشه برداری Adding data using worksheet and mapping

• مرتب سازی را اضافه کنید Add sorting

• افزودن فیلتر Adding filter

• حذف یک رکورد Deleting a record

• حذف چندین رکورد Deleting multiple record

طراحی تطبیقی Adaptive design

• درک دیدگاه تطبیقی Understanding adaptive view

• افزودن نمای تطبیقی Adding adaptive view

• ویرایش نمای تطبیقی Editing adaptive view

• حذف نمای تطبیقی Deleting an adaptive view

نتیجه Conclusion

• نتیجه Conclusion