در طراحی تخت در حذف عناصر اسکیمورفیسم اغراق زیادی شده است .

در مقابل طراحی متریال اهمیت زیادی به انیمیشن می دهد .

می توان گفت طراحی متریال یا همان Material Design نسخه به روز شده طراحی تخت است ، اما با انیمیشن های زیبا و گرافیک پیچیده تر .

طراحی متریال مجموعه ای از استاندارد های طراحی سایت است که توسط گوگل معرفی شده اند .

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

مهمترین ویژگی طراحی متریال در مقایسه با طراحی تخت عبارتند از : استفاده از سایه ها ، محور Z و عمق در صفحه ، انیمیشن های پیچیده ولی سبک و بکارگیری ترکیب رنگ های مشخص .

مزایای طراحی متریال

  • نمایش سه بعدی تعامل با کاربر را آسان میکند .
  • برخلاف طراحی تخت استاندارد ها و دستورالعمل های مشخصی برای طراحی وجود دارد .
  • یکپارچگی در طراحی شما میان سایت و اپلیکیشن به راحتی حفظ میشود .
  • اگر به افزودن انیمیشن به سایت یا اپلیکیشن علاقه دارید طراحی متریال این امکان را به راحتی در اختیار شما قرار میدهد .

معایب طراحی متریال

  • چه خوشتان بیاید یا نه طراحی متریال ارتباط ناگسستنی با گوگل دارد اگر شما می خواهید از گوگل فاصله بگیرید و سایت یا اپلیکیشنی با هویت یکتا ایجاد کنید کار سختی در انتظار شماست .
  • انجام تغییرات در چهارچوب اولیه دشوار است .
  • انیمیشن یا تصاویر متحرک باعث می شود تا باتری موبایل سریعتر خالی شود .
  • اجبار برای استفاده از راهکارها و دستورالعمل های ارائه شده توسط گوگل خلاقیت های فردی را سرکوب میکند .
نظرات شما ( ۰ )

در این مقاله به معرفی اچ تی ام ال ( Html ) و سی اس اس ( Css ) می پردازیم .

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

اچ تی ام ال

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

عموما تمامی زبانهای برنامه نویسی تحت وب ، به نوعی وابسته به زبان HTML می باشند .

HTML زبانی می باشد که از زبان XML مشتق شده است .

به این معنی که می توان گفت HTML نوع بخصوصی از زبان XML می باشد .

XML زبانی است که سنگ بنای آن ، تگ می باشد .

تگ ، همانند پرانتزی می باشد که می توان آن را باز کرد ، درون آن چیزی قرار داد و سپس آن را بست .

این تگها ، می توانند هر اسمی داشته باشند و زبان XML آزادی کاملی را در این خصوص به شما داده است .

HTML زبانی است که از تگ ها تشکیل شده است .

به این مفهوم که هر تگ در زبان HTML معنا و مفهوم خاص خود را دارد و اصطلاحا به این کار ، نشانه گذاری گفته می شود .

بعنوان مثال در زبان HTML چنانچه بخواهید متنی را بولد نمایید از کد زیر استفاده می نمایید :

<b>این یک متن بولد است</b>

همانطور که ملاحظه می فرمایید ، تگها با روش خاصی مشخص می شوند .

تگ b در این مثال ، در ابتدا باز می شود ، درون آن چیزی قرار داده می شود ، و سپس با “/” بسته می شود .

درست همانند پرانتزها در یک عملیات ریاضی پیچیده که پرانتزها می توانند تو در تو باشند .

تگها نیز می توانند به تعداد دلخواه تو در تو باشند ، اصطلاحا به این عملیات indent گفته می شود .

 

سی اس اس

CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است .

عملا این زبان برنامه نویسی ، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد .

CSS زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید .

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

شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک .

استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود .

سی اس اس تغییرات آتی را آسان می کند .

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

HTML زبانی بود که بسیاری از موارد پیشرفته در طراحی در آن لحاظ نشده بود .

این زبان قابلیت تغییر ، کاربر پسندی و بسیاری دیگر از مباحثی که در دنیای برنامه نویسی و طراحی با گذشت زمان بوجود آمده اند را در خود جای نداده است .

در مقاله های بعدی با آموزش این دو زبان همراه ما باشید

نظرات شما ( ۰ )