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

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

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

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

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

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

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

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

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

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

افزایش رزولوشن دستگاه ها ، افزایش سرعت اینترنت و دسترسی طراحان به ابزارهایی برای تایپ در وب مانند Google Fonts و  Adobe Typekit و … ، باعث شده تا این عصر به عصر طلایی تایپوگرافی تبدیل شود .

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

فواید تایپوگرافی:

  • پیشرفت تکنولوژی و استفاده ی کاربران از نمایشگرهای با رزولوشن بالا ( مانند رتینای اپل ) ، گزینه های بیشتری را برای تایپوگرافی فراهم کرده است .
  • فراهم کردن فرصت برای نمایش هویت برند
  • ارتقا و بهبود کیفیت محتوای متنی
  • ابزاری برای ایجاد سلسله مراتب بصری ( به طور خاص در زمینه CTAها کاربردی است )

نکات زیر را هنگام طراحی و استفاده از تایپوگرافی در طراحی سایت در نظر داشته باشید :

  • افزایش اندازه فونت
  • استفاده از رنگ های متضاد با محیط در تایپوگرافی برای ایجاد Contrast
  • استفاده از حالت Bold فونت ها

سریف (Serif) به خطوط کوچک یا زائده‌هایی گفته می‌شود که در نقاط پایانی یک حرف، رقم یا نماد افزوده می‌شود .

فونت‌هایی که دارای این خطوط کوچک هستند را فونت‌های سریف می‌نامند .

فونت‌های سنزسریف ( Sans-serif ) نیز به فونت‌هایی گفته می‌شود که دارای این زوائد نیستند . ( sans به معنای “بدونِ …” می‌باشد و کلمه ای فرانسوی است )

هیچ شواهد قطعی وجود ندارد که نشان دهد یکی از آن ها خواناتر از دیگری است .

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

چند نمونه از فونت های سریف محبوب:

  • Caslon
  • Garamond
  • Freight Text
  • Minion
  • FF Meta Serif

چند نمونه از فونت های سنزسریف محبوب:

  • Proxima Nova
  • Futura
  • Avenir
  • Open Sans
  • Helvetica Neue
نظرات شما ( ۰ )

در این مقاله به معرفی اچ تی ام ال ( 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 زبانی بود که بسیاری از موارد پیشرفته در طراحی در آن لحاظ نشده بود .

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

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

نظرات شما ( ۰ )

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

 

آموزش نصب اسکریپت :

ابتدا اسکریپت whmcs را از اینجا دانلود کنید. نسخه دانلود شده را در هاست خود آپلود و اکسترکت کنید و محتویات آن را دقت کنید که در پوشه اصلی مد نظر شما اکسترکت شده باشد که اگر نشده است آن ها را به آن پوشه منتقل کنید. من برای آموزش پوشه clients را در نظر میگیرم. فایل configoration.php.new را به configoration.php تغییر نام دهید.

 حال به آدرس زیر برای شروع نصب بروید:
Domain.com/clients/install/install.php
(در صورتی که ارور ioncube مشاهده کردید باید به ادمین سرور خود برای نصب این برنامه اطلاع دهید)

ادامه مطلب ... نظرات شما ( ۷ )