Hei! Minulle hyvännäköisten, persoonallisten ja tyylikkäiden sivujen tekeminen on vaikeaa. Kun keksin mielestani hyvät värit ja layoutin, niin sitten kun toteutan sivun, se onkin ihan typerän näköinen. Tekniikat mulla on suht hyvin hallussa (xhtml, css, php). Photoshoppia pitäisi varmaan treenailla...
Tietääko kukaan hyvia sivuja netissa joissa olisi jonkinlaisia ohjeita miellyttävän näköisten sivujen tekemiseen? Tai vaihtoehtoisesti mitkä teidän mielestänne ovat hienoja sivuja?
Sanokaa mitä sanotte, minusta ammuu.com on toooosi ihastuttava :) Haluaisin oppia tekemaan sellaisia hauskannakoisia sivuja.
Tietääko kukaan hyvia sivuja netissa joissa olisi jonkinlaisia ohjeita miellyttävän näköisten sivujen tekemiseen? Tai vaihtoehtoisesti mitkä teidän mielestänne ovat hienoja sivuja?
Sanokaa mitä sanotte, minusta ammuu.com on toooosi ihastuttava :) Haluaisin oppia tekemaan sellaisia hauskannakoisia sivuja.
Vastaukset 9
Vanhimmat
Hyvästä ulkoasusta voi olla montaa mieltä. Siksi on vaikea kertoa ohjeita hyvän sivun tekemiseen.
Muutama perusperiaate on silti hyvä olla hallussa.
1. Panosta toimivuuteen ja yksinkertaiseen rakenteeseen. Älä laita sivuille mitään javascript-hörhelöitä vaan toteuta ulkoasu yksinkertaisella css-koodauksella.
2. Käytä mieluummin tummaa tekstiä vaalealla pohjalla kuin päinvastoin. Tai jos välttämättä haluat tumman taustan, sen ei saa olla ainakaan musta. Älä käytä kirkkaita värejä (esim. punaista), vaan himmeitä pastellivärejä.
3. Jos tuo ammuu.com on mielestäsi ihastuttava, niin olen hieman toista mieltä. Vihreä värimaailma on juuri ja juuri hyvä, vähänkin kirkkaampi vihreä niin sivu olisi pilalla. Rakenteesta et maininnut mitään, mutta tuo etusivu on aika hankala. Lisäksi sivuilla on vielä käytetty turhaan javascriptiä, mikä ei onneksi kuitenkaan pilaa sivua kokonaan.
Eli lyhyesti: Tee ulkoasusta hillitty, eli käytä mitä tahansa värejä, kunhan ne vain ovat riittävän haaleita. Varoitan kuitenkin, että panosta rakenteeseen, älä ulkoasuun!
No joo, koulutuksessani on painotettu ihan hirvittavästi saavutettavuutta ja käytettävyyttä, joten validit, selkeät sivut ovat minulle itsestäänselvyys. Mutta siinä se ongelma onkin, kukaan ei koskaan ole kertonut graafisesta suunnittelusta mitään, kun aina vain on puhuttu rakenteesta, käytettävyydestä ja saavutettavuudesta!!! Haluaisinkin oppia tekemään taiteellisia, miellyttäviä ja persoonallisia sivuja, ei se tarkoita, että laittaisin punaista tekstia vihreällä pohjalla. Enkä ole tutkinut ammuun rakennetta, minua vain mielyttää sivuen pirteä ulkonäkö, kun suurin osa sivuista on ihan todella tylsiä!
http://www.colormatch.dk/ Tämän avulla valitset värit sivuillesi. (ei toimi firefoxilla, kokeile exploreria) Eli sivujen graafisessa suunnittelu yksi perussääntö on olla käyttämättä liian useita ja toisistaan poikkeavia värejä. Esimerkiksi pari perusväriä ja sitten niiden eri sävyjä on hyvä käyttää. Sivuista tulee tällöin rauhalliset. Eräs virhe on se että käytetään vain yhtä väriä ja sen eri sävyjä. Sivu ei tällöin kyllä pomppaa heti silmille, mutta muuten se on tylsä. Perusvärien lisäksi voi käyttää harmaata, mustaa ja valkoista.
Käytä kuvia harkitusti. Tämä ei tarkoita että niitä ei saisi käyttää, vaan sitä että on mietitty miten katsoja näkee sen ja että se sopii sivuille.
Usein kuvat osana sivujen ulkoasua saavat sivut näyttämään ammattimaisilta ja tyylikkäiltä, kunhan niitä on hieman muokkailtu.
Onhan tuo ammuu ihan pirteän näköinen. Jos vain nopeasti vilasee. Mutta 5 sekunnissa löytyy pahaakin; linkeistä on hooverit tapettu, teksti on liian pientä...
Itse kysymykseen. Itse alkuaikoina tein näin: kun näin jossain hienon lauoutin, niin tallensin sivun koneelleni kaikkine ccs:ineen, ja muokkailin siitä sitten oman sivuni. Nykyisin tulee useinmiten väkerreltyä itse layout, mutta ei niistä kauhean tyylikkäitä saa. Vaikka on teknistä osaamimista, niin taiteellinen silmä on sokea. Eli joiltakin tyylikkäät sivut syntyvät luonnostaan, toiset saavat niitä aikaan vain kopioimalla (kuten minä).
Itseltäni taas piirtäminen sujuu kohtuullisesti, kun taas tämä muu tekeminen on heikolla pohjalla.
Neuvoksi voisin antaa, että katsele ihmeessä muiden sivuja! Jos löydät jostain hienon ulkoasun, niin ota vaan raa'asti mallia siitä. Kopioimaan ei kuitenkaan kannata lähteä.
Tekemällä oppii, eikä kannata heti heittää hanskoja tiskiin, jos ei onnistu.
Toiset osaavat yhtä ja toiset toista. Harva osaa tehdä kunnolla kaikkea: html:ää, palvelinohjelmointia, ulkoasuja (sekä teknisesti toimivasti että hyvällä silmällä) ja sisältöä. Siksipä html:n vääntäjien kannattaa tehdä sivut täysin irrallisiksi ulkoasusta. Näin voidaan tehdä toiminnallisuus kuntoon ja laittaa vaikka eri tyyppi tekemään ulkoasu. Tai jos hallitsee molemmat, niin ei ulkoasunteossa tarvitse mennä sotkemaan muuta koodia (ja vaarantaa siinä sivussa sivujen kunnollinen toiminta ainakin väliaikaisesti).
Kaikkea kannattaa kuitenkin opetella edes auttavasti, silloin on helpompi miettiä miten oma tekeminen vaikuttaa toisten tekemiseen (tai omaan myöhempään toisen asian tekoon).
Esimerkki ulkoasusuunnittelijoille vapaat kädet antavasta koodauksesta on vaikka css-zengarden ( http://www.csszengarden.com/ ).
Moikka!
En ole mikään sivujen teko virtuoosi, jotain aina välistä kyhäilen kuitenkin, olisko tää jotain erilaista www.purkkiorjat.net
Suosittelen luottamaan omaan persoonaasi.
Vinkkejä voi aina etsiä muilta sivuilta, mutta
kyllä hienoimmat sivut syntyy aina omasta päästä.
Ei kaikkien tarvi olla samasta puusta veistettyjä!
Tsemppiä ideoimiseen!