Itt maradhatnak a 2010-es évek webdesign-trendjei?

Közzététel: Támogatása segít fenntartani a webhely működését! Az ezen az oldalon javasolt szolgáltatások némelyikén referenciadíjat keresünk.


Webdesign-trendek 2018-ra

A világháló elején a divatos volt, hogy a webmesterek minden lehetséges effekttel éljenek: animált gif, villogó szöveg és automatikusan játszó midis minden figyelmét felhívta a figyelmére minden olyan webhelyen, ahol szörfözött..

Míg az Internet vad határnapjai izgalmasak és forradalmi voltak, a trendek, mint például a vörös szöveg mintás háttérrel, nem voltak pontosan könnyek a szemükön vagy felhasználóbarátak.

Szerencsére hosszú utat tettünk meg a web születése óta. Az online technológiának, amelyet használunk, azóta fejlődött, mivel hallgattunk telefonos modemcsatlakozást, és átvitték az ujjainkat, hogy senki sem rúgott téged azáltal, hogy felvette a vezetékes telefont.

A web-tervezőknek fejleszteniük kellett a lépést a változó technológiával is. Az elmúlt néhány évtizedben a tervezési trendek hullámai jöttek és mentek, és úgy fejlődtek, hogy a felhasználói élményre összpontosítsanak. A tervezők manapság jobban, mint a minimalizmus, az olvashatóság és a könnyű használat.

De miközben a dolgok folyamatosan javulnak, mindig előfordulhat, hogy rossz fordulatok és buktatók vannak, még a trendekkel is, amelyek javulásnak tűnnek. A végtelen görgetés segíthet a további információk megjelenítésében, és hosszabb ideig tarthatja a látogatókat az oldalon, de a felhasználók frusztrálónak találhatják, ha megpróbálják megtekinteni egy olyan weboldal láblécét, amely tovább ugrik, amikor több cikk betöltése.

A rögzített elemek népszerűsége érthető: a kritikus információkat a látogató szemében kell tartani. De elfordulhat, ha ezek a megosztógombok elkezdik blokkolni az oldal tartalmát. A webes tervezőknek lépést kell tartaniuk a trendekkel, de kreativitásukkal is fel kell használniuk az ilyen problémák innovatív új megoldásait.

Az idei trendekkel kapcsolatban lehetetlen megmondani, hogy mely innovációk nyernek ki és maradnak meg, és melyeket mi fogunk nevetni 10 vagy 20 év múlva. A 2014-es webdesign-trendek ezen lebontásával eldöntheti, hogy mely trendeket érdemes folytatni, és melyeket hagyja hátra.

Web-Design Trends

Az idők tervezése: 2014-es webdesign-trendek

Az internet drámai módon fejlődött a 90-es évek elejétől, amikor őrült színeket és betűtípusokat, valamint az automatikus zene lejátszását láttuk a háttérben, mihelyt egy weboldal betöltődött. A mai web egy minimalista megközelítést lát, amelyet úgy terveztek, hogy egyszerűbbé és felhasználóbarátabbá váljon. Így számíthat arra, hogy még többet lát 2014-ben.

