مقالات

شبکه (grid) در طراحی متریال

شبکه (grid) در طراحی متریال

رابط کاربری در متریال دیزاین بر پایه یک ساختار 12 ستونه میباشد.

رابط کاربری responsive در طراحی متریال

رابط کاربری responsive در طراحی متریال

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

نوارهای سیستمی در طراحی متریال

نوارهای سیستمی در طراحی متریال

طراحی سایت، آموزش متریال دیزاین، نوار سیستمی چیست، ایجاد نوار سیستمی در متریال دیزاین

نوار اپلیکیشن (app bar) در طراحی متریال

نوار اپلیکیشن (app bar) در طراحی متریال

نوار ابزار (app bar) که در Android به عنوان نوار عملیاتی (action bar) شناخته میشود، نوع خاصی از نوار ابزار است که برای راهبری، جستجو و عملیات ها استفاده میشود.

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

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

روش ها مختلف استفاده از نوارهای ابزار

ساختار طراحی متریال

ساختار طراحی متریال

طراحی سایت، متریال دیزاین، طراحی متریال، انواع ساختار در طراحی متریال

ایجاد typeahead در Bootstrap

ایجاد typeahead در Bootstrap

bootstrap ، طراحی سایت، طراحی وب سایت، آموزش بوت استرپ، typeahead

ایجاد اسلاید شو در Bootstrap

ایجاد اسلاید شو در Bootstrap

طراحی سایت، bootstrap ، آموزش بوت استرپ، ایجاد اسلایدشو، slide show

ایجاد پنل های آکاردئونی در Bootstrap

ایجاد پنل های آکاردئونی در Bootstrap

bootstrap ، طراحی سایت، ایجاد collapsible panel ، آموزش بوت استرپ

ایجاد دکمه های trigger و دکمه های رادیویی در Bootstrap

ایجاد دکمه های trigger و دکمه های رادیویی در Bootstrap

bootstrap، آموزش بوت استرپ، طراحی سایت، طراحی وب سایت، ایجاد button

ایجاد پنجره alert در Bootstrap

ایجاد پنجره alert در Bootstrap

طراحی سایت، آموزش بوت استرپ، bootstrap، ایجاد alert در بوت استرپ، نحوه ایجاد پیام هشدار در بوت استرپ

ایجاد tooltip در Bootstrap

ایجاد tooltip در Bootstrap

آموزش بوت استرپ، طراحی سایت، bootstrap، tooltip ، ایجاد tooltip در بوت استرپ

ایجاد کلیدهای پویا در Bootstrap

ایجاد کلیدهای پویا در Bootstrap

طراحی سایت، طراحی وب سایت، bootstrap، آموزش بوت استرپ، ایجاد tab

ایجاد منوی کشویی با پلاگین Bootstrap

ایجاد منوی کشویی با پلاگین Bootstrap

طراحی سایت، bootstrap ، آموزش بوت استرپ، طراحی وب سایت، ایجاد drop down ، ایجاد منوی کشویی با بوت استرپ

ایجاد پنجره دیالوگ در Bootstrap

ایجاد پنجره دیالوگ در Bootstrap

bootstrap، طراحی سایت، آموزش بوت استرپ، ایجاد پنجره دیالوگ، modal

کلاس های کمک کننده (helper) در Bootstrap

کلاس های کمک کننده (helper) در Bootstrap

طراحی سایت، bootstrap ، آموزش بوت استرپ، طراحی وب سایت، ایجاد کلاس helper

ایجاد well در Bootstrap

ایجاد well در Bootstrap

bootstrap، طراحی سایت، آموزش بوت استرپ، ایجاد well

ایجاد Jumbotron در Bootstrap

ایجاد Jumbotron در Bootstrap

طراحی سایت، bootstrap، آموزش بوت استرپ، ایجاد jumbotron