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

English
فارسی
ثبت نام
ورود
امروز : شنبه ۱۷ آذر ماه ۱۴۰۳
برچسب ها
چگونه - مطالعه - پیمایش - دریای - فناوری - باستانی - گمشده - کارآمد - cryptocurrency - طراحی - کاربران - پیوستن - معاملات - blockchain - آزمایشگاه - جولیا - سلامت - تجزیه - تحلیل - تصمیمات - بهداشت - درمان - مخدر. - اطلاعات - بیمار - پزشکان - اقتصادی - آکادمی - مهندسی - کیفیت - زندگی، - توسعه - جامعه - سیستم - لیزری - ماهواره - انتقال - ردیابی - پروتئین - خطرات - خصوصی - ادغام - Forbes - فهرست - مجموعه - قدیمی - تجارت - طراحی وب سایت - محققان - چاپگر - استفاده - تجدید - اکسترود - خودروهای - الکتریکی - آینده - استارت آپ - هواپیمای خاموش - اقیانوس - تولید - غذایی - تغییرات - جهانی - باکتری - پراکندگی - منظومه - پروفسور - ریچارد - Corridor - Infinite - برنامه - فلسفه - Ricult - کشاورزان - اجتماعی - ابزارهای - دیجیتالی - روستایی - پروژه - Athena - آموزشی - محاسبات - میکروچیپ - العاده - رویکرد - کنترل - مغناطیس - دستگاه - حافظه - باتری - گسترش - فلزات - ذخیره - کاربردی - یادگیری - ماشین - ترجمه - بیشتر - کامپیوتری - همکاری - پرتغال - نوآوری - کارآفرینی - اختراع - ابزار - ارزیابی - نظارت - عضلات - تمرینات - Humons - منبع باز - تراشه - پایدار - آفریقا - کارشناسان - کنفرانس - کنند. - بررسی - واقعیت - مجازی - آموزش - تعامل - خودکار - هوشمند - شناسایی - افراد - تنظیم - جرایم - اینترنتی - رهبری - امنیت - سایبری - سرمایه - گذاری - بازار - بنیاد - آلمان - استادان - فیزیک - جایزه - کوانتومی - پارچه - دانشجویی - آمبولانس - نمایشگاه - مکانیک - تشخیص - اخبار - مغرضانه - روبات - انسانها - تکنیک - رمزنگاری - اسللت - بیماری - ایمنی - مالاریا - طبیعی - عفونت - فریدمن - ساختار - آنزیم - آنزیمی - اکسید - HUBweek - خلاقانه - نوآوران - بوستون - مطبوعات - رسانه - ساحلی - باستان - جریان - Solve - انتخاب - کارآفرین - کردند - پشتیبانی - دریافت - نرم افزار - مطلوب - اقتصاد - دیوید - تسمار - رویای - وارون - ایجاد - تکنولوژی - وزارت - انرژی - پیشرفت - آلانور - زمینه - معدنی - گوگرد - گزارش - انتخابات - نویسندگان - هستند - مقاله - اقدامات - انعطاف - هستند. - برنارد - پیشگام - رادیویی - مشتری - اولین - انیشتین - برداری - سیاره - آواره - آموزان - ReACT - امسال - امتحان - گواهی - کامپیوتر - داده. - ساختمان - بزرگترین - نانومواد - خواهد - شیمیایی - مولکول - Plug and Play - لیتیوم - گازهای گلخانه ای - دهندگان - فاجعه - افتخار - بنایی - اجتماعی، - لینکلن - گفتار - موضوع - اشیاء - توصیف - مدولوبلاستوم - پروتئومیک - استراتژی - درمانی - الهام - طبیعت - Zijay - دانشجوی - تواند - آلاینده - فیلتر - فعالیت - تغییر - کلیدی - رسمیت - اعصاب - هارنت - Scholar - واللی - فیتوپلانکتون - کمبود - بازیافت - Twelve - استعداد - کارشناسی - عنوان - سنسورهای - دوپامین - بیماران - مبتلا - پارکینسون - لوئیس - CAPTCHA - مخترع - reCAPTCHA - Duolingo - موسسه - پزشکی - هوارد - حمایت - گرافیک - دانشگاه - تصویر - vectorization - هنرمندان - دیجیتال - مصنوعی - انسان - مشکلات - آزمایش - تصمیم - تجاری - ارائه - بهبود - کشاورزی - کارآموزان - تابستانی - تحقیقاتی - دانشکده - تیموتی - اتحادیه - ژئوفیزیک - آمریکا - استاد - برجسته - دستاورد - تحقیق - قانون - اساسی - تکامل - سیارات - تحصیلی - آزادی - دسترسی آزاد - CSAIL - موفقیت - انتشار - گلخانه - ایالت - شهرها - منابع - سوخت - اطمینان - جولین - تحصیلات - زندان - کنسرسیوم - زندگی - پرورش - ایده‌ها - طراحان - معمار - دانشمندان - افزاری - معماران - لیادار - پورتوریکو - طوفان - لیدار - آزمایشگاهی - جزیره - سیاست - هربرت - اسکوییل - الکترونیک - لجستیک - آخرین - تدارکات - تحویل - الکترونیک، - ریزان - مانند - Winkenbach - توربین بادی - پردازش سیگنال - اکوسیستم - Energy - Initiative - یافته - هزینه - حیاتی - محبوب - آنلاین - پایتون - تاریخی - میراث - MIT - هوش انسانی
Material Design چیست؟
752 بازدید
سه شنبه ۸ تير ماه ۱۳۹۵
اندازه قلم :
👈 طراحی وب سایت 👉
معرفی 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 راه حلی مناسب برای رفع این نقیصه خواهد بود.
لطفاً در مورد مطلب فوق ستاره بدهید :
طراحی سایت Material Design چیست؟ Rated 4.5 / 5 based on 4 reviews.
آیا این مقاله برای شما مفید بود؟

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

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