Hyvät verkkosivustot näyttävät aina yhdistävän suuren suunnittelun hienolla koodilla. Koska verkkosivuston rakentaminen on melko yksinkertainen tehtävä löydät monia ihmisiä oppimaan HTML ja CSS ja luku, jos he voivat oppia, että sitten he voivat suunnitella mitä tahansa verkkosivustoa he haluavat. Teknisesti he voivat usein huomata, että on olemassa joitain keskeisiä virheitä, koska he eivät halua ottaa aikaa oppia suunnittelusta.
Ohjelmoijat ovat suunnittelijoita omissa oikeuksissakin, mutta ne suunnittelevat koodia ja kauniita arkkitehtonisia järjestelmiä. Suunnittelemalla jotain visuaalista on täysin erilainen ja vain siksi, että sinulla on hyvä silmä muotoiluun, ei tarkoita sitä, että sinulla on hyvä mieli soveltaa sitä.
Koska niin monilla ohjelmoijilla on henkilökohtaisia projekteja, jotka yleensä edellyttävät, että heidän on luotava omat verkkosivustot. Jos olet freelance-koodaaja, yksi suurimmista mahdollisuuksista on tietää koko web-kehitysprosessi alusta loppuun, ja tämä sisältää suunnittelun.
Tässä on kahdeksan virheitä, joita näen usein kehittäjät tekevän suunnittelua verkkosivustossa.
Silmää voi olla vaikea erottaa suunnittelusta ja muotoilusta. Se on hyvin samanlainen kuin ihmiset, jotka voivat katsoa muotia ja kertoa sinulle, mikä näyttää hyvältä, mutta ei voi itse pukeutua samalla tavoin.
Suuri muotoilija tietää vain, mikä on hyvä muotoilu. He tietävät, mitä toimii ja mikä ei toimi monta kertaa, ennen kuin he jopa noutavat kynän tai avaavat Photoshopin. Usein näin on, koska he ovat kuluneet vuosien ajan kaatamalla eri malleja ja kokeilla itse malleja. Aivan kuten kukaan taiteilija ei voi noutaa kynää ja tehdä jotain suurta ensimmäistä kertaa, ei kehittäjän pitäisi uskoa, että he voivat koputtaa ensimmäisen muotoilunsa aivan puistosta.
Samalla tavoin kuin ohjelmoija voisi tutkia toisen henkilön koodia, kuka tahansa voi opiskella mallia ja alkaa ymmärtää, miksi se toimii.
Katsomassa kaunista Punchfork voit nähdä, mikä tekee suunnittelusta niin hieno.
Suunnittelussa on monia muita osia, jotka tekevät siitä niin hienoa. Kun kohtaat haluamasi mallin, ota aikaa tutkia yksittäisiä elementtejä, mutta tunnista myös, miten ne sopivat yhteen. Suunnittelun yksi suuri elementti ei anna koko mallia hyvälle.
Värin valinta voi olla kipu. Vihaan ottaa värejä, koska on niin paljon valita. Jostain syystä useimmat kehittäjät pyrkivät pysymään sinisellä ja valkoisella paletilla. Ehkä siksi, että sitä käytetään kaikkialla tai ne ovat selainasetuksia, mutta suuri muotoilu voi sisältää värejä. Onneksi meille värikkäästi haasteellisia ihmisiä on paljon työkaluja, jotka auttavat meitä yhdistämään hienoja väriyhdistelmiä.
COLOURlovers on loistava yhteisö, jossa ihmiset luovat suosikkien väripalettejaan ja jakavat ne. Voit selata, tallentaa ja äänestää suosikkilistoille ja väreille. Useamman kuin kerran olen kääntynyt COLOURloversin kanssa käymään läpi ja pelastamaan päivä värivalikoimalla.
Värivaihtoehtoja valitsemalla varmista, että se sopii sivustosi ja sen sisällön tunnelmaan. Älä valitse palettia yksinkertaisesti siksi, että rakastat sitä. Oranssi ja musta eivät välttämättä ole parhaita värejä esimerkiksi rakkauden käsitteen ympärille.
Harvoin sinun tulee käyttää enemmän kuin 3-4 eri väriä ja jos päätät, sinun on perusteltava valintasi.
Se voi olla hyvin houkuttelevaa keskittää otsikko. Se näyttää hyvältä sanomalehdissä, mutta harvoin se toimii hyvin verkossa, ellei kaikki ole keskitetty. Tiedämme, että vasemmanpuoleinen teksti näyttää ammattimaiselta ja toimii luonnollisella silmänvirtauksella, joten miksi mennä ulkopuolelle linjat?
Keskitetty tekstiä käytetään parhaiten otsikoihin ja lyhyisiin tekstiriviin. Käyttäjät voivat lukea niitä helposti, koska linjat ovat lyhyitä, skannaavia ja eivät tarvitse toistuvia silmänliikkeitä. Keskitetty teksti voi myös antaa ulkoasulle esteettisen ilmeen sen symmetrisessä muodossa. Tämä toimii tekstissä, joka kulkee keskitetyillä kuvilla. Jos kuvat ovat vasempaan tai oikeaan suuntaan, sinun on kohdistettava tekstisi vasempaan suuntaan, jotta se pysyisi yhdenmukaisena ulkoasun kanssa.
Keskitetyt otsikot toimivat sanomalehdissä, koska teksti on hajotettu sarakkeisiin, joten otsikko kulkee koko tarinan. Jos käsittelät vain yhtä sarakkeen tekstiä, kannattaa pitää vasemmanpuoleisessa otsikossa.
Kun et ole upotettu typografian maailmaan, Arial näyttää Helveticalta ja Georgia muistuttaa Times New Romania. Tiedät, että siellä on muita fontteja, kuten Comic Sans, mutta et näe, kuinka tärkeää on maksaa fontti, kun voit helposti käyttää mitä on käytettävissäsi.
Resursseilla kuten Typekit vaikka fonttien valinta on tullut epämääräiseksi samanlaiseksi kuin värivalinta. Se voi kestää useita päiviä tutkimusta löytää oikea yhdistelmä, kun olisit voinut helposti käyttää peruskirjasin ja lopettaa loput.
Älä lähde yli kirjoitusfontteja. Kuten värit, rajoitettu valinta toimii usein parhaiten. Fontteja käytettäessä yksi tai kaksi eri fonttia voi olla runsaasti kauniin muotoilun aikaansaamiseksi. Muista, että voit tehdä paljon erilaisia asioita fonttien kanssa. Voit kursiivilla niitä, rohkaista niitä, korostaa niitä, suurentaa niitä tai pienentää niitä.
Kun olet kehittäjä, sitä enemmän sivuilla saatua tietoa paremmin. Kun koodin haluan tehdä niin useita näyttöjä, koska se sallii minun saada kaiken oikein edessäni. Valitettavasti tämä ei toimi suunnittelussa. Sinun ei pitäisi siepata niin paljon tietoa tiukassa tilassa, kuin mielestänne sopii, koska muotoilu muuttuu toiminnalliseksi.
Silmä voi kerätä vain niin paljon tietoa kerrallaan, ja jos useimpien mallien tarkoitus on saada tehtävä päätökseen, sen piilottaminen miljoonien muiden tietojen sisälle ei auta auttamaan.
Vaikka kiireiset sivustot voivat olla tehokkaita, useampia kertoja kuin ei, ne eivät ole. Valkoinen tila olisi paras ystäväsi. Tarvitset tyhjiä osia suunnittelussa, jotta painotat suunnittelun osia, jotka ovat tärkeitä.
Me kaikki tiedämme sen loistavan tunteen, että luodaan jotain ja näemme sen todellisessa maailmassa. Koska olemme luoneet sen, sen taustalla on taipumus, joka tekee meistä ajattelemaan, että se on parempi kuin se todellisuudessa on. Sinun on saatava muiden mielipiteet tietää, onko muotoilu tehokas ja jos ei ole, voit löytää keinoja parantaa sitä. Sen sijaan kehittäjät kokevat, että heidän ei tarvitse kysyä muiden mielipidettä, koska he tietävät, miten heidän suunnitelmansa toimivat, joten on järkevää heille.
Löydät myös, että kun ihmiset pyytävät suunnittelua, he eivät pyydä kritiikkiä vaan hyväksyntää. He haluavat perustellusti tekemistään päätöksistä, ja tämä ei ole oikea lähestymistapa. Kysymysten esittäminen todella auttaa löytämään hyödyllisyyskysymyksiä, joita et ehkä ole aiemmin olleet tietoisia. Usein sinä niin jumissa omassa suunnittelussa, että kaikella on järkevää sinulle, mutta uudelle henkilölle malli saattaa olla monimutkaisempi kuin Rubiks Cube.
Suurilla malleilla voi olla vaikea havaita pieniä yksityiskohtia, jotka todella tekevät siitä. Ne saattavat olla niin hienovaraisia, että rento tarkkailija näyttää ohitse ja jatkaa. Kehittäjälle pienet yksityiskohdat saattavat olla ajanhukkaa, koska he eivät ymmärrä kokonaisvaikutusta, jolla pudotus varjolla voi olla elementtiin.
Pienet yksityiskohdat vaikuttavat pelkästään tietyn elementin suunnitteluun, mutta kun ne kaikki tulevat yhteen, sinulla on upea muotoilu, joka virtaa. Sivustoja, kuten Dribbble paljastaa kuinka hieno pienet yksityiskohdat voivat toimia suuremmassa suunnittelussa. Kuitenkin, jos et ole suunnittelija kauppa, keskittyen liikaa yksityiskohtiin saattaa hidastaa prosessia enemmän kuin haluat. Tämä ei kuitenkaan tarkoita sitä, että sinun ei pitäisi olla tietoinen siitä, miten yksityiskohdat voivat vaikuttaa suunnitteluun.
Mitä muita yleisiä virheitä kehittäjät tekevät suunniteltaessa? Jaa kommentit!