4 Essential Layout Trends for 2015
Verkko on muuttunut paljon viime vuosikymmenen aikana, mutta samaan aikaan se ei ole muuttunut lainkaan. Jos katsomme taaksepäin kymmenen vuotta, huomaamme, että webissä oli hyvin yleinen ulkoasu työstössä useimpien sivustojen kohdalla. Tämä go-to-kuvio koostui otsikoista, alatunnisteista, sivupalkista ja sisältöalueesta. Se oli verkon odotettu asettelu. Samaan aikaan meillä oli nousu Macromedia Flash, joka luopui eri vaihtoehtoja. Layouts, jotka eivät noudattaneet tätä tiukkaa kaavaa. Ja tietysti Flashin implosion takia tämä lähestymistapa hiipui vähän ... Sanon vähän, koska se on jälleen koston kanssa.
Jos tutkimme yhtä niistä monista suosituista gallerioista, joissa esitellään nykyistä web-suunnittelua, epäilemättä huomaat, että verkkosivujen perusrakenne on vain kiinteä. Se voi joustaa ja muuttua lähes kaikesta, mitä sen tarvitsee olla. Tämä mielestäni on yksi parhaista sivuvaikutuksista reagoiva web design on tuotettu. Uusi normi sellaisena kuin se oli, on se, että ei näytä olevan kiinteää kaavaa lainkaan.
Kaikki nämä sanovat, että voimme havaita useita korkean tason suuntauksia ulkoasun suunnittelussa, jotka edustavat mielestäni epätavallisia asetteluja. Epätavallinen, koska ne eivät noudata tiukkaa kaavaa tai ennalta määritettyä järjestelmää. Mutta ne ovat suuntauksia, joita voin tarjota kymmeniä, jos ei satoja esimerkkejä, jotka täyttävät kukin näistä luokista.
Mitä löydät täältä on mielenkiintoinen sekoitus trendeistä ja epätavallisista ulkoasuista, jotka toivottavasti innostaa sinua arvioimaan perusrakenteita, jotka koskevat web-suunnittelua. Let's sukeltaa sisään ja katsomaan ...
Jaa näytöt
Tässä luokassa löydämme valikoiman sivustoja, jotka jakoivat näytön pystysuuntaisella kahtiajaolla. Tähän voi olla monia syitä, ja monien tämäntyyppisten näytteiden tutkimisessa olen löytänyt kaksi pääasiallista syytä.
Ensimmäinen on, että toisinaan mallilla voi todella olla kaksi yhtä tärkeätä elementtiä. Yhteinen lähestymistapa web-suunnitteluun on sijoittaa asioita tärkeysjärjestyksessä. Tämä merkitys näkyy sitten suunnittelun hierarkiassa ja rakenteessa. Mutta entä jos sinulla on todella kaksi edistettävää asiaa? Tämän lähestymistavan avulla voit antaa heille huomiota sekä sallia käyttäjän valita nopeasti niiden välillä.
Toinen syy, jonka olen löytänyt tästä lähestymistavasta, on, että joskus sinun on välitettävä tärkeä kaksinaisuus. Harkitse esimerkiksi Kahdeksan ja Neljä verkkosivuja. Täällä he haluavat välittää sen, että heidän keskeiset vahvuudet ovat digitaalinen juuret ja heidän lahjakas henkilökunta. Tämä pariliitos on niiden määritelmä. Jaettu näyttö on hieno tapa esittää tämä. Ja minä erityisesti rakastan sitä, miten ampersand yhdistää molemmat puolet.
Ei kromia!
Yksi web-suunnittelussa käytetyistä tärkeimmistä elementeistä sisältää elementtejä: laatikoita, reunoja, muotoja ja kontteja, joita käytetään jakamaan sivun sisältö erikseen. Harkitse stereotyyppistä otsikkoa, jossa elementit ovat siististi mukana ja erotettu sisällöstä. Nyt on yleinen suuntaus poistaa kaikki tämä ylimääräinen kromi.
Tämä on minimalistinen lähestymistapa, mutta se menee askeleen eteenpäin ja sillä on mielenkiintoisia käänteitä matkan varrella.
Tässä esimerkissä ne ovat poistaneet otsikon ja alatunnisteen käsitteen kaikki yhdessä. Sen sijaan tuntuu enemmän vuorovaikutteisesta kioskeista. Sisällön hierarkia toteutetaan ensisijaisesti vasemmalta oikealle organisaatiolle, mikä tekee asettelusta erittäin intuitiivisen. Ja kromi erottamaan navigointia sisällöstä ei yksinkertaisesti tarvita. Sen sijaan kauniit tuotteet loistavat.
Täältä näemme, että sisältöä korostetaan huomattavasti poistamalla otsakkeen tai alatunnisteen tuntemus. Sen sijaan, että luet ensin otsikon, voit lukea yrityksen nimen ja selkeän lausunnon siitä, mitä he tekevät (ja missä he tekevät). Seuraavat päävalikkoa. Mikä erinomainen tapa korostaa brändiä ennen kuin ihmiset pääsevät navigoimaan. Se tekee tyylikkäästä virtauksesta. Mielenkiintoista, kun vierität sivua, saa otsikon ja kromin. Kaunis ja tehokas ulkoasu, joka käyttää mallia inspiroivalla tavalla.
Modulaarinen tai ristikkäinen
Seuraavassa on rakenteita, jotka on rakennettu modulaarisiin tai ristikkomaisiin rakenteisiin. Näissä malleissa kukin moduuli on tarkoitettu taipumaan näytön koon mukaan. Tämä ei ole aivan uusi lähestymistapa, mutta herkän web-suunnittelun käyttöönotto on tehnyt siitä entistä hyödyllisemmän. Tämä viittaa siihen, minkä tyyppisiä mukautettavia ulkoasuja, joita voidaan luoda pluginsilla kuten muuraustyönä.
Tämä esimerkki näyttää täydellisesti idean. Suunnittelu on täysin herkkä. Koska näytön koko muuttuu, kukin moduuli mukautuu ja koot sopivat tilaan. Jakamalla tilan tasaisesti on helpompi saada malli sopeutua. Ja he saavat bonuspisteitä elementin (suurempien koon koko) tuomiseksi, joka rikkoo moduulien väliset jäykkäät esteet.
Tämä esimerkki on kuvion melko voimakas versio. Se käsittää tietenkin modulaarisen lähestymistavan, jonka avulla ne voivat helposti siirtää sisältöä sisään ja ulos tarpeen mukaan. Täällä on kuitenkin tärkeä elementti, joka edellisessä esimerkissä puuttui. Moduulien koko vaihtelee riippuen tärkeysjärjestyksestä ja sen sijainnista hierarkiassa. Tämän modulaarisen lähestymistavan riski on tehdä kaikesta samankokoisesta, joten et todellakaan korosta mitään. Sitä vastoin tämä esimerkki antaa selkeästi tärkeän elementin.
Yhden näytön täyttäminen
Lopuksi meillä on sivustoja, jotka käyttävät lähestymistapaa, jossa malli sopeutuu täyttämään näytön kokonaan. Tämä on herkän suunnittelun osajoukko, koska se mukautuu näytön kokoon. Mutta tässä markkinarakoissa mallit sopeutuvat siten, että ne täyttävät kokonaan näytön ja eivät tuota vierityspalkkeja. Tämä rullaamisen puute tarkoittaa sitä, että sisällön on oltava erittäin keskittynyt ja sisällön hierarkia on selvästi määriteltävä. Pidän näiden sivustojen keskittymistä ja selkeyttä pirteänä.
johtopäätös
Vaikka olen kuollut jokainen näistä suuntauksista erikseen, todellisuus on se, että ne edustavat rakennuspalikoita. Ja nämä rakennuspalikat voidaan koota monella eri tavalla. Itse asiassa monet tässä esitetyistä näytteistä voidaan siirtää lukuisiin luokkiin, joista olemme keskustelleet. Modernin verkon asettelujen monimuotoisuus ja se, että ne ovat käyttökelpoisia, tekee verkosta mielenkiintoisen median toimimaan.