فاصله سازگار و مقیاس پذیر به شما کمک می کند هنگام طراحی و توسعه حدس و گمان را از بین ببرید. به تصمیمات طراحی کمتری نیاز دارد. و چرخش بسیار سریع تری را در پروژه ها امکان پذیر می کند

      وقتی که صفحه ها ۱ برابر بودند. ۱pt برابر با ۱px بود. سپس صفحات Retina (2x) ، و Super Retina (3x) ظاهر شدند و اوضاع تغییر کرد. در صورت طراحی برای iPhone X (۳x) ، طراحی شما با سه برابر پیکسل در هر اینچ (ppi) ارائه می شود.

    1 V63u8EyQp40S5mSlKffIiw

    به عنوان مثال ، اگر نمادی به اندازه ۲۴px داشته باشید ، هنگام صادر کردن آن نماد به عنوان داده ۲x و @ ۳x ، تصویر ارائه شده یا ۷۲px ۴۸px (2x) ، یا (۳x) است ، که در این صورت عالی به نظر می رسد در Retina و Super Retina به ترتیب نمایش داده می شود.

    من همیشه توصیه می کنم ۱x طراحی کنید ، سپس داده های خود را در اندازه های مختلف (۲x @ ، ۳x 3 و غیره) در صورت لزوم صادر کنید. بسیاری از سردرگمی ها را کاهش می دهد.

    پس چرا ۸pts؟

    همانطور که قبلاً اشاره کردم ، تنوع اندازه صفحه و تراکم پیکسل همچنان در حال افزایش است که می تواند کار تولید دارایی را پیچیده تر کند.

    استفاده از یک عدد زوج مانند ۸ به فضا و عناصر اندازه در طراحی شما ، مقیاس گذاری را برای انواع مختلف دستگاه بسیار راحت تر و سازگارتر می کند.

    اصل اساسی شبکه ۸pt این است که شما از عناصر داخل طرح خود از ضربات ۸ (۸ ، ۱۶ ، ۲۴ ، ۳۲ ، ۴۰ ، ۴۸ و غیره …) برای حاشیه ، پر کردن و گاهی ابعاد

    استفاده می کنید.

     
     
     
    1 mtwgRKGUzQyaUiCQEQlmCA

    ایکن ها و شبکه ۸pt

     

    وقتی نوبت به آیکون ها و شبکه ۸pt می رسد ، متوجه خواهید شد که بیشتر آنها برای قرار گرفتن در داخل فریم هایی با ضربات ۸ (۱۶×۱۶ ، ۲۴×۲۴ ، ۳۲×۳۲ و غیره …) طراحی شده اند.

    در غیر اینصورت ، مطمئن شوید که هر نمادی را که به طرح خود می ریزید ، آن را درون ظرفی قرار می دهید که از مقداری از ۸ استفاده می کند (یعنی ۲۴×۲۴). این فقط باعث می شود که آیکون ها به طور مداوم در UI های شما قرار بگیرند.

    تایپوگرافی و شبکه ۸pt

     

    وقتی نوبت به Type می رسد ، استفاده از ۴pt Baseline Grid در کنار ۸pt Grid ریتم عمودی هماهنگ تری را در طول طراحی های شما ایجاد می کند.

    نگران نباشید ، نوع خود را با یک Baseline Grid 4 تنظیم کنید ، که از یک مقدار ارتفاع خط استفاده می کند که مضربی از ۴ است (۴ ، ۸ ، ۱۲ ، ۱۶ ، ۲۰ و غیره …)

    چرا ۴ برای شخص من خوب است ، من دریافته ام که مقیاس گذاری شبکه مبنای من در مضرب های ۸ در گذشته باعث شده است متن هنگام کار با اندازه های خاص متن ، خیلی از هم دور شود.

    شبکه ۴pt Baseline Grid کنترل دقیق تری به شما می دهد و نتایج بسیار بهتری را به ارمغان می آورد.

    امیدوارم با این بررسی اجمالی از شبکه ۸pt ، اکنون در تنظیم سریعتر رابط کاربری خود ، با سازگاری بیشتر ، حدس و گمان کمتر و تصمیمات طراحی کمتر ، اطمینان خواهید داشت.

    ۸pt امتحان کنید. طرح های شما برای آن ۱۰ برابر بهتر به نظر می رسند.

    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.