آیا میدانید شما میتوانید به صورت "کاملا رایگان" سایت ، محصول خدمات و... خود را در پی سی وب معرفی کنید ؟

فرصت را از دست ندهید
انجمن مه سفر
نمایش نتایج: از 1 به 2 از 2

موضوع: توضیحاتی مختصر درباره محیط طراحی متریال گوگل

  1. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,670
    1775
    1,435
    1,762
    71

    توضیحاتی مختصر درباره محیط طراحی متریال گوگل

    توضیحاتی مختصر درباره محیط طراحی متریال گوگل


    محیط طراحی متریال یک محیط سه بعدی است که شامل نور، متریال (ماده، المان و یا هرچیز دیگری که در صفحه می‌بینیم و با این نام خوانده می‌شود) و سایه است.
    • تمامی اشیاء متریال دارای بعد بوده و طول (x)، عرض (y) و ارتفاع (z) هستند.
    • موقعیت محور z تمامی اشیا یک واحد است.
    • ضخامت تمامی المان‌ها و در اصطلاح متریال، ۱dp (واحد سنجش ضخامت در طراحی متریال) است.
    • منابع نوری اصلی، سایه‌های مستقیمی را ایجاد کرده و نور محیط نیز سایه‌های ملایمی ایجاد می‌کند.
    • سایه‌ها توسط اختلاف ارتفاع بین هم‌پوشانی المان‌ها ایجاد می‌شود.






    جهان سه‌بعدی

    محیط طراحی متریال یک فضای سه‌بعدی (۳D) است و بدین معناست که تمامی اشیا و المان‌ها از سه بعد x، y و z تشکیل شده‌اند. همان‌طور که می‌دانید محور z عمود بر صفحه بوده و جهت مثبت آن نیز به سمت دیدگان کاربر است. هر شیء و المان منحصر به فرد در طراحی متریال، یک واحد از محور z را اشغال کرده و ضخامت آن، ۱dp است؛ این واحد برابر با ضخامت یک پیکسل در صفحات نمایشی با تراکم پیکسلیِ ۱۶۰ است.


    در صفحات وب، محور z برای لایه‌بندی مورد استفاده قرار گرفته و معمولا برای ایجاد پرسپکتیو از آن استفاده نمی‌شود. جهان سه‌بعدی نیز توسط دستکاریِ محور y شبیه‌سازی می‌شود. نور و سایه

    در محیط متریال، نورهای مجازی صحنه را روشن می‌کنند. منابع نوری اصلی، سایه‌های مستقیمی را ایجاد کرده و نور محیط نیز سایه‌های ملایمی را در تمامی زوایا ایجاد می‌کند. سایه‌ها در محیط متریال توسط این دو منبع نوری ایجاد می‌شوند. در توسعه یک برنامه‌ی اندرویدی، سایه‌ها هنگامی که منابع نوری توسط هر لایه‌ای از متریال در موقعیت‌های مختلف محور z بلوکه می‌شوند، ایجاد می‌گردند. در حالی که در وب، سایه‌ها تنها توسط دستکاریِ محور y به تصویر کشیده می‌شوند. مثال‌هایی که در پایین مشاهده می‌کنید یک کارت با ارتفاع ۶dp را به تصویر می‌کشد. در تصویر سمت راست، سایه‌ها توسط یک منبع نوری اصلی ایجاد شده‌اند. در تصویر وسط، سایه‌ها توسط نور محیطی ایجاد شده‌اند و در نهایت در تصویر سمت چپ، ترکیبی از منبع نور اصلی و نور محیط، سایه‌ها را به‌وجود آورده است.








    .

    ویرایش توسط Ahmadreza : 09-06-2016 در ساعت 07:46 PM



    #1 ارسال شده در تاريخ 09-06-2016 در ساعت 07:43 PM

  2. کاربر مقابل پست Ahmadreza عزیز را پسندیده است .


  3. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,670
    1775
    1,435
    1,762
    71
    Environment

    Material design is a three-dimensional environment containing light, material, and cast shadows.
    All material objects have x, y, and z dimensions.
    All material objects have a single z-axis position.
    Key lights create directional shadows, and ambient light creates soft shadows.

    Material thickness

    1dp
    Shadows

    Shadows are created by the elevation difference between overlapping material.

    3D world

    The material environment is a 3D space, which means all objects have x, y, and z dimensions. The z-axis is perpendicularly aligned to the plane of the display, with the positive z-axis extending towards the viewer. Every sheet of material occupies a single position along the z-axis and has a standard 1dp thickness, equivalent to one pixel of thickness on screens with a pixel density of 160.
    On the web, the z-axis is used for layering and not for perspective. The 3D world is emulated by manipulating the y-axis.
    3D space with x, y, and z axes

    Light and shadow

    Within the material environment, virtual lights illuminate the scene. Key lights create directional shadows, while ambient light creates soft shadows from all angles.
    Shadows in the material environment are cast by these two light sources. In Android development, shadows occur when light sources are blocked by sheets of material at various positions along the z-axis. On the web, shadows are depicted by manipulating the y-axis only. The following example shows the card with a height of 6dp.



    Shadow cast by key light


    Shadow cast by ambient light


    Combined shadow from key and ambient lights








    #2 ارسال شده در تاريخ 09-06-2016 در ساعت 07:45 PM

  4. کاربر مقابل پست Ahmadreza عزیز را پسندیده است .


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

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

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

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

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

Designed With Cooperation

Of Creatively