Pomoč pri dizajnu

Tretnutno ustvarjam neko X stran s pomočjo CSSja in seveda XHTMLja - ki bi jo potem obogatil z PHPjem in bazo... Ampak najprej je treba narediti nek osnoven dizajn in tukaj se obračam na vas. Zanima me kaj si mislite o tem:



Predvsem me zanimajo kaj menite o postaviti elementov in barvah. ŠE bolj pa me zanimajo predlogi za izboljšanje. Stvar sicer kasneje pride še malo okrašena...

Postavitev je staromodna, vprašljiva na večjih resolucijah. Barve krneki.

Skratka - obup!

p.s.: večina "prvih" izdelkov praktično vseh dizajnerjev je primerljiva temule. Ampak je treba tkole začet in narest ene par katastrof, potem pa mrbit počas prilezeš nekam.

p.p.s.: nismo in ne zmoremo biti vsi dizajnerji. Recimo jest. Zato design raje prepuščam tistim, ki imajo boljše oko, in se posvečam stvarem, ji jih obvladam. Biti geek ali programer še ne pomeni biti sposoben za oblikovalca.

ja simpl je popularno, saj bolj postaja popularna vsebina kot pa sam design, mora biti zelo pregledno

drugače pa zelena, modra in rumena nikakor ne grejo na črno podlago oz sploh ne pašejo skupaj na kakršnokoli podlago... raje uporabi eno barvo in potem različne odtenke...

Hmm kot sem prej rekel imam še enkaj idej - tole je skorajda kopija OSX finderja samo, da je glava višja.



Namesto bele bi potem lahko v sredino dodal pe nekaj malo bolj prijaznega očem, dodal padding po potrebi....

Designa se nikoli ne dela direktno v htmlju. Najprej naredi design v namenskem programu (photoshopu/illustratorju/...) in nato kodiraj. Tako boš imel narejeno veliko hitreje in veliko več kontrole nad postavitvami.

Hmm še nekaj me zanima - obstaja kje kak link z kakimi dobrimi nasveti/tutoriali kako narediti nek web design, ki ne izgleda kot, da bi padel iz smeti? Nekaj takega kar ljudje radi gledajo - bolj za kako stran z tehnološko usmerjeno vsebino (to bi najbrž pomenilo bolj temno stran).

Za začetek pusti strani da diha - tekst je preveč nagneten skupaj in sploh ga je preveč še posebaj če je to prva stran.

Izbira barv pri prvi predlogi je obupna, druga je že precej boljša...kar tako naprej.

Če misliš imeti veliko teksta na strani določi fiksno širino strani,tekst pa daj v kolone široke maksimalno 300-400px (lažje in hitreje se bere)

Uporabljaj slike - slika pove več kot tisoč besed in če jih boš dobro postavil po strani, bodo ljudje tudi prebrali vsebino.

Predloga je zelo monotona pogrešam razgibanost, tudi če bo to portal namenjen tehnološkim zadevam. Lahko za primer vzameš že ta post ki ga sedajle bereš ( moj nick - večja in boldana pisava, datum - siva barva ga potisne malenkost v ozadje, tekst mojega sporočila - jasna črna pisava na svetli podlagi da se lažje bere...) Že z samim tekstom lahko precej razgibaš stran, vendar ne pretiravaj, ker črta med razgibanim in nakičenim je precej tanka.

Tudi vzemi v obzir da so straši spletne strani tiskani mediji. Vzemi v roke eno revijo, kaj te na njej pritegne, zakaj si začel brati ravno tisti članek, kako so postavljeni elementi članka (naslov,podnaslov,postavitev slik, velikost slik, tekst, širina kolone teksta...) . Grafična postavitev spletne strani ni bistveno drugačna, ampak ni pa popolnoa ista (format pri spletni strani za začetek je monitor, spletno stran se že samo zaradi monitorja težje bere - oči se hitreje utrudijo...)

itd...

PS:
Pojdi v knjižnjico in si vzemi kakšno knjigo ki govori o kompoziciji, barvah, osnovah risanja in fotografiranja (zlati rez itd...). To so nekakšne osnove ki jih moraš imeti, oziroma so zelo koristne če želiš postati dober oblikovalec.

Sedaj že nekaj časa obdelujem tisti drugi dizajn in vse bolj se mi dozdeva, da ni ravno primeren za take vrste portal - namreč na fiksni resoluciji (doakj nizki) je OK, ko pa stva vidiš v polni resoluciji je pa obup. Problem je, da nikjer ne najdem nekega zanimivega predloga kako naj bi neka tehnološko usmerjena stran izgledala. Nekaj ne preveč načičkanega vendar ne preveč dolgočasnega - tudi preveč raztegnjeno ne sme biti. Razmišljam, da bi lahko naredil preprosto tri resolucije in meni kjer bi si uproabnik sam izbral željeno velikost.

Em, lahko se bi reklo da nimaš lih uča za barve :) Drugače pa zanimiv pristop

T-Majo: Sem te dodal.

Drugače pa se mi barve pri tej zadnji ne zdijo ravno napačne. Res pa je, da nisem kaki oblikovalec tako, da ne morem povedati ali je to OK ali ne. Zato raje vprašam tukaj preden se stvari lotim.

Še enkrat kaj?

Tisti OK je bil tam samo za preiszus - to ni niti na pol končano.

