O'zingizning saytingizni yaratishdan oldin e'tiborga olish kerak bo'lgan 2016 yilgi veb-saytlarni yaratish tendentsiyalari

dk new media sayt 1

Biz veb-sayt foydalanuvchilari uchun yanada toza, sodda tajribaga o'tayotgan ko'plab kompaniyalarni ko'rdik. Dizayner, ishlab chiquvchi bo'lasizmi yoki shunchaki veb-saytlarni yaxshi ko'rasizmi, buni qanday amalga oshirayotganiga qarab, nimanidir bilib olishingiz mumkin. Ilhomlanishga tayyor bo'ling!

  1. animatsiya

Miltillovchi giflar, animatsion panjaralar, tugmachalar, piktogramma va raqsga tushadigan hamsterlar bilan to'lib toshgan veb-sahifalarning erta, beozor kunlarini ortda qoldirish, bugungi kunda animatsiya hikoyalarni takomillashtiradigan va foydalanuvchilarning boy tajribasini ta'minlaydigan interaktiv, ta'sirchan harakatlarni yaratishni anglatadi.

Boy animatsiyaga misol qilib animatsiyalar, navigatsiya va menyularni yuklash, animatsiya, galereya va slayd-shoularni olib borish, harakatlanuvchi animatsiya, aylantirish va fon animatsiyalari va videofilmlari kiradi. Ushbu saytni takliflarni boshqarish platformasi Beagle-dan ko'rib chiqing:

Beagle animatsion veb-sayti

Saytlari bo'ylab pastga siljiganingizda Beagle-ning ajoyib JavaScript-ni va CSS-animatsiyasini ko'rish uchun bosing.

Boy animatsiyani mikro o'zaro ta'sirida ham ko'rish mumkin. Masalan, LinkedIn-da foydalanuvchi opsiyaning ochilgan menyusi uchun karta ustiga siljishi mumkin va keyin hikoyani o'tkazib yuborishni yoki boshqa harakatlarni tanlashni tanlashi mumkin.

GIF animatsiyalari (quvonch bilan?) Qayta tiklandi va ularni turli xil maqsadlarda, shu jumladan komediya, namoyishlar va hatto shunchaki bezatish uchun ishlatish mumkin.

  1. moddiy Design

moddiy Design, Google tomonidan ishlab chiqilgan dizayn tili, bosma nashrga asoslangan dizayn elementlariga - tipografiya, katakchalar, bo'shliq, o'lchov, rang va tasvirlardan foydalanishga mos keladi, shuningdek sezgir animatsiyalar va o'tish, to'ldirish va yorug'lik va soyalar kabi chuqurlik effektlari. yanada aniqroq, qiziqarli va interaktiv foydalanuvchi tajribasini taqdim etish.

Material Design soya, harakat va chuqurlikdan foydalanib, toza va zamonaviy estetikani taqdim etadi, bu UXni juda ko'p qo'ng'iroq va hushtaksiz optimallashtirishga qaratilgan.

Moddiy dizaynning boshqa misollariga chekkadan rasmga olish, keng ko'lamli tipografiya va qasddan bo'sh joy kiradi.

Youtube Android Material Design dizaynini qayta ishlash kontseptsiyasi

  1. Kvartira Dizayn

Material Design minimalizm tushunchasiga bitta yondashuvni taklif qilsa-da, tekis dizayn toza chiziqlarni sevuvchilar uchun klassik tanlov bo'lib qolmoqda. Ya'ni, tekis dizayn ko'pincha yanada aniqroq, haqiqiy va qulay raqamli ko'rinish sifatida qaraladi.

Space ignasi

Oq bo'shliq, aniq qirralar, jonli ranglar va 2D - yoki "tekis" rasmlar printsiplariga asoslanib, tekis dizayn ko'p qirrali uslubni taklif etadi, bu tez-tez chiziqli ikonografiya va uzun soyalar kabi usullardan foydalanadi.

lander

  1. Ekranlarni ajratish

Rag'batlantirish uchun ikkita bir xil muhim yo'nalishlarga ega bo'lganingizda yoki fotosuratlar yoki ommaviy axborot vositalari bilan bir qatorda tarkibni taklif qilmoqchi bo'lganingizda, ajratilgan ekranlar qiziqarli va jasur foydalanuvchi tajribasini taqdim etishning ajoyib yangi usuli hisoblanadi.

split-ekran

Foydalanuvchilarga o'zlarining mazmuni va tajribalarini tanlashga ruxsat berish orqali siz tashrif buyuruvchilarni qiziqtiradigan portal turidagi tajriba yaratishingiz mumkin.

ekran-okean

  1. Chrome-ni tashlash

Krom bamperlar va klassik avtoulovlarning bezaklarini hisobga olmaganda, "xrom" veb-saytning asosiy tarkibini o'z ichiga olgan konteynerlar - menyular, sarlavhalar, altbilgilar va chegaralarni anglatadi.

xrom vaqti

Bu chalg'itishi mumkin va ko'plab kompaniyalar konteynerlardan xalos bo'lishni va chegaralari, sarlavhalari va altbilgisi bo'lmagan toza, chekkadan chetga tartiblarni yaratishni tanlaydilar.

oldinga siljigan

 

  1. Katlamani unuting

"Qatlamning yuqorisida" gazetaning birinchi sahifasining yuqori qismida gazeta jargoni mavjud. Gazetalar tez-tez buklangan va qutilarga va displeylarga joylashtirilganligi sababli, potentsial o'quvchini (va ularning hamyonlarini) qo'lga kiritish uchun eng yaxshi imkoniyatni berish uchun eng mazmunli kontent katlamadan yuqoriroq.

Veb-sayt dizayni uzoq vaqtdan beri aylantirish og'ir bo'lgan degan printsip asosida katlama g'oyasini ishlatib kelgan. Ammo yaqinda to'liq ekranli tasvirlar va kontent foydalanuvchini kutib oladi va qo'shimcha, yanada chuqur tarkibni ochish uchun varaqlashni rag'batlantiradi.

urug 'dog'i

  1. To'liq ekranli video

Video tashrif buyuruvchilarning e'tiborini jalb qilishning ajoyib usuli bo'lishi mumkin va bu ko'pincha vizual yoki matndan ham samaraliroq. Apple tomonidan Apple Watch-da foydalanilgan videolar kabi pastadirlar - bu ohangni o'rnatish va mehmonlarni jalb qilishning o'ziga xos usuli.

DK New Media

Ko'rish uchun ustiga bosing DK New MediaUlarning uy sahifasida video

Veb-dizayn haqida gap ketganda, ko'plab aniq tarkibiy qismlar sizning sanoatingiz, joyingiz, maqsadli bozoringiz va tarkibingiz tomonidan belgilanadi. Sizning tartibingiz tashrif buyuruvchilarning javobiga va sizning xabaringiz uchun eng mantiqiy narsaga bog'liq bo'ladi. Ammo ushbu tendentsiyalar mavjud bo'lganda, sizga kerak bo'lgan narsani bajaradigan va zamon bilan hamnafas bo'lishni bilishingizni ko'rsatadigan ishonchli veb-sayt yaratish uchun sizga kerak bo'lgan hamma narsa bo'ladi.

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.