با طرح‌بندی‌های تطبیقی ​​شروع کنید

با مجموعه‌ها، منظم بمانید ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.

در مورد اندازه های کلیدی مرجع بیاموزید تا هنگام طراحی تجربیات جدید به خاطر داشته باشید

اندازه های صفحه نمایش

نماهای پیمایشی

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

نماهای بدون پیمایش

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

مطالب بیشتر در یک نگاه

طرح‌بندی‌های واکنش‌گرا اجازه می‌دهد تا تراشه‌های بیشتر، کارت‌های بیشتر، خطوط متن بیشتر و دکمه‌های بیشتری برای قرار گرفتن در یک صفحه

عناصر محتوای بیشتری قابل مشاهده است

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

قابلیت نگاه بهبود یافته

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

قابلیت استفاده بهبود یافته

از فضای اضافی صفحه نمایش برای ارائه اهداف ضربه ای بزرگتر، سلسله مراتب بصری بیشتر، و فضای اضافی بین آیتم های محتوا استفاده کنید تا رابط ها برای تعامل آسان تر و راحت تر باشند.

ترکیبات بهینه شده

از مؤلفه‌ها و قالب‌های به‌روز ما استفاده کنید تا ظاهر و احساس بهتری برای رابط‌های کاربری ما در تمام اندازه‌های صفحه نمایش ارائه دهید.

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

دستورالعمل های کیفیت

از طرح‌بندی‌های متعارف تثبیت‌شده برای کمک به رابط‌های کاربری خود استفاده کنید تا به راحتی در طیف وسیعی از اندازه‌های دستگاه سازگار شوند.

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

چیدمان های متعارف

در مورد اندازه های کلیدی مرجع بیاموزید تا هنگام طراحی تجربیات جدید به خاطر داشته باشید

اندازه های صفحه نمایش

نماهای پیمایشی

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

نماهای بدون پیمایش

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

مطالب بیشتر در یک نگاه

طرح‌بندی‌های واکنش‌گرا اجازه می‌دهد تا تراشه‌های بیشتر، کارت‌های بیشتر، خطوط متن بیشتر و دکمه‌های بیشتری برای قرار گرفتن در یک صفحه

عناصر محتوای بیشتری قابل مشاهده است

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

قابلیت نگاه بهبود یافته

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

قابلیت استفاده بهبود یافته

از فضای اضافی صفحه نمایش برای ارائه اهداف ضربه ای بزرگتر، سلسله مراتب بصری بیشتر، و فضای اضافی بین آیتم های محتوا استفاده کنید تا رابط ها برای تعامل آسان تر و راحت تر باشند.

ترکیبات بهینه شده

از مؤلفه‌ها و قالب‌های به‌روز ما استفاده کنید تا ظاهر و احساس بهتری برای رابط‌های کاربری ما در تمام اندازه‌های صفحه نمایش ارائه دهید.

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

دستورالعمل های کیفیت

از طرح‌بندی‌های متعارف تثبیت‌شده برای کمک به رابط‌های کاربری خود استفاده کنید تا به راحتی در طیف وسیعی از اندازه‌های دستگاه سازگار شوند.

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

چیدمان های متعارف

در مورد اندازه های کلیدی مرجع بیاموزید تا هنگام طراحی تجربیات جدید به خاطر داشته باشید

اندازه های صفحه نمایش

نماهای پیمایشی

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

نماهای بدون پیمایش

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

مطالب بیشتر در یک نگاه

طرح‌بندی‌های واکنش‌گرا اجازه می‌دهد تا تراشه‌های بیشتر، کارت‌های بیشتر، خطوط متن بیشتر و دکمه‌های بیشتری برای قرار گرفتن در یک صفحه

عناصر محتوای بیشتری قابل مشاهده است

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

قابلیت نگاه بهبود یافته

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

قابلیت استفاده بهبود یافته

از فضای اضافی صفحه نمایش برای ارائه اهداف ضربه ای بزرگتر، سلسله مراتب بصری بیشتر، و فضای اضافی بین آیتم های محتوا استفاده کنید تا رابط ها برای تعامل آسان تر و راحت تر باشند.

ترکیبات بهینه شده

از مؤلفه‌ها و قالب‌های به‌روز ما استفاده کنید تا ظاهر و احساس بهتری برای رابط‌های کاربری ما در تمام اندازه‌های صفحه نمایش ارائه دهید.

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

دستورالعمل های کیفیت

از طرح‌بندی‌های متعارف تثبیت‌شده برای کمک به رابط‌های کاربری خود استفاده کنید تا به راحتی در طیف وسیعی از اندازه‌های دستگاه سازگار شوند.

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

چیدمان های متعارف

در مورد اندازه های کلیدی مرجع بیاموزید تا هنگام طراحی تجربیات جدید به خاطر داشته باشید

اندازه های صفحه نمایش

نماهای پیمایشی

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

نماهای بدون پیمایش

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

مطالب بیشتر در یک نگاه

طرح‌بندی‌های واکنش‌گرا اجازه می‌دهد تا تراشه‌های بیشتر، کارت‌های بیشتر، خطوط متن بیشتر و دکمه‌های بیشتری برای قرار گرفتن در یک صفحه

عناصر محتوای بیشتری قابل مشاهده است

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

قابلیت نگاه بهبود یافته

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

قابلیت استفاده بهبود یافته

از فضای اضافی صفحه نمایش برای ارائه اهداف ضربه ای بزرگتر، سلسله مراتب بصری بیشتر، و فضای اضافی بین آیتم های محتوا استفاده کنید تا رابط ها برای تعامل آسان تر و راحت تر باشند.

ترکیبات بهینه شده

از مؤلفه‌ها و قالب‌های به‌روز ما استفاده کنید تا ظاهر و احساس بهتری برای رابط‌های کاربری ما در تمام اندازه‌های صفحه نمایش ارائه دهید.

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

دستورالعمل های کیفیت

از طرح‌بندی‌های متعارف تثبیت‌شده برای کمک به رابط‌های کاربری خود استفاده کنید تا به راحتی در طیف وسیعی از اندازه‌های دستگاه سازگار شوند.

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

چیدمان های متعارف