stránka pre spolužiaka

Zdravím,
dneska v škole za mnou prišiel kamoš či by som mu nezbúchal nejakú stránku ( tu užívateľ ReDo ) kde by si ukladal svoje programy v c/c++. Keďže grafik niesom (učím sa len html/css/php ) tak by som poprosil od Vás názor na tento design. Celkovo môj druhý design v živote, hlavne aby to bolo prehľadné a nie zas priveľmi šmatlavé :

aj to tak vyzera ..

tak to daj niekomu kto grafik je. ale k veci. pozri si nejaku galeriu www stranok a uvidis ako sa tvoria dnesne weby. Tento je tmavy, nezaujimavy ...

Ale popravde...na to, že to je tvoj druhý webdesign, a webdesignu sa aktívne nevenuješ, je toto celkom v pohode.

Určite je viac ľudí, ktorí sa tomu venujú, hovoria o sebe, že sú grafici, a aj ich 10ty design je hrôza...

kajbo: Kamarát nepotrebuje profesionálnu stránku (dokonca ani nekupuje hosting s dómenou). Chce len priestor, kde si uloží svoje práce a keďže ja grafik niesom, nedokážem vytvoriť niečo dokonalé a moderné. Ja chcem spraviť nieco použiteľné a veľmi zle sa mi ten "design" hodnotí keďže som ho sám tvoril.

Každopádne vidím že asi tento šancu nemá takže idem skúšať ďalej. Nakoniec sa mi snáď niečo vcelku normálne podarí .

edit// každopádne ďakujem za názory a budem sa pokúšať o niečo veselšie. Je pravda, že

ten napis c/c++ scripts je hnusny daj tam krajsi font
inak je to uplne vpohode

Ked potrebuje len priestor tak to skus ako clean style

urob nejake jemne pozadie horizontalne menu do headra daj napr. ten napis c++ a na biely podklad daj texty nadpisy zvyrazni a formulare oramikuj.
Jednotlive sekcie oddel len jemnou linkou...

Urcite to bude ovela krajsie a prehladnejsie ako ten tvoj navrh. Efekty ktore tam pouzivas blur,iner shadow,glow a podobne nechutnosti vynechaj.
max tak nejaky jemny gradient.

Ak chces nejaku inspiraciu tak:
http://www.cssdrive.com/ pozri blogy tie budu mat k tomu najblizsie ak to chces robit sam, inak existuje spusta sablon zdarma.

Konečne som dorobil môj nový pokus o design. Snažil som sa použiť veselšie farby (neviem či sa vydarili). Pa3ick - máš úplnu pravdu. Neviem, či som sa vošiel trochu do toho čo si myslel ale snáď áno. Ak to je moc zlé tak si to znova prerobím a budem skúšať. Ďakujem všetkým sa komenty.

no toto je rozhodne lepšie než to predtým...

Suhlasim uz je to pozeratelne i ked urcite aj to ladenie farieb ma este znacne rezervy.
Ale k dobremu web designu to ma este kus cesty.
Teraz sa zameraj na design z hladiska pouzitelnosti.z mojho pohladu je tam dost zasadnych nedostatkov a tak napisem ako by som to urobil ja a to sa z daleka nepovazujem za nejakeho experta vo webdesigne len vychadzam z nejakej tej zakladnej teorie.

Zhora dole :
1.) nadpis welcome to www.domena...bla,bla daj odtial prec. welcome je iba na homepage a to by som dal nad text na uvodnej stranke
2.) Je zvyklostou logo davat na lavo hore a kazdy ho tam aj ocakava takze nadpis c&c++ presun na lavo ako logo a pod mansimi pismenami domena.com, alebo opacne proste vytvorit z toho logo a zaroven aj nazov stranky
3.) neviem co je to redo ale to odtial presun na pravo
4.) je dovod preco option a contact nie je sucastou menu tam vpravo hore je to zavadzajuce...
5.) menu posunut nizsie a do prava kedze vlavo bude logo
6.) strukturovanie stranky - uplne zle, formular na pravo strhava na seba celu pozornost coz je uplna blbost. Navrhoval by som upravit strukturu na dvojstlpcovy layout kde lavom bude welcom,nieco o mne, moje prace a vpravom pod sebou radene search, login, nejake odkazy , reklama, novinky atd.... stlpce od okaraja starnky min 10px medzi sebou 20px a vnutorne odsadenie textu min 10px
7.) upravit strukturovanie textu hlavne nadpisov

ja by som si na tvojom mieste ak sa chces tomu naozaj venovat nastudoval aspon zaklady co sa tyka webdesignu na nete je spusta dobrych clankova a knih....

tak som to trochu upravil:


ReDo je jeho nick na nete (aj tu na fóre)
options a contact som prerobil. V hornej lište som dal ponuku k účtu pokiaľ je user prihlásený. Contact som tam dal preto, lebo mi to nepripadá ako položka ktorá by mala byť v hlavnom menu ale skôr nejak bokom ale kludne to tam môžem šupnuť do menu. Pokiaľ user príhlásený nebude, zobrazovať sa tam bude miesto ponuky k účtu odkaz na registraciu a prihlásenie.
Login form sa po prihlásení zmení trebars na bookmarks.

Pa3ick fakt diki, pomohol si mi veľmi . Aj ostatným za komenty . Snáď už tento bude lepší.

ja by som v prvom rade posunul to menu o kus nizsie lebo sa prekryva s tymy kockami v pozadi, potom dal nejaky jemny prechod na to sive pozadie nech to nie je taka jednoliata plocha a zvacsil medzeri medzi jednotlivymi blokmi textu aby to bolo priestrannejsie...

Tak menu som dal nižšie, jednotlive časti dal od seba ďalej, tie spodné čiarky scelil a v pravom rohu dal slabší tieň.

Ale ako sa tak nato dívam tie kocky sa mi čoraz viac nepáčia asi ich dám preč aj s tými trojuholníkmi napravo a niečo tam vymyslím. Nejaký prechod alebo neviem ešte uvidím čo.

Zdravím,
tak mám tu zasa niečo nové. Trápil som sa s tým 2 celé dni takže dúfam že to stálo zato a spravil som nejaký pokrok .

No oproti prvej verzií je to super

Ešte som opravil nejaké detaily tak tu je nové:

je to pekne

Ešte na tie "designy" čo som robil predtým bolo spomínané, že logo by malo byť umiestnené na ľavej strane. Tu som síce nevymyslel nijaké logo, ale možno by som mal prehodiť kolonky v hlavnom menu a názov stránky, možno by to tak bolo lepšie či nie ? Len neviem či nebude zvláštne keď bude menu na pravej strane. Stále to síce nevyzerá najlepšie ako by mohlo ale asi použijem tento keď už som sa s ním tak natrápil . Za komenty som a budem veľmi vďačný ešte za ďalšie .

No pokrok sa ti musi uznat...proti tomu prvemu vkladu je to dokonca neporovnatelne lepsie.

K tomu co kde ma byt umiestnene a preco to tak je ti poradim jednu knihu
Steve Krug - Don't make me thing ( vysla v cestine pod nazvom Nenutte uzivatele premyslet) podla mna je to jedna z najlepsich knih vseobecne o zvyklostiach a pouzitelnosti webu.

A kedignu
menu kluden hod na prvo je to normalne, domena nazov tebe vlastne supluje logo takze kludne zvaxsit pripaden nejako graficky oddelit od obsahu(prip. farebne)

Rozmietnenie obsahu tak tu je asi najvacsi pokrok, len v tych boxoch daj margin( odsadenie textu odo okraja) min. 20px aj viac nech je ta stranka prehladnejsia.

box who am I, tolko pokecu o sebe...to nikto nikdy nedocita, predstavenie staci troma vetami aj to je uz vela, skor zdorazni obsah stranky.

strasne jednoliaty text, zvyraznit, odsadit, ndpisy atd,
typografia je fakt hrozna.

no a ten obrazok to ma fakt pobavilo nepouzivaj inner shadow alebo glow potom to vyzera ako bublina.

takze tak.

precitaj si tento clanok trochu ta to posunie dalej

http://www.tutorials.cz/clanek1327-8-nejcastejsich-chyb-zacinajicich-webdesigneru

Takto ?

huste ozzy uplna parada diky moc a nie je to ReDo ale reDo ale to nevadi

Urob poriadok este v tych blokoch textu. Stranku urob ako trojstlpcovy layout.
Naspodu mas tri bloky a na vrchu dva, tkze ten prvy vrchny zarovnaj s prvym spodnym a druhy vrchny zarovnaj s tymi dvom spodnymi a bude celkom ok

Potom mi to nebude moc vychadzat ked to dam tak sice ale nieco tam vymyslim teda.
celkom ok znamena nieco medzi dobrym a zlym alebo skor nieco ako "nieje to dobre ale ani moc zle nato aby si to nemohol pouzit" ?
Aj tak to mam uz nakodovane tak velke zmeny robit sa mi nechce ale tie stlpca urcite pomenim. Uz len programujem - super robotka .

Na zaciatky to urcite nie je najhorsie, myslim ze od zaciatku az po posledny design to uslo kus cesty a spravnym smerom

Kludne to nakoduja aj to to za rok zo petkrat prerobis