معیارها و خطوط کلیدی برای موبایل-طراحی متریال

تاریخ انتشار: 23 آذر 1394

تعداد بازدید: 0 نفر

لیست ها
یک لیست دو سطونه به صورت چپ چین، به همراه دکمه متحرک عامل 56 dp.

خطوط کلیدی و حاشیه بندی
حاشیه های سمت چپ و راست صفحه نمایش: 16 dp
حاشیه سمت چپ مربوط به محتوا به همراه یک ایکون یا آواتار: 72 dp
حاشیه افقی بر روی موبایل: 16 dp

فاصله عمودی
1.   نوار وضعیت: 24 dp
2.   نوار ابزار: 56 dp
3.   زیر عنوان: 48 dp
4.   ایتم لیست: 72 dp

خطوط کلیدی و حاشیه بندی
حاشیه های سمت چپ و راست صفحه نمایش: 16 dp
حاشیه سمت چپ مربوط به محتوا از لبه صفحه نمایش: 72 dp

فاصله عمودی
1.   نوار وضعیت: 24 dp
2.   نوار ابزار: 56 dp
3.   عنوان و ایتم های لیست: 72 dp
4.   زیر عنوان: 48 dp
5.   فاصله میان فضای محتوا: 8 dp

نمایش جزئیات
یک کارت نمایش جزئیات به همراه یک دکمه متحرک عامل 56 dp.

خطوط کلیدی و حاشیه بندی
حاشیه های سمت چپ و راست صفحه نمایش: 16 dp
حاشیه سمت چپ مربوط به محتوا از لبه صفحه نمایش: 72 dp
ایکون های سمت راست از لبه سمت راست 32 dp فاصله می گیرند تا با دکمه عامل هماهنگی پیدا کنند.

فاصله عمودی
1.   نوار وضعیت: 24 dp
2.   نوار ابزار: 56 dp
3.   فاصله میان فضای محتوا: 8 dp
4.   عنوان و ایتم های لیست: 72 dp

منوی مسیریابی
یک منوی مسیریابی به همراه ایکون ها، آواتارها و متون به صورت چپ چین. دیگر آیکون ها به صورت راست چین می باشند.

خطوط کلیدی و حاشیه بندی
حاشیه های سمت چپ و راست صفحه نمایش: 16 dp
حاشیه سمت چپ مربوط به محتوا به همراه یک ایکون یا آواتار: 72 dp
پهنای کناری مسیریاب: پهنای صفحه نمایش منهای ارتفاع action bar. در اینجا پهنا 56 dp از لبه سمت راست صفحه نمایش می باشد.

فاصله عمودی
1.   منوی اکانت و ایتم های لیست: 48 dp
2.   فاصله میان فضای محتوا: 8 dp
3.   حاشیه سمت راست مسیریاب: 56 dp

اشتراک گذاری:

مشاهده نمونه های بیشتر

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

این راهنما شما را با دانش و استراتژی های مورد نیاز طراحی سایت فروشگاهی استثنایی مجهز می کند. برای کشف قدرت طراحی در فروش آنلاین و ایجاد یک برند دیجیتال موفق آماده شوید.

31 اردیبهشت 1402

تایپوگرافی چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

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

25 اردیبهشت 1402

طرح رنگ چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

در این مقاله، ما به پیچیدگی‌های طرح‌های رنگی در طراحی وب‌ سایت، بررسی اصول تئوری رنگ‌ها، تأثیرات روان‌شناختی رنگ‌ها و ملاحظات عملی برای انتخاب پالت رنگ مناسب می‌پردازیم.