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

[site111]

حرکات در طراحی متریال ([Only registered and activated users can see links])




[Only registered and activated users can see links]

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


اسکرول
نمایان شدن در زمان اسکرول
بستن
حرکت جاروبی جهت رفرش کردن
حرکت جاروبی در لبه ها
حرکت جاروبی در صفحه بندی
باز کردن منو
چرخاندن

مکانیک های لمسیمکانیک های لمسی مربوط به حرکت انگشتان کاربر بر روی صفحه نمایش میباشند.طراحی سایت ([Only registered and activated users can see links])

[Only registered and activated users can see links]
لمس کردن
با یک انگشت و سپس بلند کردن
مثال : انتخاب کردن

[Only registered and activated users can see links]
دوبار لمس کردن (دوبار پشت سر هم لمس کردن)
مثال : بزرگنمایی کردن
[Only registered and activated users can see links]
کشیدن، حرکت جاروبی یا بیرون انداختن
فشار با یک انگشت، حرکت دادن و رها کردن
مثال : بستن، اسکرول کردن، چرخاندن و غیره
[Only registered and activated users can see links]
فشار دادن و نگه داشتن
فشار با یک انگشت، کمی صبر کردن و سپس رها کردن
مثال : انتخاب یک عنصر مانند یک آیتم در لیست
[Only registered and activated users can see links]
فشار دادن و نگه داشتن و سپس کشیدن
فشار دادن با یک انگشت، نگه داشتن، حرکت دادن و سپس رها کردن
مثال : برداشتن و حرکت دادن، انتخاب چندین آیتم
[Only registered and activated users can see links]
دوبار لمس کردن و کشیدن
مثال ، بزرگنمایی و کوچکنمایی
[Only registered and activated users can see links]
لمس کردن با دو انگشت
فشار دادن دو انگشت و رها کردن
مثال : از حالت بزرگنمایی خارج کردن
[Only registered and activated users can see links]
حرکت جاروبی، کشیدن، بیرون انداختن با دو انگشت
فشار با دو انگشت، حرکت دادن و رها کردن
مثال : انتخاب چندین آیتم
[Only registered and activated users can see links]
فشار دادن و نگه داشتن با دو انگشت
فشار دادن با دوانگشت، منتظر ماندن و سپس رها کردن

[Only registered and activated users can see links]
فشار دادن و نگه داشتن با دوانگشت و کشیدن
فشار دادن با دوانگشت، منتظر ماندن، حرکت دادن و رها کردن
مثال : بلند کردن و حرکت دادن

[Only registered and activated users can see links]

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

[Only registered and activated users can see links]
چرخش
فشار دادن با دوانگشت، چرخش انگشت ها همزمان به دور مرکز و سپس رها کردن
مثال : چرخاندن محتوا مانند نقشه
فعالیت های لمسیحرکات خاص و نتایج آن ها :


عملیات
توضیحات
مکانیک های لمسی


فعال سازی
فعال سازی یک عنصر در صفحه مانند یک دکمه
لمس کردن


کنسل یا خارج شدن
کنسل میکند یا از صفحه یا فعالیت فعلی خارج میشود مانند دیالوگ ها یا منوها
لمس کردن


فعال/غیرفعال سازی نورها
رنگ های یک صفحه را پنهان کرده یا نمایش میدهد
لمس کردن


انتخاب داده (زمانی که چیزی انتخاب نشده است)
یک عنصر واحد را انتخاب میکند
فشار دادن و نگه داشتن با دو انگشت


انتخاب داده (زمانی که چند آیتم انتخاب شده اند)
در حالت انتخاب، آیتم های دیگر را انتخاب میکند
لمس کردن با دو انگشت


برداشتن و حرکت دادن


مرتب کردن داده در یک صفحه
انتقال آیتم به یک کانتینر یا یک نقطه هدف

تغییر ترتیب آیتم ها در یک لیست یا یک کارت
فشار دادن و نگه داشتن با دوانگشت و سپس حرکت دادن


بزرگنمایی
سایز ظاهری محتوا را افزایش میدهد


دوبار لمس کردن




از حالت بزرگنمایی خارج کردن


سایز ظاهری محتوا را کاهش میدهد




در حالت بزرگنمایی ماکسیمم دوبار صفحه را لمس کنید
با دو انگشت لمس کنید




چرخاندن
محتوای مورد نظر را می چرخاند


بچرخانید




جزئیات حرکت های کشیدن، حرکت جاروبی یا بیرون انداختنسرعت انجام هر حرکت تفاوت اصلی بین حرکت های کشیدن، بیرون انداختن و حرکت جاروبی میباشد.


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

اسکرول کردن (scroll)اسکرول نوعی حرکت جاروبی عمودی یا افقی در یک راستای واحد درد اخل محتوای body میباشد.طراحی سایت ([Only registered and activated users can see links])
کاربردمیزان اسکرول شدن بستگی به سرعت انجام حرکت دارد : کشیدن (آرام) در مقابل حرکت جاروبی و یا بیرون اندختن (سریع)


[Only registered and activated users can see links]
حرکت جاروبی جهت رفرش کردناین حرکت معمولاً در راستای عمودی و با حرکت به سمت پایین انجام میشود.


[Only registered and activated users can see links]
حرکت جاروبی در صفحه بندیاین حرکت باعث جابجایی بین صفحات و نمایان شدن صفحه های دیگر میشود.


[Only registered and activated users can see links]



مطلب بعدی -> صفحه های شروع (launch screen) ([Only registered and activated users can see links])


طراحی سایت
طراحی وب سایت ([Only registered and activated users can see links])