Saytınızı yaratmadan əvvəl nəzərə alınmalı olan 2016-cı il Veb dizayn dizayn tendensiyaları

dk new media sayt 1

Veb sayt istifadəçiləri üçün daha təmiz, daha sadə bir təcrübəyə doğru irəliləyən bir çox şirkət gördük. İstər dizayner, istər inkişaf etdirici, istərsə də veb saytlarını çox sevirsinizsə, bunu necə etdiklərinə baxaraq bir şey öyrənə bilərsiniz. İlhamlanmağa hazır olun!

  1. canlandırma

Yanıb-sönən giflər, cizgi çubuqları, düymələr, nişanlar və rəqs edən hamsterlərlə dolu olan vebin erkən və cəlbedici günlərini geridə qoymaq, bu gün animasiya hekayə izahını artıran və zəngin bir istifadəçi təcrübəsi təmin edən interaktiv, həssas hərəkətlər yaratmaq deməkdir.

Zəngin animasiya nümunələri arasında animasiyaların yüklənməsi, naviqasiya və menyular, hover animasiyalar, qalereyalar və slayt şouları, hərəkət animasiyası, sürüşmə və arxa plan animasiyaları və videoları var. Bir təklif idarəetmə platforması olan Beagle-dan bu sayta baxın:

Beagle Animasiya Veb Saytı

Saytlarını aşağıya sürüşdürdüyünüz zaman Beagle'ın inanılmaz JavaScript və CSS animasiyasını görmək üçün vurun.

Mikro qarşılıqlı əlaqədə də zəngin animasiya görünə bilər. Məsələn, LinkedIn-də bir istifadəçi seçimlərin incə bir açılan menyusu üçün bir kartın üzərinə gedə bilər və sonra hekayəni atlamağı və ya digər hərəkətləri edə bilər.

GIF animasiyaları (sevinclə?) Yenidən canlandı və komediya, nümayişlər və hətta bəzək üçün də daxil olmaqla bir çox fərqli məqsədlər üçün istifadə edilə bilər.

  1. Material Design

Material DesignGoogle tərəfindən hazırlanmış bir dizayn dili, işıqlandırıcı və kölgələr kimi həssas animasiyalar və keçidlər, doldurulma və dərinlik effektləri ilə birlikdə çap əsaslı dizayn elementlərinə - tipoqrafiya, ızgaralar, boşluq, miqyas, rəng və görüntü istifadəsinə əsaslanır. daha real, cəlbedici və interaktiv bir istifadəçi təcrübəsi təmin edin.

Material Design, kölgə, hərəkət və dərinlikdən istifadə edərək çoxlu zəng və fit olmadan UX-in optimallaşdırılmasına yönəlmiş təmiz, müasir bir estetik təklif edir.

Material dizaynının digər nümunələri arasında kənardan görüntülər, genişmiqyaslı tipoqrafiya və qəsdən boşluq var.

Youtube Android Material Design Yenidən Dizayn Konsepsiyası

  1. Düz dizayn

Material Design minimalizm konsepsiyasına bir yanaşma təklif edərkən, düz dizayn təmiz xətt həvəskarları üçün klassik seçim olaraq qalır. Yəni düz dizayn çox vaxt daha real, orijinal və rahat rəqəmsal bir görünüş kimi qəbul edilir.

Space Needle

Ağ məkan, müəyyən edilmiş kənarlar, canlı rənglər və 2B və ya “düz” şəkillər prinsiplərinə əsaslanan düz dizayn, xətt ikonoqrafiyası və uzun kölgələr kimi texnikalardan tez-tez istifadə edən çox yönlü bir stil təqdim edir.

Lander

  1. Ekranları Bölün

Təqdim etmək üçün iki eyni dərəcədə vacib sahəyə sahib olduğunuzda və ya fotoşəkil və ya medianın yanında məzmun təklif etmək istədiyiniz zaman ən yaxşı şəkildə istifadə olunan, bölünmüş ekranlar əyləncəli və cəsarətli bir istifadəçi təcrübəsi təmin etmək üçün əla yeni bir yoldur.

bölünmüş ekran

İstifadəçilərin məzmunu və təcrübələrini seçməsinə imkan verməklə, ziyarətçiləri daxil olmağa vadar edən bir portal tipli təcrübə yarada bilərsiniz.

split-ekran-okean

  1. Xromu atmaq

Klassik avtomobillərdəki xrom bamperlər və bəzəklər istisna olmaqla, "xrom" veb saytın əsas məzmunu əhatə edən konteynerlərə - menyulara, başlıqlarına, altbilgilərinə və sərhədlərinə aiddir.

xrom vaxtı

Bu, diqqəti yayındırır və bir çox şirkət konteynerlərdən azad olmağı və sərhədləri, başlıqları və ya altbilgiləri olmayan təmiz, kənardan kənar planlar yaratmağı seçir.

xrom irəli

 

  1. Katlamanı unut

“Qatlamın üstündə” bir qəzetin ön səhifəsinin yuxarı yarısı üçün qəzet jarqonudur. Qəzetlər tez-tez qatlanaraq qutulara və ekranlara qoyulduğundan, ən cəlbedici məzmun potensial oxucunu (və cüzdanını) ələ keçirmək üçün ən yaxşı şans vermək üçün qatın üstündədir.

Veb sayt dizaynı, sürüşmənin ağır olduğu prinsipi üzərində çoxdan bükmə fikrini istifadə etmişdir. Ancaq son zamanlarda tam ekran şəkillər və məzmun bir istifadəçini salamlayır və əlavə, daha dərin məzmunu açmaq üçün sürüşməyə təşviq edir.

toxum ləkəsi

  1. Tam Ekran Video

Video ziyarətçilərin diqqətini cəlb etmək üçün əla bir yol ola bilər və ümumiyyətlə vizual və ya mətndən daha təsirli olur. Apple tərəfindən Apple Watch üçün istifadə edilən videolar kimi ilmə videoları bir ton qoymaq və ziyarətçiləri içəri çəkmək üçün unikal bir yoldur.

DK New Media

Görmək üçün vurun DK New MediaAna səhifələrindəki video

Veb dizaynına gəldikdə, bir çox xüsusi komponent sənayeniz, yeriniz, hədəf bazarınız və məzmununuz tərəfindən diktə ediləcəkdir. Tərtibatınız ziyarətçilərin nə cavab verəcəyindən və mesajınız üçün ən mənalı olandan asılı olacaq. Ancaq əlinizdəki bu meyllərlə ehtiyacınız olanı edən və zamanla ayaqlaşmağı bildiyinizi göstərən cəlbedici bir veb sayt yaratmaq üçün lazım olan hər şeyə sahib olacaqsınız.

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.