flat webdesign trend 2015-ben

Webdesign trendek 2015

Ha a jövő kiszámítható volna, nagyon unalmas világban élnénk. Még sem tud az emberiség ellenállni a kísértésnek, hogy a jövőt fürkéssze. Most én is részt veszek az év végi társasjátékban és megpróbálom kitalálni, merre mozdulnak a webdesign trendek 2015-ben. Jövő ilyenkor számon kérheted rajtam. Minden egyes trendre hoztam egy példát is, és ha a képre kattintasz, akkor az eredeti weboldalt is szemügyre veheted.

A flat design továbbra is népszerű marad

2014-ben az egyik legnépszerűbb trend volt, és 2015-ben is töretlen lesz a sikere elsősorban azért, mert könnyebb responsive oldalakat tervezni a segítségével, azaz maximálisan kiszolgálja a mobil barát design követelményeket.

Flat design



Kattints a képre és nézd meg az oldalt

A Google sorvezetője, a Material Design iparági standarddá válik

Olyan design alapelveket dolgozott ki a Google, amelyek kifejezetten a mobil képernyőkre és a mobil appok világára íródtak. Túl meghatározó szereplő ahhoz a webes világban, hogy figyelmen kívül hagyhassuk a "Nagy Testvér" ajánlásait.

Material Design



Kattints a képre és nézd meg az oldalt

Teljes képernyő szélességű videók, és videó hátterek

Egész egyszerűen azért lesz egyre népszerűbb, mert az emberek jobban szeretnek nézelődni, mint olvasni. Sokkal több érzelem és komplexebb kommunikációs tartalom vihető át még egy folyton ismétlődő mozgó GIF esetében is, mint a puszta szövegek esetében.

Videó háttér



Kattints a képre és nézd meg az oldalt

A mobil alkalmazások és a közösségi oldalak a legnépszerűbbek

A honlapok böngészése helyett egyre inkább a közösségi oldalakon lógunk, és különböző mobil alkalmazásokkal játszadozunk inkább. Egyre gyakoribbak lesznek a mobilról fizethető szolgáltatások is.

Közösségi oldalak és mobil alkalmazások



Kattints a képre és nézd meg az oldalt

Kötelező a hatékony responsive webdesign

Már nem lesz elég annyi, hogy olvasható a weboldal a mobil képernyőkön is. Egyre fontosabb lesz a letöltési sebesség. Nemcsak a képek és táblázatok lesznek maximálisan mobil barátak, de megjelennek a responsive ikonok és logók is.

Hatékony responsive webdesign



Kattints a képre és nézd meg az oldalt

Az infografikát a mozgó interaktív webgrafika váltja fel

A történet mesélés, a mozgó kép felé fognak a sima információt közlő grafikák elmozdulni. Mert sokkal jobban átélt tudást ad, szórakoztatóbb, és a figyelmet jobban megragadó megoldásokra képes.

Interaktív grafika



Kattints a képre és nézd meg az oldalt

Micro-interactions

Az apró, kis animációk, amelyek egy-egy felhasználói tevékenységet, vagy történést kísérnek és jeleznek nagyon profi benyomást keltenek egy oldalon. arról nem is beszélve, hogy kényelmesebb, használhatóbb weboldalakat és mobil alkalmazásokat lehet a segítségükkel építeni.

Micro-interactions



Kattints a képre és nézd meg az oldalt

Címoldali óriási kép

Lehet diavetítés, videó vagy kép, de a lényeg az, hogy nagy érzelmi hatást adjon az első találkozás folyamán. Általában ez most átlátszó, ghost gombokkal párosul majd.

Címoldali óriási kép



Kattints a képre és nézd meg az oldalt

Tipográfia hangsúlyos oldalak

A tartalom kerül előtérbe, hiszen a Google mindenkit rászoktatott a releváns, hiteles, jó minőségű tartalom gyártására. Ez pedig egyszerű, tipográfiai alapú design mellett érvényesül igazán.

Tipográfia hangsúlyos oldalak



Kattints a képre és nézd meg az oldalt

Növekvő számú generált weboldal a HTML kódolással szemben

Egész egyszerűen azért, mert a világ weboldal éhségét már nem tudják a szakemberek kielégíteni. Óriási az igény az egyszerű, de színvonalas design-nal rendelkező, fillérekbe kerülő weboldalakra. Tovább hódítanak a CMS-ek, és az összehúzogatós website-generátorok, mint például a Macaw.

Weboldal generátorok



Kattints a képre és nézd meg az oldalt

Személyre szabott lehetőségek

Egyre jobban kihasználják a weboldalak azokat az információkat,a melyeket az oldalon való böngészés alatt szereznek meg rólunk.

Kontextus függő gombok, ikonok és menük

Attól függően mire is van szükséged felhasználóként az adott pillanatban, az egér események

Kontextus függő gombok



Kattints a képre és nézd meg az oldalt

Szelídül a parallax

Az első vad, szinte filmszerűen száguldozó képelemek helyett a jelzésértékű, a figyelmet finom eszközökkel irányító hatásoké lesz a főszerep.

Szelídül a parallax



Kattints a képre és nézd meg az oldalt

Kártya alapú design

A négyzetes, jól körülhatárolt, egyforma méretarányú képekre épülő design szintén teljes mértékben mobilbarát, és könnyű eligazodni rajta. Ezért aztán tovább nő majd a népszerűsége.

Kártya alapú design



Kattints a képre és nézd meg az oldalt

Ha kihagytam volna valamit, bátran fűzzétek hozzá a saját jóslataitokat.

Share this post

Leave a comment

Filtered HTML

  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.

Plain text

  • A HTML jelölők használata nem megengedett.
  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
9 + 9 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.