طراحی وب سایت حرفه ای

English
فارسی
ثبت نام
ورود
امروز : يکشنبه ۱ مهر ماه ۱۳۹۷
برچسب ها
باتری - اکسید - لیتیوم - گازهای گلخانه ای - توسعه - دهندگان - سیستم - فاجعه - افتخار - نوآوری - جایزه - بنایی - اجتماعی، - لینکلن - یادگیری - ماشین - گفتار - تشخیص - موضوع - انتخاب - اشیاء - توصیف - تجزیه - تحلیل - پروتئین - مدولوبلاستوم - پروتئومیک - استراتژی - درمانی - الهام - طبیعت - Zijay - دانشجوی - تواند - آلاینده - فیلتر - کامپیوتر - فعالیت - تغییر - کلیدی - رسمیت - اعصاب - هارنت - Scholar - بنیاد - واللی - فیتوپلانکتون - اقیانوس - کمبود - بازیافت - Twelve - استعداد - شیمیایی - مهندسی - کارشناسی - عنوان - سنسورهای - دوپامین - نظارت - بیماران - مبتلا - پارکینسون - بیماری - لوئیس - اختراع - CAPTCHA - مخترع - reCAPTCHA - Duolingo - آموزش - موسسه - پزشکی - هوارد - حمایت - گرافیک - دانشگاه - ابزار - خودکار - تصویر - vectorization - هنرمندان - دیجیتال - مصنوعی - انسان - مشکلات - آزمایش - تصمیم - تجاری - ارائه - ایمنی - بهبود - کشاورزی - کارآموزان - آزمایشگاه - تابستانی - تحقیقاتی - دانشکده - تیموتی - اتحادیه - ژئوفیزیک - آمریکا - استاد - برجسته - دستاورد - تحقیق - قانون - اساسی - تکامل - سیارات - مقاله - تحصیلی - آزادی - دسترسی آزاد - روبات - CSAIL - موفقیت - انتشار - گلخانه - ایالت - شهرها - منابع - ذخیره - سوخت - اطمینان - جولین - سیاره - تحصیلات - زندان - کنسرسیوم - زندگی - افراد - پرورش - برنامه - ایده‌ها - طراحی - طراحان - معمار - مطالعه - دانشمندان - دستگاه - محاسبات - کوانتومی - افزاری - معماران - ساختمان - محققان - پروژه - لیادار - ارزیابی - پورتوریکو - طوفان - لیدار - آزمایشگاهی - جزیره - سیاست - هربرت - اسکوییل - تجارت - الکترونیک - لجستیک - آخرین - ایجاد - تدارکات - تحویل - الکترونیک، - ریزان - مانند - Winkenbach - هستند. - توربین بادی - پردازش سیگنال - اکوسیستم - Energy - Initiative - آینده - انرژی - گزارش - یافته - هزینه - حیاتی - اقتصاد - محبوب - آموزشی - اولین - آنلاین - پایتون - تاریخی - دیجیتالی - میراث - جهانی - واقعیت - مجازی - MIT - هوش انسانی - زبان برنامه نویسی - Julia - جولیا - گوگل - سنجیده - کسب و کار - رهبران بزرگ - سخنوری - عادات افراد موفق - قدرت کلام - اثربخشی - اثرگذاری - اصول رهبری - رهبری - رهبری موفق - فرهنگ سازمانی - یادکیری زبان - انگیزه - انگیزه زمانی - حرده فروشی - فروشگاه اینترنتی - فروشگاه آنلاین - اینترنتی - ایده جدید - ایده‌پردازی - ایده - حافظه - سلول حافظه - کارآفرینی - کسب نفع - مهارت گفتاری - گفتاری صحبت کردن - دورکاری - باهوش - افراد باهوش - خطای ذهنی - شخصیت - افراد ناموفق - شکست - استخدام - تایپو گرافیکی - هنر و گرافیک - گرافیک محیطی - چاپخانه - حجم کاری - کار - موسیقی - موسیقی و کار - مصاحبه - مصاحبه شغلی - کار درخانه - عکاسی 360 درجه - عکاسی از کالا - عکاسی از محصول - محصولات فروشگاهی - استرس - الکسای سایت - زیاد کردن الکسا - تجارت اینترنتی - طزاحی سایت - بازاریابی اینترنتی - بهینه سازی - طراحی سایت - طراحی وب سایت - SEO سایت - بهینه سازی سایت - SEO - نکاتی درباره طراحی سایت - توسعه سایت - چهارچوب سایت - مقالات طراحی وب سایت - وب سایت - تکنولوژی - فناوری - پهپاد - اینترنت - اعتیاد به اینترنت - کلاهبرداری اینترنتی
Material Design چیست؟
614 بازدید
سه شنبه ۸ تير ماه ۱۳۹۵
اندازه قلم :
طراحی وب سایت
معرفی Material Design و کاربرد آن
پس از موفقیت چشمگیر فریم ورک بوت استرپ و توجه طراحان سایت در دنیا به قابلیت‌ها و استانداردهای آن که از طرف توییتر معرفی و گسترش داده شد، حالا نوبت به گوگل رسیده است. Material Design که در ابتدا تنها یک راهنمای مفهومی در جهت ایجاد ساختاری استاندارد در طراحی وب بود یک قدم بزرگ به جلو برداشته و با معرفی Material Design Lite به یک راهکار عملی در طراحی وب تبدیل گشته است.
 
طراحی وب سایت

همواره طراحان وب سایت با این چالش مواجه‌اند تا یک زبان بصری برای کاربران به وجود آورند که علاوه بر همگام بودن با اصول طراحی کلاسیک ، شامل امکانات و فن آوری های نوین و خلاقانه باشد. گوکل در سال 2014 متریال دیزاین را با هدف ارائه راهنمایی در جهت طراحی زیبا، رابط کاربری مناسب و طراحی ریسپانسیو منتشر کرد.
هدف از طراحی و معرفی Material Design ترکیب اصول کلاسیک طراحی با امکانات و تکنولوژی های روز‌‌ می‌باشد. همچنین متریال دیزاین تعادلی خاص میان زیبایی و کاربری ایجاد کرده و راه حلی مناسب برای تولید وب سایت های مدرن را ارائه‌‌ می‌دهد.

چرا از Material Design گوگل استفاده کنیم؟
اصول طراحی متریال دیزاین بر مبنای حرکت و جلب توجه بیننده‌‌ می‌باشد. عناصر اصلی در هر وبسایت مانند تایپوگرافی، رنگ، فضا های خالی و فاصله‌ها همگی به گونه‌ای طراحی شده تند که توجه بیننده را به خود جلب‌‌ می‌کنند. این ترکیب موجب تمرکز چشم کاربر بر روی مفاهیم‌‌ می‌شود.
انتخاب آگاهانه‌ی رنگ، نمایش متن در سایز مناسب، المان های گرافیکی زیبا، فضاهای خالی همگی باعث بوجود آمدن تصاویری گرافیکی چشم نواز‌‌ می‌شوند. حرکت نقش مهمی در زیبایی و جذابیت خروجی خواهد داشت و برای هر حرکتی مفهوم و کاربردی مشخص در نظر گرفته شده است.

طراحی وب سایت

در اوایل جولای 2015 (همین سه هفته پیش) گوگل فریم ورک جدید خود را، با نام Material Design Lite منتشر کرد. فریم ورک متریال دیزاین دارای قابلیت نصب آسان، بارگذاری راحت و حجم 25 کیلو بایت (به صورت فشرده)‌‌ می‌باشد. متریال دیزاین شامل کتابخانه‌ای از کامپوننت‌ها و تم‌ها در قالب کد های HTML , CSS و Js‌‌ می‌باشد.
گوگل چند قالب استاندارد و پیش فرض برای شروع کار به شما پیشنهاد میدهد که همگی شامل عناصری مانند خلاقیت و زیبایی در کنار طراحی رسپانسیو و کاربری آسان‌‌ می‌باشند.
طراحی وب سایت

نمونه قالب پنل مدیریت با Material Design
کتابخانه متریال دیزاین شامل طیف عظیمی از کامپوننت های مختلف‌‌ می‌باشد که‌‌ می‌توانیم به دکمه، تولتیپ، صفحه بندی ریسپانسیو و … اشاره کنیم. این کامپوننت‌ها همگی براساس استانداردهای تعریف شده و با اصولی مشخص تهیه و ارائه شده اند. توسعه کنندگان Material Design وعده داده‌اند که بر این نمونه کدها اضافه خواهند کرد و امکانات جدیدی به آن اضافه خواهد شد.
برای دسترسی به فریم ورک متریال دیزاین و دانلود منابع آن‌‌ می‌توانید به منبع اصلی متریال دیزاین در سایت GitHub مراجعه کنید و یا مستقیما به سایت Material Design Lite رفته و آخرین نسخه را دریافت نمایید.
طراحی متریال در مرورگر های مدرن مانند اپرا، فایر فاکس، گوگل کروم و … به آسانی کار میکند. ولی در اینترنت اکسپلورر ورژن 9 کمی با مشکل روبرو است.
آیا تجربه استفاده از Bootstrap و طراحی سایت با آن را داشته اید؟ پس حتما از Material Design نیز لذت خواهید برد. ورود چنین فریم ورک هایی موجب میشود تا این خلا بزرگ میان طراحی و کدنویسی از میان برود.
افراد بسیاری هستند که قدرت تحلیل و کدنویسی بسیار بالایی دارند ولی نتیجه کار آنها معمولا در زیر یک طراحی زشت و ناکارآمد پنهان‌‌ می‌ماند. بکارگیری Material Design راه حلی مناسب برای رفع این نقیصه خواهد بود.
لطفاً در مورد مطلب فوق ستاره بدهید :
آیا این مقاله برای شما مفید بود؟

اخبار تکنولوژی
مقالات
برای اطلاع از آخرین اخبار مشخصات خود را وارد کنید.
ایمیل
موبایل
شرکت طراح نرم افزار
شرکت طراح نرم افزار پیشگام از سال 1379 فعالیت خود را در زمینه طراحی وب و برنامه نویسی با شرکت های دیگر آغاز نموده و در سال 1385 توانست با شماره ثبت 23483 فعالیت خود را با نام تجاری شرکت طراح نرم افزار پیشگام TNP  آغاز کند.
ارتباط با ما
دفتر مرکزی : تبریز - خیابان شریعتی جنوبی - بالاتر از تقاطع پاستور - پلاک 514 - طبقه اول

 
تلفن : 35578902 - 041
  35578903 - 041
شرکت طراح نرم افزار پیشگام طراحی وب سایت حرفه‌ای TNP Control Panel
Rated 4.5/4 based on 1 to 5
می خواهید عضو شوید؟
لطفاً نام کاربری و رمز عبور را به صورت صحیح وارد نمائید
عضو هستید؟
لطفاً نام کاربری و رمز عبور را به صورت صحیح وارد نمائید
رمز عبور را فراموش کرده ام
پشتیبانی آنلاین
شرکت طراح نرم افزار پیشگامشرکت طراح نرم افزار04135578902 tnp.co.irدفتر مرکزی : تبریز - خیابان شریعتی جنوبی - بالاتر از تقاطع پاستور - پلاک 514 - طبقه اولtnp.co.ir - فدح.زخ.هق - صصص.فدح.زخ.هق