معرفی چند پلاگین برای بهبود طراحی سایت وردپرس (بخش دوم)

  • توسط مرجان کاظمی
  • جمعه , ۵ آبان ۱۳۹۶
  • 169 بازدید
  • 0
بهبود طراحی سایت

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

طراحی مواد

همانطور که در MaterialUp، Polymer، Android، Google و دیگر خدمات آن دیده می شود.

این سند زندگی – که به عنوان یک زبان بصری بین المللی در نظر گرفته شده است – تا کنون یک کلکسیون برای خود ساخته است که بهترین شیوه طراحی UX خدمت به عنوان یک نوع guiding star (ستاره رهنما)  شامل آن می شود. همچنین سبک های کاربری رابط کاربری زیبایی فرهم کرده است.

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

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

 

راه حل وردپرس: Materializer

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

برای پی بردن به نحوه استفاده از این کدها اسناد را بررسی کنید.

مطلب پیشنهادی: چهار روش برای به روز رسانی وب سایت شخصی

انیمیشن ها

همانطور که تقریبا در هر نمونه مدرن دیده می شود، پروژه هایی با تجربیات داستان سرایی بصری و سایر وب سایت ها، از جمله صنعت Goliaths مانند اپل است.

در میان تمام روند های فعلی, این روند یکی از بهترین, جذاب ترین, و قدرتمند ترین روند ها می باشد. انیمیشن های Lazy انیمیشن های loading تحولات روان, حرکت صفحه ظریف، جلوه های سنتی، کشویی، محو شدن و بزرگنمایی، و انیمیشن های تایپوگرافی خاموش شامل این روند است. آنها برای افزایش رابط، تجارب غنی سازی شده و به سادگی به ایده های جالب را به زندگی بیاورند. اگر می خواهید اطلاعات بیشتری درباره این گرایش به سرعت در حال رشد داشته باشید, نگاهی به The ultimate guide to web animation, بیاندازید.

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

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

راه حل وردپرس: Animate It

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

مطلب پیشنهادی:۷ مورد از رایج ترین خطاهای وردپرس و روش حل آن- قسمت اول

دکمه های منو HAMBURGER

همانطور که در نیویورک تایمز، Star-Wars.com، کمپین های تبلیغاتی سیتروئن و هزاران وب سایت دیگر دیده می شود.

برخی می گویند:
این دکمه با ۳ خطی که منو هدایت را پنهان می کند یک نعمتی برای رابط های کاربری مدرن است. برخی دیگر می خواهند آن را به طور کامل از بین ببرند و دلایل خوبی ارائه می دهند. روند بسیار بحث انگیز است. با این حال, می توان استدلال کرد که مهم نیست که این الگوی طراحی بدنام هنوز در تقاضا است.

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

راه حل وردپرس: Responsive Menu

قابل اعتماد برای بیش از ۸ هزار کاربر وردپرس, این پلاگین یک نوع نیاز برای وبلاگ, مجله, پورتال شرکت و یا هر چیزی که دارید می باشد.  این رابط برای پنل هدایتی کاملا پاسخگو است که می تواند به سلیقه شما سفارشی شود. با انتخاب بین ۷۰ گزینه مختلف می توانید یک همخوانی خوبی برای پروژه خود داشته باشید.

از همراهی شما سپاسگذاریم.

  • facebook
  • googleplus
  • twitter
  • linkedin
  • linkedin
قبلی «
بعدی »

دیدگاهتان را بنویسید

تازه های طراحی سایت

بهینه سازی وبسایت

دانستی های سایت