Tutor.blog

Tutor.Blog je online priručnik na hrvatskom jeziku, za lakše snalaženje u HTML i CSS kodu. Ovdje možete naučiti kako učiniti svoj blog vizualno privlačnim, ali i osnove dizajniranja web stranica koje ne moraju biti nužno vezane uz blog.

Ovaj blog nije povezan sa uredništvom Blog.hr-a, te ne pruža podršku za tehničke probleme.

Besplatni predlošci za blog

Dizajn: Dan prvi - Ideja

Ljudi me pitaju "Kako da sredim svoj blog?" kao da im jednom rečenicom na to mogu odgovoriti. Kad bi barem bilo tako jednostavno! Ili je možda bolje da nije, jer tako oni koji se trude mogu doći do izražaja :) Imajte na umu da sam svoje početke imala sa 15-16 godina kad sam se igrala u Dreamweaveru učeći polako HTML i služenje Photoshopom, Fireworksom i Flashom. Moj prvi "dizajn" bio je zapravo crna pozadina sa sličicama-linkovima u crvenoj boji. (Ista kombinacija boja ostalo je moje prepoznatljivo obilježje dugo vremena) Header je bio obični GIF u dvije boje (crvena i crna) i sve je bilo tako početnički. Tako se počinje. Ne možete se nadati nečemu puno boljem ako niste nikada prije pokušali. Ne mogu vam u kratkim crtama reći kako ćete urediti svoj blog. Nitko vam to ne može reći. Najbolje što vam mogu savjetovati jest da nabavite kvalitetan grafički program i počnite učiti.
Kao odgovor na ovo popularno pitanje, slijedi ciklus Dizajn u tri dana koji će se sastojati od tri posta sa logički odijeljenim cjelinama: idejom, grafičkim dizajnom i kodiranjem.
Slijedi prvi post.


Svaki dizajn počinje sa vizijom u našem umu. Teško da je ikada išta suvislo bilo kreirano bez prethodnog pomnog razmišljanja - ako je dizajn rađen na brzinu, na njemu će se to vidjeti. Možda će oni posjetitelji koji sami nemaju pojma o tome pohvaliti vaš rad, no oni iskusniji neće biti nimalo impresionirani. A vi, pretpostavljam, želite impresionirati svih - zato trebate razmisliti.

Problem sa besplatnim dizajnima koje radim jest taj što ja ne znam tko će ga i za što koristiti - ne mogu imati uvid u sadržaj stranice budućeg korisnika, pa ga radim generalno - pretpostavljam koliko će mu prostora biti potrebno, i u skladu s tim radim. Poneki dizajn radim potpuno drugačije od onog što bi prošlo za moju stranicu, jer postoji toliko različitih ljudi i njihovih potreba. Da bi se taj problem izbjeglo, trebate znati za koga/što dizajnirate. Predvidite širinu najšireg mogućeg elementa na stranici, kako vam poslije ne bi bilo "pretijesno". Najbolje je da dizajn bude poslijednje što radite na stranici, a ne da najprije napišete "Ovo je prvi post. Samo da ovo sredim..." i onda pokušavate sa raznim varijacijama dok ne počne izgledati dobro, pa onda krenete pisati blog. Vidjela sam mnogo blogova koji su tako počeli. Moj blog nije - njegov prvi dizajn bio je onaj sivi predložak koji je toliko običan da ga nitko drugi nije htio. Nakon 5-6 napisanih postova napravila sam ljubičasti dizajn koji je ipak bio malo preuzak, no služio je dobro i dugo. U svojoj suštini bio je isti kao i dosadni sivi predložak, stupac lijevo i desno sadržaj. Što se pak moje osobne stranice tiče, njen sadržaj bio je gotov, zajedno sa svim skriptama, prije nego što sam se posvetila crtanju i kodiranju za koje mi je na kraju trebalo najmanje vremena. Lakše je sve napraviti kad imate pred sobom pripadni sadržaj. Najteži problem koji dizajneri imaju je kad im njihovi klijenti ne daju uzorke sadržaja kojem će dizajn morati biti prilagođen. Vaša osobna stranica, blog, galerija, štogod, ima svoje potrebe i naučite ih poštivati.

Dizajn možemo podijeliti na dva elementa, pozicioniranje i temu. Obično je i moj CSS kod napisan tako da je svo pozicioniranje na početku, a za njim slijede detalji poput fontova, pozadina i slika. Tako razmišljam i o kreiranju dizajna - trudim se da pozicioniranje bude što klasičnije i "očekivano" od strane korisnika da se lako mogu snaći, a da detalji budu što drugačiji od onih viđenih na drugim stranicama. Stoga, kad radite svoj dizajn slobodno se poslužite referencama, učite od onih koji su to umijeće savladali. Nemojte samo kopirati čitav njihov kod i zalijepiti svoje slike jer je to krađa, ali ako negdje zapnete slobodno pogledajte kako je to netko drugi riješio.
Kod teme dozvoljeno je sve i po dozu inspiracije možete otići bilo gdje - promatrajte detalje oko sebe, boje koje ste uočili u prirodi ili vlastitoj sobi, svaka sitnica može poslužiti. Ovaj dio ne može vas nitko naučiti - osjećaj za lijepo ili imate ili nemate u sebi, a eksperimentiranjem se taj osjećaj profinjuje i radit ćete sve manje pogrešaka.

Sad kada znate odakle početi, trk po olovke i papire i crtajte svoj budući dizajn. Ako ispunite 10 papira i mislite da ništa niste postigli, ne obeshrabrujte se. 90% mojih dizajna na papiru završi što u košu za smeće, što u fasciklu sa nedovršenim radovima. Gledajte oko sebe, ako imate fotoaparat slikajte detalje, slušajte glazbu, čitajte, tema će se već pojaviti negdje između.


Slijedi Dan drugi - Grafički dizajn

24.08.2005. @ 03:30

Blog je neaktivan i nije ga moguće komentirati. Obrazloženje

Nela Dunato Art & Design

Još niste uspjeli naći baš ono što vam treba? Pretražite cijeli Tutor.Blog:

Google

Informacije, razno

Tekstovi, slike i izvorni kod: nelchee


Nela Dunato art & Design
Moj design portfolio


In obscuro
Besplatni predlošci za web stranice


Cwtam - sketchblog
moj sketchblog




Prati me na Twitteru


Ako želite na svoj blog dodati link do Tutor.blog-a, kopirajte kod iz textbox-a (Desni klik --> Select All --> Copy) na mjesto gdje želite da se link pojavi. Hvala! :D


Tutor.Blog


HTML i CSS tutoriali


HTML i CSS tutoriali

Sadržaj ovog bloga je autorski rad. © 2005-2007 Nela Dunato
Login
Google

Blog.hr koristi kolačiće za pružanje boljeg korisničkog iskustva. Postavke kolačića mogu se kontrolirati i konfigurirati u vašem web pregledniku. Više o kolačićima možete pročitati ovdje. Nastavkom pregleda web stranice Blog.hr slažete se s korištenjem kolačića. Za nastavak pregleda i korištenja web stranice Blog.hr kliknite na gumb "Slažem se".Slažem se