Me kaikki tiedämme intuitiivisesti, mikä tekee verkkosivustosta huonoa: ylikuormitettuja viistovaikutuksia, hyvää leikekuvia, ylikuormitettuja asetteluja. Nämä häiriöt voidaan helposti korjata kehittämällä suunnittelun perusteet mielessään - samat periaatteet, joita ammattimaiset suunnittelijat ja taiteilijat käyttävät samanaikaisesti.
Hyvät verkkosivustot yhdistävät muodon ja toiminnan. Itse asiassa hyvin suunnitellut sivustot nähdään uskottavammiksi, kuten a Stanfordin tutkimus ja ne ovat todella helppokäyttöisiä (tutkijan tutkimina Don Norman ). Joten tässä on viisi perusasiat, joiden avulla voit säilyttää laadun suunnittelun harjoittelusi eturintamassa.
Suunnittelukoulussa he antavat sinulle luettelon periaatteista, jotka noudattavat sääntöjä kauneuden elementtejä, kuten asettelua, järjestystä ja symmetriaa. Mutta kun etene eteenpäin, sinun on sitten sanottava rikkoa sääntöjä hieman luomalla paikkoja katsojan silmille katsomalla käyttämällä elementtejä, kuten lajike, jännitys tai kontrasti.
Tässä on esimerkki sivusta Tein Edge Reflow CC: ssä. Voitko havaita eri muotoiluelementtejä, joita sitten käytetään?
Joitakin yleisiä kuvakkeita, joita ihmiset ovat koulutettuja vastaamaan. Suurennuslasia (haku), taloa (kotisivua) ja levykkeitä (tallennustila) liitetään jo käyttäjäisi. Hyödynnä niitä visuaaliset pikavalinnat ; kaikkien näiden tienviittojen pitäisi olla välittömästi tunnistettavissa sinulle.
Väri tekee kaiken eron, varsinkin kun näytöt tulevat paremmiksi puhelimellamme ja tablet-laitteillamme. Se on muotoilu, joka voi olla todella tärkeä osa tarinaa, jonka sivustosi haluaa kertoa. Käytä vain väriä sisällön tukemiseen, älä koristele sivua. Ja usein jos käytät kuvaa, mallin värit tulee ottaa näytteistä käytetyistä valokuvista, joten suunnittelussa on mukava yhtenäinen tunnelma.
Pidän varsin hyvin värivaihtoehtojen vetämisestä värivalaisimilla - ja Adobe Kuler Web-sovellus on loistava tapa pelata eri teemoilla ja tuoda ne sitten suunnittelutyökaluistasi. Yksi parhaista sääntöistä on käyttää ilmaisia värejä. Mikä periaatteessa käyttää lämpimiä värejä ja viileitä värejä yhdessä tasapainottamaan.
Kirjaimellisesti tuhansia fontteja on valittavissa.
Sinun on sekoitettava ja vastattava - mutta muista, että on paras käytäntö käyttää vain kolmea fonttia kerrallaan - hieno otsikkopohjainen fontti, yksi suurimmasta tekstistä, sitten yksi kaikenlaisesta puhelusta, jota voit ehkä käyttää tarve. Usein tämä merkitsee sans-serifin käyttämistä kehon kopioon, ja otsikoihin voi kiinnostaa enemmän joko serifin tai sans-serifin avulla.
Okei, sinulla on perusrakenneelementtejä, jossa on kauniita kuvakkeita ja kuvia, joissa on hyvä värimaailma ja hauskoja kirjasimia. Mitä seuraavaksi?
Apua muilta, tietenkin! Ja ei vain satunnaisia ihmisiä kadulla, vaan rakentava kritiikki ihmisiltä, jotka todella tuntevat tavarat, kuten muut suunnittelijat / kehittäjät. Tämä voi olla tärkeä siirtyä OK-verkkosivustolta, joka todella ponnahtaa. Jos et ole koskaan käyttänyt Behancea työn tekemisessä, suosittelen kokeilemaan sitä. Aktiivinen yhteisö tekee enemmän kuin vain kertoa sinulle "tehdä logo suuremmaksi" - mutta antaa sinulle neuvoja, jotka voivat tehdä eron hyvältä sivustolta ja hyvältä.
Jos haluat sukeltaa syvemmälle siihen, miten voit käyttää suunnittelun elementtejä web-kehitykseen, tutustu esitykseni SXSW: