روند طراحی وب سایت 2016 که باید قبل از ایجاد سایت خود مورد توجه قرار گیرد

dk new media سایت 1

ما شاهد هستیم که بسیاری از شرکت ها به سمت یک تجربه تمیزتر و ساده تر برای کاربران وب سایت حرکت می کنند. چه شما یک طراح باشید ، چه یک توسعه دهنده ، و یا فقط عاشق وب سایت هستید ، می توانید با نگاهی به نحوه انجام آن ، چیزی را یاد بگیرید. آماده شوید تا الهام بگیرید!

  1. انیمیشن

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

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

وب سایت متحرک Beagle

برای دیدن انیمیشن شگفت انگیز جاوا اسکریپت و CSS Beagle هنگامی که به پایین سایت آنها می روید ، کلیک کنید.

انیمیشن غنی را می توان در تعامل خرد نیز مشاهده کرد. به عنوان مثال ، در LinkedIn ، کاربر می تواند روی منوی پنجره ظریف گزینه ها روی کارت بماند و سپس انتخاب کند که از ماجرا رد شود یا اقدامات دیگری انجام دهد.

انیمیشن های GIF (با خوشحالی؟) دوباره زنده شده اند و می توانند برای اهداف مختلفی از جمله کمدی ، نمایش ها و حتی فقط برای دکوراسیون استفاده شوند.

  1. مواد طراحی

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

Design Material از سایه ، حرکت و عمق برای ارائه زیبایی مدرن تمیز و تمرکز بر بهینه سازی UX بدون زنگ و سوت زیاد استفاده می کند.

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

مفهوم طراحی مجدد مواد آندروید Youtube

  1. طراحی تخت

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

سوزن فضایی

بر اساس اصول فضای سفید ، لبه های تعریف شده ، رنگ های پر جنب و جوش و تصاویر 2D یا "تخت" ، طراحی مسطح سبک متنوعی را ارائه می دهد که اغلب از تکنیک هایی مانند شمایل نگاری خط و سایه های طولانی استفاده می کند.

کاوشگر

  1. صفحه های تقسیم شده

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

صفحه نمایش تقسیم شده

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

صفحه اقیانوس تقسیم شده

  1. رها کردن Chrome

با توجه به سپرهای کروم و تزئینات روی ماشین های کلاسیک ، "کروم" به ظروف یک وب سایت - منوها ، هدرها ، پاورقی ها و حاشیه ها - اشاره دارد که محتوای اصلی را در خود جای داده است.

زمان کروم

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

کروم به جلو

 

  1. Fold را فراموش کنید

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

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

لکه دانه

  1. فیلم تمام صفحه

ویدئو می تواند یک روش عالی برای جلب توجه بازدیدکنندگان باشد و اغلب حتی از تصاویر یا متون نیز م effectiveثرتر است. حلقه فیلم هایی مانند اپل که برای ساعت اپل استفاده می کند روشی منحصر به فرد برای تنظیم لحن و جذب بازدیدکنندگان است.

DK New Media

برای دیدن کلیک کنید DK New Mediaفیلم در صفحه اصلی آنها

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

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.