Reszponzív dizájn

  • Az adaptív kialakítás azt jelenti, hogy egy webhely automatikusan beállítja a megtekintett képernyő méretét.
    • Ez kritikus jelentőségű a webdesign számára, mivel az emberek elmozdulnak a hagyományos számítógépes képernyőktől.
      • Az amerikai felnőttek 90% -a rendelkezik mobiltelefonnal
      • Az amerikai felnőttek 58% -a rendelkezik okostelefonokkal
        • A mobiltelefon-tulajdonosok 60% -a használja telefonját az internethez való csatlakozáshoz
      • Az amerikai felnőttek 42% -a rendelkezik tablettával
  • Az adaptív webdizájn a rugalmas keverék használatát foglalja magában:
    • elrendezések
      • Minden méretarányban van méretezve, nem pixelekben.
    • képek
      • Mindent viszonylat szerint méretez, nem pedig pixeleket.
    • CSS lekérdezések
  • Példák az érzékeny tervezésre:
    • com
    • com
    • com
  • Készítsen saját adaptív sablonokat, vagy vásároljon meglévő adaptív keretet.
    • Példák:
      • Karma
      • Adava
      • Beborít
  • Előnyök:
    • Kevesebb karbantartás: egy hely a tervezési és karbantartási helyszínek helyett.
    • Jobb keresőmotor-optimalizálás (SEO): egy webhely egy URL-sorozatot jelent, ami a SEO kezelhetőbbé teszi.
    • Nem kell aggódnia, hogy az Ön webhelye kompatibilis-e majd a tucat új eszközzel, amelyek folyamatosan megjelennek a piacon.
  • Hátrányok:
    • A végrehajtás a vártnál hosszabb ideig tarthat.
    • A technológia továbbra is fejlődik.
    • Mivel a képeket csak méretre csökkentik, nem pedig átméretezik, ez negatív hatással lehet az oldal betöltési idejére, idegesítve a látogatókat.

Több görgetés

2014-ben több gördítést látunk, mivel ez egyszerűen végrehajtható.

  • Parallax görgetés: Lehetővé teszi a weboldal háttérének mozgását, mint az oldal többi része.
    • Példa: Nasa prospektus
    • Előnyök:
      • Wow látogatók animációval
      • Közvetlen felhasználók a cselekvésre
      • Ösztönözze a látogatókat, hogy maradjanak hosszabb ideig az oldalon, mivel az egész dolgot gördítik át
    • Hátrányok:
      • A SEO eltalálja, mert csak egy metainformáció van
      • Egy oldalon sok adat lelassítja az oldal betöltési idejét, ami csalódott felhasználókat eredményezhet
  • Vízszintes görgetés: balra és jobbra görget, nem pedig fel és le.
    • Példa: A Világvirág Alapítvány Földórája 2012
    • Előnyök:
      • Lehetővé teszi a tervezőknek, hogy több tartalmat helyezzenek el a képernyőn.
    • Hátrányok:
      • Lehetséges, hogy a felhasználók nem veszik észre, hogy oldalra kell görgetniük, vagy esetleg nem akarják az oldalra görgetni, hogy a teljes élményt megkapják.
  • Végtelen görgetés: Az oldal tartalmát tölti be a felhasználó görgetése közben
    • Példa: Facebook hírcsatorna
    • Előnyök:
      • Gyorsabb böngészés
      • Jól együttműködik az érintőeszközökkel
      • Tartalom expozíció: a végtelen görgetés egyenlő mértékben teszi ki az új és a régi tartalmat, hosszabb „eltarthatósági időt” adva az idősebb tartalmaknak.
    • Hátrányok:
      • Navigáció:
        • A felhasználók nem tudnak visszakerülni egy adott dologra, vagy könyvjelzőket hozzáadni, és újra kell kezdenie a tetejét.
        • A végtelen görgetés nem adja meg a felhasználók számára, mennyi adatot kell átváltani.
      • Felhasználói fókusz: Ha elmozdul a görgetéstől, akkor az elõzõ referenciapont helyett a tetejére tér vissza, és megnehezíti a felhasználókat, hogy összpontosítsanak arra, amit csinálnak / olvasnak.

Kevesebb szöveg

  • A nehéz szövegtervezés helyett inkább a képekre, az ikonokra és a videóra összpontosító tervezést látunk.
    • A com kevesebb, mint 10 szót tartalmaz, és megköveteli, hogy a felhasználók videót nézzenek, hogy megértsék, hogyan kell használni az alkalmazást.
    • com tartalmaz egy kis bekezdést a szövegről és néhány szót a navigációs sávban a honlapján.
    • A-Studio.co.il csak néhány szót és képet tartalmaz.
  • Előnyök:
    • Kifinomultabb webdesign
  • Hátrányok:
    • Nehezebb az, hogy az 508 webhely-kialakítás megfelelő legyen
      • Az 508-as megfelelés azt jelenti, hogy a web megfelelõvé válik a fogyatékkal élõk számára, akik nem tudnak hagyományos módon hozzáférni az internethez.

