Yksisivuiset sivustot ovat kuumia ja suosittuja - epäilemättä. Mutta ne eivät ole kaikille eikä yrityksille. On helppoa, koska he ovat suosittuja; ja jos se on tehty oikein, saatat olla osuma. Varmista kuitenkin, että olet projekti, joka täyttää ensin.

Hyvä hakija yhden sivun verkkosivuille ei ole erittäin raskasta sisältöön. Sinulla on vain yksi sivu, jolla pääset kohtaamaan, ja on olemassa vain niin paljon animaatioita ja temppuja, että voit heittää sisään, ennen kuin he saavat pysähtyä.

Lisäksi useimmat yhden sivun verkkosivustot ovat epäsovinnollisia asettelussaan. Yritetään sopeuttaa paljon sisältöä yhdelle sivulle katsomatta nakerttua on aika kova.

Mahdolliset käyttötarkoitukset vaihtelevat, mutta osa suosituimmista hakijoista yhden sivun verkkosivustoille on henkilökohtaisia ​​salkkuja ja verkkosivustoja yrityksille, jotka myyvät vain muutamia tuotteita tai palveluita.

Jos hyväksyt, varmista, että sivustosi osuu merkkiin. On aina olemassa tiettyjä asioita, joita sinun on noudatettava, kun teet mitään verkkosivustoa, mutta alla olevat kohdat ovat erityisen tärkeitä yksisivuisille verkkosivustoille.

1. Pysy keskittyneenä

Tee kaiken mahdollisimman yksinkertaiseksi yleisölle. On todennäköistä, että jos harkitset yhden sivun verkkosivustoa, sinulla ei todennäköisesti ole paljon sisältöä. Se on hieno. Olemme joskus houkuttelevia lisäämään runsaasti vuodosta verkkosivustoihimme. Yhden sivun verkkosivustot eivät vaadi kaatamista, koska niiden ainoa tarkoitus on päästä käsiksi. Jos olet suunnittelija, joka laatii salkun, esittele parhaan työn; älä hämmentä keskikokoisia projekteja tai sivusi t-paita -liiketoimintaa.

Kaista verkkosivuillesi kaiken fluffin ja päästä alas asiaan, joka on tärkeätä. Vaikka tämä on hyvä strategia mille tahansa verkkosivustolle, useimmat monisivuiset verkkosivustot voivat päästä eroon pätkistä, koska käyttäjät yleensä tietävät, mistä he haluavat. Yhden hakulaitteen avulla saat yhden kuvan, ja jos tiedot, joita joku etsii, ei ole, menetät ne.


Ei ole kysymys siitä, mitä tämä sähköinen kaupankäynti-sivusto myy.


Tämä portfolio sattuu oikeaan kohtaan. Melko hieno minimalistinen muotoilu.

2. Anna asettelulle hierarkia

Yhden sivun verkkosivuston on tarkoitus näyttää tuotteen tai palvelun samalla, kun säilytetään kävijän painopiste. Jos ajatat yhden sivun verkkosivustoja, joihin olet törmännyt, heillä on luultavasti ainutlaatuinen tarkoitus, näyttävätkö viraston suunnittelutyöt tai vaihtavat kiinnostusta tulevasta tapahtumasta.

Suuri muotoilu ja keskitetyn asettelun avulla voit määrittää sivustosi tarkoituksen. Sinulla, kuten suunnittelija, on valta ohjata kävijän silmät, missä haluat heidät menemään. Ihmiset luonnollisesti huomaavat suuria asioita ensimmäisinä ja pienet asiat viimeinkin, joten käytä sitä etusi vuoksi. Tärkeät asiat eivät saa olla sivun pienimmät tai viimeiset asiat.

Nämä suurten fonttien aloituskohdat ovat tulleet niin suosittuja suunnittelija-salkkuihin, koska ne pääsevät nopeasti ja houkuttelevasti ihmisiin, jotka etsivät suunnittelijaa. Viimeinen asia, jonka luultavasti haluat nähdä, on, minkä koulun he ovat valmistuneet. Mutta haluat tietää, mistä he erikoistuvat ja minkälaista työtä he tekevät.

Jälleen, sinulla on arvokas muutamia mahdollisuuksia saada viestisi koko, joten ota se oikeaan. Jos huomaat, että sinulla on liikaa sisältöä, jotta voit tehdä tämän, harkitse menee monisivuisen verkkosivuston kautta.


Vaikka tällä verkkosivustolla tehdään useita eri kohtia, jopa tässä kuvakaappauksessa, voimme kertoa paljon tärkeimmistä.


Voimme kertoa, mitä tämä yritys tekee, mutta visuaalinen hierarkia voisi olla parempi.

3. Tyhjennä navigointi

Jotkut yhden sivun verkkosivustot ovat staattisia sivuja, joiden navigointi vie kävijän ulkoisille verkkosivustoille. Esimerkiksi muusikolla voi olla verkkosivustollaan navigointivalinta "Videot", jotka vievät sinut YouTube-tiliisi. Ehdottomasti ei ole mitään väärää, ja se jopa tekee asioista helpoksi (varsinkin ei-koodaajille). Ainoa asia on, että kävijöiden pitäisi tietää, kun heitä ohjataan ulkoiselle sivulle.

