Graafinen suunnittelu

Opiskelen parhaillaan omatoimisesti WWW-sivujen tekemistä, suurin vaikeus on sivujen graafinen suunnittelu (layout, värit, kuvat jne), en millään saa sivuista n.s tyylikkään näköisiä.

Luontainen graafinen silmäni on todella huono, siksi kysyisinkin onko olemassa mitään *hyviä*
pelkästään graafista suunnittelua käsittelevää kirjaa aloittelijalle? Ei niinkään sitä teknistä puolta vaan graafinen suunnittelu yleisluontoisesti.

Myös muut vihjeet nettisivujen graafisen yleisilmeen parantamisesta nettisivuissa otetaan kiitollisuudella vastaan.

Jotenkin tuntuu siltä että tämä tekninen puoli (html, css, javascript, php , photoshop jne) on opeteltavissa, mutta jos on huono graafinen silmä niin tyylikkäiden sivujen suunnittelu tuntuu tuskaisen mahdottomalta...

Temek
7971
Äänestä

Muut lukivat myös

Vastaukset 7

Vanhimmat

Itse olen optellut tutkimalla sivujen CSS eli tyylititedostoja ja muutenkin tsekannut koodist amiten sivut on tehty.

Visaalista ilmettä voi myös matkia, mutta soveltaa siihen kuitenkkin omaansa. yhteensopivia värejä löytää esim. kuuluista maalauksista.

pyörää ei siis tarvitse keksiä itse, mutta jonkinlaisia ominaisuukia suunnittelijaltakin vaaditaan.

Kannattaa miettiä, mikä on se omin ala ja alkaa kehittääs sitä puolta.

Äänestä

Varmasti löydät netistä neuvoja, tässä joitakin:

1. Luettavuus on kaiken alku ja loppu. Älä käytä mustaa taustaa ja punaista tekstiä, vaan riittävä kontrasti (esim. musta-valkoinen)

2. Vältä kirkkaita värejä muuta kuin hyvin pienissä kohteissa (esim viiva). Parempi on käyttää kauttaltaan haaleita värejä. Taustavärejä käytetään silloin kun niillä on joku tarkoitus, ei muuten.

3. Vältä "idiottimaisia" värejä kuten violettiä vihreä oranssia ruskea jne. Tuovat ohkennusta mieleen. Pukeutumiseessa ei koskaan yhdistetä ruudullista ja raidallista. Eikä käytetä valkosia sukkia ja tennistossuja frakin kanssa. Tyylitajua pitää olla, katsele sivujasi ja ajattele: "Ovatko nämä lapsellisia?"

4. Sivulla täytyy olla tietty tasapaino "tyhjän" ja sisällön välillä. Liian täyteen ahdettu sivu on hankalasti luettavissa. Tulosta sivu, käännä se ylösalaisin, miltä se näyttää?

5. Älä laita sivuille "paskaa". Animaatiot, äänet, marquet eivät tuo lisätietoa, häiritsevät ainoastaan! Jos käytät jotain taustakuvaa, haalenna se ensin reippaasti! Jos käytät kuvia, mieti niiden tarpeellisuutta ensin, pienennä niitä sen jälkeen niin pieniksi että informaatioarvo ei kärsi. Sivuston AINOA tarkoitus on välittää informaatiota, ei mitään muuta! Kukaan ei ole kiinnostunut kissasi nimestä tms.

6. Suunnittele sivut siten että niillä on helppo liikkua (siis normaali loogisesti ajatteleva ihminen). Sivut eivät saa olla liian pitkiä. Tämä on hyvin tärkeää! Korosta se mitä pitää korostaa, ei muuta, jos huutomerkkiä käytetään liian usein se menettää merkityksensä!!!!!!!!!

7. Yhdenmukaisuus. Sivut pitää muistuttaa toisiaan. Sama väriskala, samat fontit, sama rakenne. CSS auttaa tähän ongelmaan.

8. Sisältö. Sivujen tekninen toteutus ei ole vaikeaa. Tyylikäs toteutus on vaikeampaa, noudattamalla em. ohjeita sekin onnistuu. Järkevä rakenne on vaikein osa, edellyttää usein että tuntee alan josta tekee sivut hyvin.

