الگو ها در طراحی متریال

تاریخ انتشار: 11 بهمن 1394

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

الگو ها :

همچنان که فضای صفحه نمایش افزایش می یابد، الگوهای responsive زیر میتوانند به عناصر اعمال شوند :

نمایان شدن
تغییر کردن
تقسیم شدن
دوباره جاری شدن
گسترده شدن
تغییر مکان

نمایان شدن :

رابط کاربری به به دلیل کوچک بودن صفحه نمایش پنهان بوده با افزایش فضای صفحه نمایش میتواند نمایان شود.

عناصری مانند منوهای راهبری جانبی میتوانند نمایان شوند.

یک رابط کاربری ساده میتواند به صورت قوی تر با آپشن های بیشتر نمایش داده شود.

محتوایی که در یک فضای کوچک فقط بخشی از آن مشاهده میشود و با کلیک کردن بر روی یک دکمه باز میشود، در حالت وجود فضای کافی میتواند باز شده و کامل نمایش داده شود.

تغییر شکل دادن :

یک عنصر رایط کاربری میتواند از یک فرمت به فرمت دیگر تغییر شکل دهد.

منوی راهبری جانبی میتواند تبدیل به کلید (tab) شود.

یک لیست میتواند به یک لیست شبکه ای تبدیل شود.

آیتم های یک منو میتوانند به آیکون ها در نوار ابزار تبدیل شوند.

تقسیم شدن :

رابط کاربری لایه ای میتواند در داخل فضای جدید تقسیم شود.

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

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

محتواهای کلید مانند در داخل فضای واحد تقسیم میشوند.

دوباره جاری شدن (reflow) :

رابط کاربری میتواند در فضای موجود دوباره جاری شود.

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

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

عناصر میتوانند با توجه به نرخ تصویر جدید یا راستای جدید در دستگاه، دوباره جاری شوند.

گسترده شدن :

رابط کاربری میتواند در فضای جدید گسترده شود.

کارت های محتوا میتوانند برای پر کردن فضای جدید گسترده شوند.

دیالوگ ها میتوانند به نسبت محتوا یا به اندازه خاصی گسترده شوند.

تغییر مکان :

مکان عنصر رابط کاربری میتواند به یک مکان مناسب تر تغییر پیدا نماید.

یک برگه در انتهای یک صفحه میتواند تغییر مکان دهد و به حالت یک منو درآید.

یک دکمه عملیاتی شناور میتواند به مکان واضح تری نسبت به عناصر رابط کاربری دیگر تغییر مکان دهد.

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

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

24 تیر 1403

ثبت مکان در گوگل مپ: آموزش ثبت رایگان مکان کسب و کارتان تنها در ۵ گام

20 تیر 1403

اینفوگرافیک چیست؟ انواع، کاربرد ها و مراحل ساخت Infographic

2 خرداد 1402

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

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

31 اردیبهشت 1402

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

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

25 اردیبهشت 1402

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

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

23 اردیبهشت 1402

همه چیز در مورد چیدمان و ناوبری در طراحی سایت

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