متریال دیزاین چیست ؟
متریال دیزاین چیست ؟
متریال دیزاین چیست ؟ سبکی/زبانی جدید در طراحی است که گوگل در یکی از کنفرانس های خبری خود،
آن را معرفی کرده است. اگر بخواهیم دقیق تر باشیم در ماه ژوئن سال قبل (۲۰۱۴)متریال دیزاین بیش از حد به سیستم گرید،
و انیمشینها اهمیت میدهد و عمق و سایهها برای المانهای طراحی شده بسیار مهم است.
شاید بتوان گفت ورژن بروز شده طراحی تخت (Flat Design) باشد اما خیلی زیباتر با انیمییشنها و Transition های بسیار زیبا
و در عین حال پیچیده. خود گوگل ادعا دارد که زبان جدید طراحی آنها، الهام گرفته از مرکب و کاغذ است.
یکی از طراحان مشهور جهان به نام Matias Durate میگوید همانگونه که اجسام در دنیای واقعی قابل حس هستند،
و طول و عرض و ارتفاع دارند در این نوع طراحی دیجیتال هم باید همین حسها را منتقل کرد.
متریال دیزاین بیش از حد به سیستم گرید و انیمشینها اهمیت میدهد و عمق و سایهها،
برای المانهای طراحی شده بسیار مهم است. شاید بتوان گفت ورژن بروز شده طراحی تخت (Flat Design) باشد،
اما خیلی زیباتر با انیمییشنها و Transition های بسیار زیبا و در عین حال پیچیده.
متریال دیزاین چیست ؟
5 اصل متریال دیزاین (طراحی متریال) :
metaphor یا تشبیه کردن
Bold تو پر کردن
graphic گرافیک
intentional طراحی جذاب
Motion داری حرکت (داشتن انیمیشن)
متریال دیزاین چیست ؟
ویژگی های (Material Design) :
ریسپانسیو یا واکنش گرا بودن :
امروزه یکی از نکات مهم در طراحی صفحات وب و اپلیکیشنها، ریسپانسیو بودن یا سازگاری ،
با تمام دستگاههایی است که قرار است اپلیکیشن یا وب سایت روی آنها نمایش داده شود. امروزه فاکتور ریسپانسیو بودن به
یکی از مهمترین اصول سئو تبدیل شده است. بنابراین، استفاده از طراحی متریال دیزاین میتواند همراه با کنش گرا بودن، هم
گوگل را راضی نگه دارد و هم کاربران را مشتاق کند، تا به واسطه طراحی یک ظاهر زیبا و کاربر پسند، دوباره به وب سایت شما سر بزنند.
متریال دیزاین چیست ؟
سازگاری با تمام مرورگرها :
متریال دیزاین به گونهای ایجاد شده که تقریبا با تمام مرورگرهای وب همخوانی دارد.
این ابزار طراحی جدید در مرورگرهایی همچون گوگل کروم، اپرا، فایر فاکس و دیگر مرورگرهای اینترنت همخوانی دارد ،
و وب سایت طراحی شده بر اساس متریال دیزاین در تمام این مرورگرها به همان شکلی که انتظار دارید نمایش داده میشود.
ایجاد واقعیت در فضای مجازی :
حتما تا به حال لذت و هیجان استفاده از سینما سه بعدی را داشتهاید. ترکیبی از انیمیشن، رنگ،
سایههای مختلف و عمق را میتوانید در پشت عینکهای سه بعدی تماشا کنید.
در دنیای طراحی وب و استفاده از اپلیکیشنهای مختلف هم اگر بخواهیم ترکیبی از موارد بالا را ایجاد کنیم،
میتوانیم استفاده از متریال دیزاین را در برنامه خود قرار بدهیم. یکی از ویژگیهای بارز متریال دیزاین،
استفاده از حرکات یا انیمیشنها و همینطور سایه است. این قابلیت میتواند در کنار استفاده از رنگ و فضای سه بعدی (عمق دادن)،
موقعیتی جذاب برای مخاطب شما پدید آورده و به نوعی فضای واقعیت مثل رنگ و حرکت را تداعی میکند.
متریال دیزاین چیست ؟
کاهش بانس ریت :
زمانی که مخاطب وارد سایت شما شده و با دیدن یک صفحه (لزوما این صفحه، صفحه اصلی نیست،
و ممکن است صفحه یکی از محصولات یا مقالات شما باشد) از همان صفحه خارج شده و سایت شما را ترک میکند،
در اصطلاح میگوییم Bounce Rate (نرخ دفع) بالا رفته است. افزایش بانس ریت میتواند تاثیرات منفی روی سایت شما بگذارد.
در واقع بالا رفتن و بالا ماندن بانس ریت زمانی رخ میدهد که شما بدون توجه به زیبایی سایت خودتان، فقط کد نویسی کردهاید.
اما اگر توانستیم با یک سری استانداردهای مشخص مثل استفاده از متریال دیزاین،
فضای سایت را خود را علاوه بر داشتن محتوای حرفهای، جذابتر کنیم، میتوانیم لااقل مخاطب خود را راضی نگه داریم ،
که به محض اینکه صفحهای را از سایت ما باز کرد، بلافاصله آن صفحه را ترک نکند.
انجمنی بزرگ از توسعهدهندگان :
دیگر نگران مشکلات و توسعه متریال دیزاین خود نباشید چرا که گوگل، طراح و توسعهدهنده اصلی متریال دیزاین است ،
ضمن اینکه علاوه بر گوگل انجمنهای زیادی هم در دنیا، وظیفه توسعه این ابزار طراحی را بر عهده دارند.
استفاده از قالبهای آماده در متریال دیزاین :
اگر شما مبتدی هستید و توانایی ایجاد یک قالب مطابق سلیقه خود را ندارید،
متریال دیزاین با داشتن قالبهای آماده و قابل شخصیسازی خودش، شما را غافلگیر خواهد کرد.
متریال دیزاین چیست ؟
نتیجه گیری :
متریال دیزاین یک زبان طراحی است که با استفاده از ویژگیهایی که دارد میتواند سایت شما را از حالت خشک و بیروح درآورده ،
و با درگیر کردن مخاطب، از خروج زود هنگام آن جلوگیری کند و به همین دلیل امروزه مورد توجه اکثر توسعهدهندگان وب قرار گرفته است.
به یاد داشته باشیم که استفاده از متریال دیزاین، دارای یک سری اصول و قوانین مشخص است،
که برای داشتن بهترین کارایی باید به آنها عمل کرد نه اینکه صرفا بخواهیم با استفاده از یک سری حرکات،
رنگها، سایهها و … سایت خود را زیباتر جلوه دهیم.
مشاوره طراحی سایت
برای دریافت راهنمایی های مربوط به طراحی و بهینه سازی سایت،
می توانید از قبل با مشاوران ما در تماس باشید .