9. Tästä ei tullut 10 käskyä. Lopuksi lisään, että se mitä on tietokoneteknisesti hauskaa ja haastaavaa, harvemmin on se mitä kävijä arvostaa. Jäitä hattuun!

10. Käy eri sivuilla. Kirjoita muistiin mitkä asiat arvostit eri sivuilla ja myös mitä koit negatiiviseksi. Kohta sinulla on oma tyyliopas!

(tulihan tästä 10 käskyä!)

Äänestä
  • ...anjuli&pukeutumista.

    Juuri tällaisia "vihjemäisiä" neuvoja etsin, jolla voin vähitellen parantaa sivujen graafista yleisilmettä. Tämäntyyppisen "kirjan" kun jostain löytäisi.


    Temek

    Äänestä

Jätä sitten layout-osasto mieluummin sen taitaville ja keskity omaan alaasi, oli se sitten koodaus tai joku muu paitsi ulkoasusuunnittelu.

Teet vain hallaa itsellesi jos totut siihen että matkit ja väännät aina toisten jutuista.
Jos joskus saat jonkun ison projektin eteesi, olet kusessa.

Äänestä
  • Toi pitää paikkansa, mä huomaan koko ajan kopioivani paloja sieltä, paloja täältä (eri sivuistoista, Web Template saiteilta jne..).

    Vaikuttaa myös siltä että tällainen lähtökohta on tuhoon tuomittu, jos esim. yritän luoda tyhjästä tietyn firman "näköisen" sivuston (kokeilin tehdä layoutrungon Viking Linelle katsomatta niiden sivuja etukäteen) --- tulos on lievästi sanottuna surkea.

    Tässä on vain se ongelma että haluaisin tulevaisuudessa (ehkä n. 1 1/2 vuoden päästä) tehdä nettisivuja oman toiminimen alla *yksin* alusta loppuun. Tällä hetkellä se haave näyttää tyrehtyvän juuri graafiseen layoutin suunnitteluun...tekniseen toteutukseen liittyvä opiskelu etenee ihan suht ok.

    Temek

    Äänestä

  • Temek kirjoitti:

    Toi pitää paikkansa, mä huomaan koko ajan kopioivani paloja sieltä, paloja täältä (eri sivuistoista, Web Template saiteilta jne..).

    Vaikuttaa myös siltä että tällainen lähtökohta on tuhoon tuomittu, jos esim. yritän luoda tyhjästä tietyn firman "näköisen" sivuston (kokeilin tehdä layoutrungon Viking Linelle katsomatta niiden sivuja etukäteen) --- tulos on lievästi sanottuna surkea.

    Tässä on vain se ongelma että haluaisin tulevaisuudessa (ehkä n. 1 1/2 vuoden päästä) tehdä nettisivuja oman toiminimen alla *yksin* alusta loppuun. Tällä hetkellä se haave näyttää tyrehtyvän juuri graafiseen layoutin suunnitteluun...tekniseen toteutukseen liittyvä opiskelu etenee ihan suht ok.

    Temek

    Eli en minäkään hallitse suunnittelupuolta, tekniikan kylläkin. Onneksi olen päässyt töihin yritykseen, jossa hoidan tekniikan ja muut kertovat mitä haluavat, toteutan sen vain. En osaisi suunnitella, siihen tarvitaan synnynnäistä luovuutta. Valitettavasti.

    Äänestä

Kommentoi aloitusta


Temek kirjoitti:

Opiskelen parhaillaan omatoimisesti WWW-sivujen tekemistä, suurin vaikeus on sivujen graafinen suunnittelu (layout, värit, kuvat jne), en millään saa sivuista n.s tyylikkään näköisiä.

Luontainen graafinen silmäni on todella huono, siksi kysyisinkin onko olemassa mitään *hyviä*
pelkästään graafista suunnittelua käsittelevää kirjaa aloittelijalle? Ei niinkään sitä teknistä puolta vaan graafinen suunnittelu yleisluontoisesti.

Myös muut vihjeet nettisivujen graafisen yleisilmeen parantamisesta nettisivuissa otetaan kiitollisuudella vastaan.

Jotenkin tuntuu siltä että tämä tekninen puoli (html, css, javascript, php , photoshop jne) on opeteltavissa, mutta jos on huono graafinen silmä niin tyylikkäiden sivujen suunnittelu tuntuu tuskaisen mahdottomalta...

Temek

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu