تاپیک برتر فروردین 94 : شعر به علاوه گرافیک
در این تاپیک طرح های گرافیکی تلفیق شعر و گرافیک قرار گرفته است.
  • مشاهده تاپیک برتر
  • تبلیغات   تبلیغات
    نمایش نتایج: از شماره 1 تا 2 , از مجموع 2

    موضوع: تکنیک های اسکرول کردن در طراحی متریال

    1. #1

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Sep 2016
      عنوان کاربر
      کاربر
      شماره عضویت
      17527
      نوشته ها
      14
      پسندیده
      0
      مورد پسند : 0 بار در 0 پست

      تکنیک های اسکرول کردن در طراحی متریال

      تکنیک های اسکرول کردن در [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]







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

      • نوار وضعیت
      • نوار ابزار
      • نوار جستجو
      • فضای انعطاف پذیر


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


      محتوای نوارهای اپلیکیشن میتوانند شامل : نوار وضعیت، نوار راهبری، نوار جستجو و فضای انعطاف پذیرباشد.


      مثال نوار وضعیت، نوار راهبری، نوار جستجو و فضای انعطاف پذیر

      نوار اپلیکیشنن استاندارد

      مشخصات :
      ارتفاع یک نوار اپلیکیشن استاندارد در موبایل 56dp و در صفحه نمایش های بزرگتر 64dp میباشد.
      نوار اپلیکیشن دو آپشن برای اسکرول دارد:
      1.نوار اپلیکیشن میتواند با اسکرول کردن از صفحه بیرون رفته و مخفی شود و با برگرداندن اسکرول دوباره ظاهر شود.
      2.نوار اپلیکیشن میتواند با وجود اسکرول کردن همچنان در بالای صفحه به صورت ثابت باقی بماند.[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]


      نوار اپلیکیشن استاندارد
      ارتفاع نوار وضعیت : 24dp
      ارتفاع نوار ابزار : 56dp/64dp

      نوار اپلیکیشن به همراه کلید ها

      یک نوار اپلیکیشن استاندارد که میتواند حاوی بلوک های ذیل باشد :
      •نوار ابزار
      •نوار کلیدها (tab)
      •فضای انعطاف پذیر
      کلیدها میتوانند هر یک از رفتارهای زیر را داشته باشند :
      1.نوار اپلیکیشن در بالای صفحه ثابت میماند در حالی که نوار ابزار اسشکرول میشود.
      2.با اسکرول شدن محتوا، نوار اپلیکیشن در بالای صفحه ثابت باقی میماند.
      3.هر دو نوار ابزار و نوار کلیدها به همراه محتوا اسکرول میشوند. نوار کلیدها به محض اسکرول برعکس، برمیگردد و نوار ابزار با کامل شدن اسکرول به صورت برعکس، برمیگردد.[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]


      نوار وضعیت، نوار ابزار و نوار کلید
      ارتفاع نوار وضعیت : 24dp
      ارتفاع نوار ابزار : 56dp/64dp
      ارتفاع نوار کلید : 48dp

      فضای انعطاف پذیر

      از آنجایی که نوار اپلیکیشن انعطاف پذیر است، میتواند جهت در برگرفتن نوشته ها یا عکس های بزرگتر، گسترده شود. جهت گسترش نوار اپلیکیشن، یک بلوک انعطاف پذیر اضافه نمایید.
      فضای انعطاف پذیر میتواند به یکی از دو روش زیر نمایش داده شود :
      1.فضای انعطاف پذیر در هنگام اسکرول، تا زمانی که تنها نوار ابزار باقی بماند کوچک و فشرده میشود. عنوان در نوار راهبری کوچک شده و به اندازه 20sp میشود. زمانی که دوباره برگشته و به سمت بالای صفحه اسکرول میکنید، فضای انعطاف پذیر و عنوان شروع به بزرگ شدن می نمایند.
      2.کل نوار اپلیکیشن اسکرول شده و مخفی میشود. زمانی که کاربر برعکس اسکرول کرده و به سمت بالای صفحه میرود، نوار ابزار دوباره در بالای صفحه قرار میگیرد. زمانی که کاملاً اسکرول کرده و به بالای صفحه رسید، فضای انعطاف پذیر و عنوان در جای خود بزرگ میشوند.[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]


      نوار وضعیت، نوار ابزار و فضای انعطاف پذیر
      ارتفاع نوار وضعیت : 24dp
      ارتفاع نوار ابزار : 56dp/64dp
      فضای انعطاف پذیر به همراه تصویر

      در این مثال، نرخ تصویر 4:3 میباشد. در هنگام اسکرول کردن، محتوا تصویر را به سمت بالا هل میدهد که این امر باعث کوچک شدن فضای انعطاف پذیر میشود. در انتها، تصویر با رنگ های اصلی برنامه رنگ آمیزی شده و دیگر مشخص نمی باشد.[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]


      نوار وضعیت، نوار ابزار و فضای انعطاف پذیر
      ارتفاع نوار وضعیت : 24dp
      ارتفاع نوار ابزار : 56dp/64dp


      مطلب بعدی -> [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]




    2. #2

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Oct 2018
      عنوان کاربر
      کاربر
      شماره عضویت
      22608
      نوشته ها
      1
      پسندیده
      0
      مورد پسند : 0 بار در 0 پست
      مفید بود ممنون !

    اطلاعات موضوع

    کاربرانی که در حال مشاهده این موضوع هستند

    در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

    کلمات کلیدی این موضوع

    مجوز های ارسال و ویرایش

    • شما نمیتوانید موضوع جدیدی ارسال کنید
    • شما امکان ارسال پاسخ را ندارید
    • شما نمیتوانید فایل پیوست کنید.
    • شما نمیتوانید پست های خود را ویرایش کنید
    •  

    درباره گرافیران

    سایت گرافیران به منظور ارائه بهترین ابزار گرافیکی در وب در تاریخ ۴ خرداد ۱۳۸۹ ساخته شد. از آن زمان تا کنون سعی ما بر این بوده تا بهترین نمونه های آماده ، ابزار گرافیکی و آموزش های فتوشاپ را برای کاربران فراهم کنیم . گرافیران توسط هاست دی ال هاست می شود.

    اطلاعات

    طراحی شده توسط : FoX FuN

    تعرفه تبلیغات : مشاهده تعرفه ها

    ایمیل مدیریت سایت : info@graphiran.com

    لینک ها