Lapos felhasználói felület

  • A lapos felhasználói felület (UI) olyan tervezésre utal, amely a funkcionalitásra, nem pedig a stílusra összpontosít.
    • Az elemek úgy készülnek, hogy jobban hasonlítsanak azokra, amelyeket elneveztek.
    • Mindent a következőkre terveztek:
      • Világosság
      • Egyszerűség
    • Ez azt jelenti, hogy eltávolítják:
      • Shadows
      • színátmenetek
      • Ferde szélek
      • Gondolatok
  • Már láttuk itt:
    • Windows 8
    • Apple iOS 7
    • WordPress 3.8
  • A lapos kialakítás ellenáll a szkeomorf kialakításnak.
    • A szkeomorf kialakítás vizuális részletességet használ, hogy az egyik dolog másnak tűnjön.
      • Példa: Falemez használata az autó belsejében
  • Előnyök:
    • Egyszerű felhasználói felület
    • A világos / merész színek használata növeli a hangulatot
    • Összpontosítson a nagyszerű tipográfiára
    • A látvány éles és tiszta
  • Hátrányok:
    • Használhatósággal kapcsolatos aggodalmak: Az emberek nem mindig tudják, hogy hol kell kattintani vagy megérinteni, hogy interakcióba lépjen.
    • A színpalettákat nehéz lehet egyeztetni: minél több színt használ, annál keményebb lehet, ha megfelelően illeszkedik hozzájuk.
    • A gyenge tipográfia kialakítása könnyebben észrevehető.
    • Az általános kialakítás túl egyszerűnek tűnik.

Rögzített tartalom

  • Ez olyan oldal elemre vonatkozik, mint például a navigációs sáv vagy a tartalom olyan része, amely a helyén marad az oldalon, amíg a felhasználó gördít.
    • ca lehetővé teszi a vízszintes görgetést, amíg az oldalsáv navigációja a helyén marad.
    • a net rögzített helyzetű közösségi média sávot tartalmaz a weboldal bal oldalán, lehetővé téve a felhasználók számára, hogy görgessenek a tartalomon, amíg a sáv a helyén marad.
  • Előnyök:
    • Használhatóság előnyei: a felhasználók sokkal könnyebben megtalálhatják, amit keresnek.
  • Hátrányok:
    • A rögzített tartalom pazarolhat helyet a görgetésen túl.
    • Néhány rögzített elem, például a navigációs sáv, nehéz lehet a mobil környezetbe történő fordítása.

források

  • Mobil technológiai adatlap – pewinternet.org
  • Rugalmas webdesign: mi ez és hogyan kell használni – coding.smashingmagazine.com
  • Mi az a rugalmas webdesign? – smallbiztrends.com
  • 17 389 webhelysablonok és témák 3 USD-tól – themeforest.net
  • A rugalmas webdesign előnyei és hátrányai – business2community.com
  • Mi az a Parallax Web Design? – Fogalommeghatározások, tippek & Megfontolások – unleashed-technologies.com
  • NASA: Prospect – nasaprospect.com
  • WWF Élelmiszer-történelem – asset.wwf.org.uk
  • A végtelen görgetés nem minden weboldalon található – nngroup.com
  • A végtelenbe és tovább! A végtelen görgetés előnyei és hátrányai – inspim.com
  • Snapchat – snapchat.com
  • The Studio – a-studio.co.il
  • Kevesebb szöveg több multimédia – Új megközelítés a webdesignban – designmodo.com
  • Elveszett és talált – Térkép oldal – howto.gov
  • Mi az a lapos kialakítás? – gizmodo.com
  • A lapos kivitel előnyei és hátrányai – designmodo.com
  • 18 Főbb webdesign-trend 2014-re – econsultancy.com
  • Rögzített navigációs bár: Előnyök és hátrányok – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map