še enkrat od začetka začni sem mislil. tale zadnji ni nič kaj boljši kakor prejšnji.

Nihče ni rekel, da jih ne bom!

Trenutno poizkušam narediti nekaj kar bi ustrezalo vašim željam - oziroma željam obiskovalcev te strani.

Kot sem že povedal - na nekaj podobnega kot slo-tech. Torej predvsem računalništvo in tehnlogoijo. Morda malenkost več poudarka tudi na tematiko igrlanih konzol (čeprav ne preveč).

Še enkrat jaz s svojimi glupimi predlogi. Tokrat sem si izmislil nekaj takega:

Tisto modero na levi in desni strani slike je glavno ozadje. Stran bi bila postavljena na sredini, glava pa bi bila čez 100%. Kot že stokrat je to nahitro spackan dizajn - brez poravnav, obrob, logotipov... Seveda bi bila pisava črne barve, naslovi novic odebeljeni, dodana kaka črta kje...

Tole je "če bo ploščato bo lopata, če bo špičasto pa vile" princip. Imho ne moreš ljudem kazat parih kvadratkov, povrhu klicat tega dizajn, nato pa napredovat glede na glasove ljudstva. Vem, da ti nisem nič pomagal, ampak tole je naravnost smešno. Rešitev za takale stopicanja na mestu se imenuje "template". Instant pouka dizajna z desetimi zapovedmi pa preprosto ni.

Hmmm dobro bom najprej lepo popilil stvar pa potem vprašal. Drugače pa instant pouka seveda ni - se pa lahko z poizkušanjem in ugotavljanjem kaj je ljudem všeč nekaj naučim.

Kar se pa slo-tech wannabe strani tiče - niti ne poizkušam kaj takega nrediti - in tudi ne zdi se mi, da je takih strani dovolj. Sploh v Sloveniji! Res, da poizkušam narediti nek tehnološko usmerjen portal - vendar malenkost več poudarka na konzolnem igranju in sami strojni opremi. Slo-tech je bolj kot ne vržen na open source, programje...

No ja jaz sem se tudi igračkal malo in nastalo je tole:

Ponovno nekatere stvari niso poravnane, prave velikosti... Manjka logotip (na skrajno levi strani glave)...

Upam, da izgleda vsaj približno dobro.

Hja tole je primer. Drugače je minimalna širina 794px - kar bi mislim, da zadostovalo za resolucije 800x600 ali večje. Zdi se mi, da je v današnjih časih to čisto dovolj. Glede na to, da so trenutno precej popularni wide monitorji bi si najbrž lahko privoščil še malenkost večjo širino.

Samo trenutno bom ostal kar pri 794px! Drugače pa me zanima kaj o tem dizajnu menite - sploh glede barv.

To nažalost vem. Samo težko je doseči nekaj takega kar bo vsem všeč in hkrati tudi zanimivega. Morda čez čas! Lahko lepo ta dizajn uporabim pri sami strani, nato pa čez čas dodam možnost izbire dizajnov in tam malo bolj poeksperimentiram. Trenutno se tako ali tako vse več posveča sami vsebini kot pa dizajnu. Saj tudi stran kot je slo-tech nima posebnega dizajna, ki bi izstopal iz okolice. Prav tako "miljavžnt" drugih popularnih spletnih strani.

Sicer pa je težko narediti nekaj kar ni bilo videno že 10000x!

No vidiš, saj gre. Je velik napredek od tistega s čimer si začel v začetku teme. Sedaj ti bomo seveda ukradli nekatere ideje in jih prodali naprej :) Hecam se ...

Vsem seveda ne bo všeč, ampak možno se je približati nekaterim današnjim skupnim smernicam za katere menimo, da so v redu.

Jaz bi še:
- vseeno malo razmislil o uporabi barvne kombinacije. Nekatere so morda precej močne. Vsebinski del naj pa ostane kar bel. Tisti modri background pa daj kaj bolj nežnega
- malo zmanjšal meni (mora biti bolj enakomerno razporejen)
- resno moraš nekaj dati tja, kjer bo logo (od tega je precej odvisno)
- vsebine novic morajo imeti večji padding (levo stran vsebine novic poravnaj z naslovi in datumom novic - da so na isti vertikalni liniji)
- vsebine levega sidebar-a tudi pomakni malo nižje in jih poravnaj poljubno z začetkom vsebinskega dela
- kakšna slika bo pozneje malo poživila vsebinski del
- ikonice se mi zdijo standardne kopirane iz raznih opensource aplikacij. Če si pogumen, dodaj raje kake svoje inovativnejše.
- dodaj nogo in spodnji zaključek strani
- poskusi dodati res vse elemente strani (ali vsaj večino) notri, da lahko vidiš, kako bo dejansko izgledalo.

Ker vidim, da ste postali melo bolj kritični v tej temi bom vprašal glede tegale designa, ki sem ga naredil. Teksta resda še nisem vpeljal, ker moram še razmisliti o razporeditvi vsebine. bi pa imela stran fiksno širino 600px.

Danes sem še nekaj ščaral z logotipom! Ime ni nujno, da bo tako ostalo - ampak logo procesorja pa bo. Samo ne vem kake barve bi izbral.

Upam da so tvoje people skils kej boljše od dizajnerskih drugače, bo več ali manj tvoja stran prazna :)