Vinkkejä graafiseen suunnitteluun

Kysymys: Nyt jos lähdetään perusasioista ja virstanpylväistä liikkeelle, niin mitkä tekijät tämän portaalin yhteisö näkee keskeisinä onnistuneessa www-sivun grafiikan luomisessa ja nyt siis tarkoittaisin pääkohtien luonnehdintaa esim. tyyliin
- opi hahmottamaan miten templatet yleensä rakennetaan esim. katso niitä DreamWieverin avulla
- kuvankäsittely / image slicing
- softavinkkejä; Photoshop? DreamWiever...muuta

Vastaus: Itse graafinen suunnitteluhan on tekijästä kiinni, joillekkin se vain natsaa ja joillekkin ei. Hyvä tapa aloittaa ulkoasun suunnittelu on avata nettiselain ja lähteä selaamaan vaikkapa rekaksois.com osoitteen tarjoamaa liukuhihnaa tai jos luonnollisesti tiedät millaista sivuston sisältö on niin googlettamaan vaan kilpailijoita :)

Sitten voitkin hiukan tarkastella millaisiin ratkaisuihin muut ovat päätyneet ja miten sinä tekisit asiat toisin. Sitten voidaankin siirtyä photoshopin (suosittelen softaa) tai paint shop pron (en oikein tykkää) pariin.

Photohopissa itse aloitan headerin tekemisellä, jonka jälkeen siirryn suunnittelemaan navigoinnin ulkoasua. Koska joomla/mambo ympäristössä navigointi yleensä toteutetaan cssän avulla, eikä esim. kuvakarttana templatessa on hyvä kikka tehdä navigointi valmiiksi käyttämällä esimerkiksi jotain valmista css menu generatoria, google auttaa tässäkin ongelmassa :) Itse yleensä teen menun generatorilla, otan kuvankaappauksen valmiista menusta ja liitän sen sitten designiin.

Ulkoasua suunnitelessa kannattaa pitää mielessä että valmis design pitäisi saada leikattua suorakulmion muotoisiin paloihin, se helpottaa kummasti kun ulkoasua ruvetaan tekemään htmläksii ja sitäkautta mambo tai joomla templateksi.

Ulkoasun suunnittelussa ja ideoiden saamisessa auttaa tällä kertaa
good-tutorials.com. Ko. saitilta löytyy paljon hyviä ideoita ja ohjeita.

Sitten päästäänkin siihen ulkoasun leikkaamiseen ja html koostamiseen. Ulkoasun leikkaamisesta löytyy tuoltagood-tutorials.com ista ohjeita.

Seuraavaksi siihen htmlään. Suosittelen käytettäväksi
Macromedia Dreamweaver nimistä softaa. Voisin sanoa etten valehtele sanaakaan jos sanon että kyseinen ohjelma on parasta mitä voi kyseiseen työskentelyyn olla. Dreamweaverin käyttö on kohtuu helppoa ja ohjelman perusasiat oppii aika nopeasti. Pienimuotoinen ohje mambon tempaten teosta löytyy täältä. Kyseiseltä sivulta sinun tulee ladata lisäpalikka dreamweaveriin helpottaaksesi templaten tekoa, ohjeet lisäpalikan asentamiseen ja käyttöön löytyy edellisen linkin takaa.

Samasta osoitteesta löydät ohjeet siis templaten tekoon, lisäpalikan asennukseen ja templaten asentamiseen.

Sitten vielä muutamia hyödyllisiä linkkejä.
google on kaveri
Webmaailma.com, nykyään aika hiljainen keskustelufoorumi josta löytyy kohtuullisesti tavaraa kotisivujen teosta
Css zen garden, asiaa CSS tyylitiedostoista
W3schools, paljon tutoriaaleja web suunnitteluun liittyen
Google kertoo väriopista, värioppi on tärkeää sivuja suunnitellessa

Lisäilen lisää linkkejä kun mieleen tulee.
Muista myös tutkia muitten tekemiä ilmais templateja, niistä oppii yleensä jotain uutta ja saa uusia ideoita sivustojen toteuttamiseen, miksi keksiä pyörää uudestaan? Suosittelen myöäs good-tutorials.comin selaamista, sieltä saa hyviä ideoita ja suurin osa tutoriaaleista opettaa aina jotain uutta.