Kritikk på webdesign..

[Lokaltog]

Det er ganske utrolig, men du har klart å gjøre det kombinerte designet langt styggere enn det kjappe utkastet som lå lenger oppe i tråden her.

 

- Den nye logoen er like dårlig som den gamle (ser ut som logoen til en cheezy barnehage denne gangen)

- Styggere header, meny og innholdsdel. Foreslår at du bare klipper og limer i skissen som ble laget til deg, for den var mye bedre enn designforslagene du kom med nå.

[Left Blank]

Jeg må nesten si meg uenig med lokaltog denne gangen.

 

Jeg likte best det siste bildet.

Veldig fin flyt med bilder og tekst, spennende sammensetning.

Greit nok Headeren er rimelig stygg (sorry), men innholdsdelen syntes jeg var kul.

[Sono Juventino]

Innholdsdelen synes jeg ikke henger helt sammen. Det virker som om det er klippet tekst og bilder fra to forskjellige sider. Grunnen er at typografien på nyhetene ikke samsvarer med resten, osv.

 

Dette kan bli bra, men med et så minimalistisk design, så er typografi alfa o mega. Bruk lysere farger i header og demp fargene på den oransje skillelinja.

Endret 24. september 2007 av Sono

[Flurry]

Kast. Ref. punktene til Lokaltog.

 

Typografi og kvaliteten er på bunn.

Endret 24. september 2007 av Fefas

[Stian Jacobsen]

Synes hele siden ser ut som 2minutter med lek i photoshop...

Alt for blasse farger

Typografien.. eller.. det kan vell ikke kalles for typografi

AnaXyd, hva er det første som blikket blir fokusert på designet ditt..? tenk litt på det..

[Zeph]

Brukerne bes holde seg til sak og ikke person. Personangrep tolereres ikke, og i grove tilfeller vil den aktuelle brukeren bli fratatt tilgangen til forumet. Hva brukere mener om hverandre er ikke tema for tråden, og det er direkte ødeleggende for diskusjonen.

 

Innlegg med personangrep er blitt fjernet eller redigert. Brukere oppfordres til å bennytte funksjonen om man kommer over personfokuserte innlegg av negativ art, fremfor å kommentere det i tråden. På den måten kan moderator bedømme saken og vi unngår videre personkrangel.

 

(Dette innlegget skal ikke kommenters, da det blir ansett som off-topic. Reaksjon på moderering gjøres eventuelt på PM.)

[AnaXyd]

Se her ja.. Kritikk!

 

Skjoenner godt at Lokaltog har en helt annen smak enn meg, og mange andre her. Det er greit nok, da det kommer forslag til forbedringer fra deg.

 

Skissen som Fefas lagde ble jeg enig med hele klassen om at ble alt for, kjedelig. Er ikke sikkert at dere er enig med meg der, men det er naa vaer en smak.

 

Nok om det... Jeg vil jo saaklart forbedre designet. Ser naa at det mangler litt streker i det V2 utkastet, som gjoer designet mer ryddig. Hvorfor de ikke er med i bildet, er noe annet. Jeg skal proeve aa justere litt paa fargen paa borderen, men hvilken farge hadde passet godt der?

 

Typografi? Fortell hva dere mener med det...?

 

Uansett, takk for at dere gidder aa hjelpe..

[Sono Juventino]

I typografi, så snakker man om skriftstørrelser, fontbruk, avstander mellom tekst, linjehøyde og lignende. Dette er muligens den delen av webdesign flest nybegynnere/viderekommende ikke skjønner seg på. Dette er noe som kan ta lang tid å lære.

 

Selv om Fefas design ser enkelt ut, så prøv å gjenskape det på en annen måte. Først da ser du hvor mye typografien har å si for et design. Grunnen til at Fefas enkle design er så bra som det er, er fordi det har knakende god typografi.

[AnaXyd]

Ikkesant... Dette er nok noe jeg ikke har skjoent enda... Burde jeg ha menyvalget som jeg har det naa, eller som Fefas sitt? Er det et eksempel paa god typografi fra hans design?

[Lokaltog]

Ikkesant... Dette er nok noe jeg ikke har skjoent enda... Burde jeg ha menyvalget som jeg har det naa, eller som Fefas sitt? Er det et eksempel paa god typografi fra hans design?

9591834[/snapback]

Designet til Fefas er et eksempel på et generelt godt design og en god idé. Han bruker fontene riktig, han har på antialiasing i Photoshop, og posisjonerer elementene på pixelen riktig.

 

Elementene i designene dine er kastet ut tilfeldig, teksten er strukket ut av proporsjoner, og alt bærer preg av dårlig forhåndsarbeid, høy JPEG-komprimering og fullstendig mangel på estetisk sans. Du har rett og slett gjort alt feil når du har prøvd å kombinere de to designene.

 

Pointers:

- MÅL OPP ELEMENTER OG PLASSER DE PÅ PIXELEN NØYAKTIG! Dette er et viktig punkt, så jeg skriver det med store bokstaver.

- Skru på AA i Photoshop (fortrinnsvis på headere, men "Sharp"-instillingen kan også se ålreit ut på brødtekst hvis du er vant til å bruke ClearType)

- Nybegynnere bør få forbud mot å bruke serif-fonter i design. Du mislykkes fullstendig i skissen din med serif-headere og brødtekst.

[AnaXyd]

Jeg skjønner hva du mener. Jeg har faktisk ikke tenkt tanken å bruke en riktig font. Takk for tankevekkeren! Skal prøve litt mer nå...

 

 

Forresten, nå har jeg endret om all tekst til Century Gothic, og står igjen med å justere litt på navigasjonen. Var disse strukket ut av proposjoner?

 

Forslag til hva jeg burde gjøre med "baren" mellom header og innhold? Farge?

 

Et kjapt utkast: (Med en del bedre kvalitet)

Klikk for å se/fjerne innholdet nedenfor

Endret 29. september 2007 av AnaXyd

[Sono Juventino]

Utkastet er bedre, men du bruker fortsatt for sterke farger. Demp fargene, fjern den rutete bakgrunnen og legg til en footer.

 

Da kan dette kanskje se greit ut.

[AnaXyd]

Riktig.. Typografien har blitt bedre også?

 

Personlig syntes jeg det blir litt mer fyldigere med ruter i bakgrunnen, og ikke så tomt som uten ruter. Dette er helt sikkert en smakssak, og helt hvit er kanskje mer profesjonelt?

[AnaXyd]

Okay, nå har jeg fikla litt og fått til noe som jeg syntes ser bedre ut for øyet også..

 

Hva syntes nå dere?

Klikk for å se/fjerne innholdet nedenfor

 

Kritikk mottas med glede!

 

 

 

 

 

Annen headerbar(Gammel):

Klikk for å se/fjerne innholdet nedenfor

Endret 30. september 2007 av AnaXyd

[Sono Juventino]

Bedre, men headeren din er fortsatt litt for dominant. Designet sitt er tydligvis laget på en stor skjerm da det stikker utenfor min egen skjermbredde. (Sitter hos bestefar) Du bør absolutt bruke en oppløsning de fleste har. 900px i bredden er maks.

 

Synes også footeren din kunne ha vært mindre i høyden. Typografien din er bedre, men ikke kjør bold skrift i nyhetene. Er den ikke bold, så ihvertfall juster ned størrelsen en smule. Samme med footer.

 

Se også på grid i designet ditt. Hvorfor ikke løfte søkeboksen opp på linje med menyen? Det er sånne småting som gjør at siden din ser mye bedre ut. Trykk CTRL + ' i PS og fiks på litt småting.

 

Få de oransje linjene like tykke. Det ser ikke bra ut når de ikke er like. Pass også på at fargene er like.

 

Dette begynner å se bra ut, men du er ikke helt i mål enda. Skjønner at jeg ikke kan overtale deg i forhold til headeren, men du kan ihvertfall vurdere å lage enda en header. Tror du ville tjent på det..

[Kim T]

Setter du border i photosop så velg "inside" da vil hjørnene se riktige ut. Ikke slik som du har nå f.eks på søkeboksen. Bare et lite photoshop tips.

[AnaXyd]

Ah! Takk for tips! Godt å høre at dere begynner å like det bedre..

Har nå finjustert en del, og begynner å bli fornøyd med sakene.

 

Du mener at jeg skal ha maks 900px i bredden? Hva skjer da med skjermer som f.eks er 1024, 1280 og oppover? Vil det ikke da mangle noe?

 

Takk for tipset når det gjelder søkeboksen kimthoma! Det hjalp! Jeg hadde nemlig bare brukt litt expand og malingsspann på den forrige..

Endret 30. september 2007 av AnaXyd

[Sono Juventino]

Neida. Du får header og footer til å repitere bortover hele vinduet, så midtstiller du siden med en wrapper og margin: 0 auto;

 

Kjør 900px i bredden. Kan forklare deg litt mer inngående når du fakisk begynner å kode siden din.

[AnaXyd]

Okay! Takk! Da gjør me det..

 

Driver forresten å koder opp greiene nå, og er masse jobb gitt..

 

Selve innholdsdelen blir litt spennende, og jeg håper jeg får mekke det CMS'et jeg skal bruke til å bruke riktig fonter og fontfarge. Og ikke minst, til å få det til å se likt ut som jeg har designet.

 

Forresten, slik ser det ut nå:

Klikk for å se/fjerne innholdet nedenfor

 

 

Da har jeg fått kodet ferdig, mangler bare det med å midtstille, og gjøre slik at det fortsetter som Sono forklarer. Dette klarer jeg ikke uten hjelp, og vet ikke åssen jeg skal gjøre det..

 

Sjekk gjerne koden, for å se om den er grei.

 

Link: Tendo UB

Endret 1. oktober 2007 av AnaXyd

[AnaXyd]

Da har jeg egentlig fått det sånn nogenlunde likt på kodinga, som det ser ut på psd utkastet.

 

Veldig mye jobb, spesielt med nyhetsdelen. Fikk brukt CSS på den også, så det er enkelt å gjøre noen innstillinger på fonter eller farger.

 

Siden er bygd opp veldig enkelt. Om det er riktig, er noe annet. For meg virket det ihvertfall greit nok, og det er ganske ryddig i koden! (Ihvertfall i forhold til den aller første siden jeg kom med... Huff)

 

Men det er en ting jeg lurer på.. Folk som browser siden min, og ikke har fonten som er brukt.. Blir det vist en standard font da?

 

Uansett, så setter jeg stor pris på kritikk! Regner med at det er noen feil, og slikt som jeg har oversett..

 

Link til siden: http://travelpillow.freehostia.com