Jos yhden sivun verkkosivustossa esitellään tuotetta, ja ostoskorisi lähettää asiakkaita ulkoiselle maksusuoritustilalle ilmoittamatta niistä, voit menettää jonkin verran myyntiä.

Sinun tavoitteena on pitää kaikki yksinkertainen. Käyttäjien uudelleenohjaaminen ulkopuolisiin sivustoihin ilman varoitusta voi olla hämmentävää. He voivat olettaa, että linkki on rikki tai väärä. Harkitse kuvakkeiden käyttämistä (runsaasti ilmaisia ​​ovat siellä) tai otsikoita, joiden avulla kävijät tietävät, mihin he ovat menossa.


Tässä on, mitä ei tehdä. Yläosassa olevat linkit vievät sinut sivuston ulkopuolelle ilman varoitusta. Tämä todella heitti minut pois.


Tämän sivuston suunnittelu ja koodaus ovat hyvin epätavallisia. Kuitenkin vihreät piirit erottavat linkit ulkoisiin sivuihin, ja ne on merkitty sellaisenaan.

4. Mene suunnittelu hullu

Nyt pääsemme hauska-osaan: yhden sivun verkkosivuston avulla. Et halua verkkosivujen olevan tylsää tai toistuvaa, joten mene pähkinöihin. Ota muotoilu seuraavalle tasolle ja ajatelkaa laatikon ulkopuolella. Epätodennäköinen muotoilu on hyvä kiinnittää huomiota tuotteeseesi ja tehdä siitä mieleenpainuva.

Yksihakulaitteista on tullut synonyymi suurelle suunnittelulle, koska voit tehdä enemmän isomman kangastasi. Sinun ei ole pakko käyttää samaa taustaa kaikkialla; vaihdat sen osioiden läpi. Yhden sivun verkkosivujen vierittäminen on usein kuin peukalointi lehden tai hyvin kootun diaesityksen kautta. Hyödynnä mahdollisuuksia.

Suunnittele upea, käyttämällä suuria kuvia, jotka ulottuvat koko selainikkunaan tai luodaksesi suuren kuvitetun taustan. Saat bonuspisteitä ja saatat päätyä esiin Web-design-vitriineissa.


Tämä muotoilu on henkeäsalpaava, jotain julistetta. Ja muualla sivustolla ei petä.


Tämän mallin (ja koodin) puhtaus on hämmästyttävä. Se tekee sinusta pysähtyä ja tuijottamaan.

5. Mene koodaus hullu

Paljon kuin suunnittelun kanssa, haluat myös osoittaa koodaustyönne. Yksisivuisten verkkosivustojen oletetaan olevan vuorovaikutuksessa. Käyttäjäkokemus on kriittinen, joten kiinnitä huomiota yksityiskohtiin. Koodi voi ottaa verkkosivustosi seuraavalle tasolle.

Joitakin asioita, joihin on kiinnitettävä huomiota, ovat linkkien värit ja käyttäytyminen (erityisesti hover-valitsin); lomakkeiden ulkoasu ja käyttäytyminen (esimerkiksi lomakkeen sovittaminen suunnitteluun ja AJAX- ja JavaScript-validointityökalujen käyttäminen); lähetys- ja virheilmoitukset (käytetään lomakkeiden ja joidenkin AJAX: n kanssa); sekä sisällön verkko ja sijoittelu (sekä sisällön käyttäytyminen selainikkunassa). Kaikkien näiden pitäisi olla yhdenmukainen suunnittelun kanssa.


Kiva yksinkertainen tapa laittaa koodi työskentelemään yhden sivun verkkosivustolla.


Voin olla puolueellinen, koska pidän temppua, jossa sisältö kulkee vierittämällä, mutta huomiota yksityiskohtiin tässä koodissa on uskomatonta ympäri.

6. Ota se liikkeelle

Sen lisäksi, että koodauksen yksityiskohdat hoidetaan, voit käyttää koodia luomaan sivulle jonkin verran liikkumista ja jännitystä. Jälleen, vältä olla tylsää. Anna sivulle elämän ja liikkeen tunnetta; näytä siltä, ​​että se liikkuu kävijöiden kanssa. Lisää hauskoja animaatioita tai siirtymiä, jotta sivu erottuu.

Kielten, kuten jQueryn ja AJAX: n, on tullut standardi liikkuvuuden luomiselle verkkosivuilla. Joko sisällön haalistuminen eri puolilta tai taustakuvan diaesitys, pitää yleisö sitoutuneena.


Tämä tausta on animaatio. Minulla ei ole aavistustakaan siitä, mistä verkkosivustosta on kyse, mutta se näyttää siistinä.


Tämän sivuston siirtymät ovat erinomaisia. Rakastan tätä!

Mitä muita asioita tarvitaan yhden sivun verkkosivustolle?