Back to Question Center
0

نحوه تعاملات نمونه با ادوبی XD            چگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated: AccessibilityTypographyPerformancePhotography & ؛ Semalt

1 answers:
نحوه تعاملات نمونه با ادوبی XD

زیر یک عصاره کوتاه از کتاب ما Jump Start Adobe XD، نوشته شده توسط دانیل شوارتز، آموزش بسیار کاربردی در مورد این ابزار نمونه سازی فوق العاده است. اعضای SitePoint Semalt دسترسی به عضویت خود را می یابند، یا می توانید نسخه ای را در فروشگاه های سراسر جهان خریداری کنید.

تعاملات نمونه اولیه

با پیوستن صفحه خوش آمدگویی به صفحه فیلترینگ مکان، به طور موثر نشان دادن جریان کاربر که کاربر برای یک نوع غذا جستجو می کند، شروع می شود، و سپس خواسته می شود که آنها را مشخص کنید آنها دوست دارند غذا بخورند در صفحه فیلتر مکان با کلیک بر روی آیکون فلش سمت راست (در قسمت ورودی روی صفحه نمایش خوش آمدید)، جایی که یک نوار فلش آبی در کنار آن ظاهر می شود.

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

این زبانه آبی را به صفحه فیلتر فیلد بکشید و رها کنید - lierac store. یک جریان کاربر ایجاد خواهد شد و یک مودال کوچک نمایش داده می شود که در آن می توانید تنظیمات انتقال را برای این جریان کاربر تعیین کنید - یعنی اینکه چگونه صفحه نمایش به یک بعدی منتقل می شود (نوع اثر انیمیشن، مدت آن انیمیشن، و غیره).

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

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

بعد، ما تنظیمات انتقال را برای این جریان کاربر مشخص می کنیم.

طراحی انتقال

انیمیشن با مجموعه ای از چالش های UX همراه است. گذار آهسته می تواند باعث شود کاربر احساس کند که برنامه شما بیش از حد طول می کشد، در حالی که انتقال سریعا می تواند کاربر را از آنچه که اتفاق افتاده تعجب کند. و سپس سبک گذار خود را دارد. شما لازم نیست که دسته کوچک موسیقی جاز فلیپ اسلاید را برای جیلبریک کردن کاربر استفاده کنید، حرکت ظریف برای نشان دادن نتیجه تعامل کاربر کافی است. بیایید برخی از تغییرات و تنظیمات انتقال را که ما می توانیم در ادوبی XD استفاده کنیم، کشف کنیم.

از آنجا که ما صفحه نمایش خوش آمدید را به روی صفحه نمایش موقعیت مکانی مرتبط می کنیم، تنظیم Target قبلا تعریف شده است. اسلاید چپ یک گزینه مناسب برای تنظیم انتقال است زیرا باعث ایجاد حرکت می شود (صفحه مقصد اسلایدها را از سمت راست حرکت می دهد، این بدان معنی است که صفحه نمایش بعدی در یک سری از صفحه نمایش هاست - این تنظیمات پیش فرض در iOS و برخی از مناطق Android است).

سهولت آرامش مناسب برای این جریان کاربر است زیرا باعث می شود انیمیشن در ابتدا سریع تر باشد، ایجاد یک انتقال به ظاهر سریع که کاربر را بیش از حد به تاخیر می اندازد، و سپس به آرامی کند می شود بنابراین کاربر تا به حال کمی زمان اضافی برای درک آنچه اتفاق افتاده است. در بیشتر موارد، تنظیمات پیش فرض Duration از 0. 4 ثانیه بیشتر از مطلوب است.

Semalt رول با این تنظیمات.

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

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

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

این مراحل را تکرار کنید، اتصال تعیین محل به نتایج جستجو .

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

و برعکس.

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt

در هر لحظه می توانید بر روی یک صفحه نمایش کلیک کنید تا یک مرور کلی از نمایشگرهای پیوند به آن را ببینید و روی صفحه نمایش آن پیوند دهید. Prototyping در Adobe XD بسیار زیبا است!

در حالی که برنامه های کاربردی مانند Marvel، Framer، Origami و InVision قطعا بیشتر قدرتمند است که در مورد نمونه سازی (عملکرد مانند عناصر ثابت، زمینه های ورودی پویا و محتوای وب جاسازی شده در حال حاضر در این برنامه ها وجود دارد )، ادوبی XD ماهانه به روز رسانی ویژگی ها را منتشر می کند. سریعتر می شود و هر نسخه منطقی پایدار است.

علاوه بر این، ادوبی XD چیزی را ارائه می دهد که هیچ برنامه طراحی دیگری وجود ندارد: طراحی یکپارچه + تجربه نمونه سازی. XD یک برنامه طراحی مانند فتوشاپ یا طرح نیست، برنامه طراحی، و برنامه نمونه برداری است. قادر به یکپارچگی بین طرح های Design و نمونه کارها کار می کند، طراحی و نمونه سازی با Adobe XD ابریشمی صاف می کند.

نحوه تعاملات نمونه با ادوبی XDچگونگی تعاملات نمونه اولیه با موضوعات ادوبی XDRelated:
AccessibilityTypographyPerformancePhotography و Semalt