• Telegram
  • Google Plus
  • Linked In

حرکات در طراحی متریال

حرکات در طراحی متریال

تاریخ درج: خلاصه

طراحی سایت، متریال دیزاین، آموزش متریال دیزاین، انواع حرکات در متریال دیزاین

حرکات در طراحی متریال

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

مکانیک های لمسی

مکانیک های لمسی مربوط به حرکت انگشتان کاربر بر روی صفحه نمایش میباشند.
لمس کردن
با یک انگشت و سپس بلند کردن
مثال : انتخاب کردن

دوبار لمس کردن (دوبار پشت سر هم لمس کردن)
مثال : بزرگنمایی کردن
کشیدن، حرکت جاروبی یا بیرون انداختن
فشار با یک انگشت، حرکت دادن و رها کردن
مثال : بستن، اسکرول کردن، چرخاندن و غیره
فشار دادن و نگه داشتن
فشار با یک انگشت، کمی صبر کردن و سپس رها کردن
مثال : انتخاب یک عنصر مانند یک آیتم در لیست
فشار دادن و نگه داشتن و سپس کشیدن
فشار دادن با یک انگشت، نگه داشتن، حرکت دادن و سپس رها کردن
مثال : برداشتن و حرکت دادن، انتخاب چندین آیتم
دوبار لمس کردن و کشیدن
مثال ، بزرگنمایی و کوچکنمایی
لمس کردن با دو انگشت
فشار دادن دو انگشت و رها کردن
مثال : از حالت بزرگنمایی خارج کردن
حرکت جاروبی، کشیدن، بیرون انداختن با دو انگشت
فشار با دو انگشت، حرکت دادن و رها کردن
مثال : انتخاب چندین آیتم

فشار دادن و نگه داشتن با دو انگشت
فشار دادن با دوانگشت، منتظر ماندن و سپس رها کردن

فشار دادن و نگه داشتن با دوانگشت و کشیدن
فشار دادن با دوانگشت، منتظر ماندن، حرکت دادن و رها کردن
مثال : بلند کردن و حرکت دادن
دبل تاچ (دوبار لمس کردن) با دو انگشت
دوبار لمس کردن پست سر هم و رها کردن
مثال : زوم کردن

چرخش
فشار دادن با دوانگشت، چرخش انگشت ها همزمان به دور مرکز و سپس رها کردن
مثال : چرخاندن محتوا مانند نقشه

فعالیت های لمسی

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

جزئیات حرکت های کشیدن، حرکت جاروبی یا بیرون انداختن

سرعت انجام هر حرکت تفاوت اصلی بین حرکت های کشیدن، بیرون انداختن و حرکت جاروبی میباشد.
  • کشیدن (drag) : حرکت نرم و آرام با کنترل بیشتر که معمولاً نقطه هدف آن در صفحه نمایش قرار دارد.
  • حرکت جاروبی (swipe) : حرکت سریعتر که معمولاً هدف آن در صفحه نیست.
  • بیرون کشیدن (fling) : حرکت سریع، بدون وجود هدف در صفحه نمایش

اسکرول کردن (scroll)

اسکرول نوعی حرکت جاروبی عمودی یا افقی در یک راستای واحد درد اخل محتوای body میباشد.

کاربرد

میزان اسکرول شدن بستگی به سرعت انجام حرکت دارد : کشیدن (آرام) در مقابل حرکت جاروبی و یا بیرون اندختن (سریع)

حرکت جاروبی جهت رفرش کردن

این حرکت معمولاً در راستای عمودی و با حرکت به سمت پایین انجام میشود.

حرکت جاروبی در صفحه بندی

این حرکت باعث جابجایی بین صفحات و نمایان شدن صفحه های دیگر میشود.



مطلب بعدی -> صفحه های شروع (launch screen)

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In