Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  17 1402
Hei der !!

Jeg skal bygge en nettside, og begynner på designen i photoshop i dag.
Jeg vil veldig gjerne ha noen profesjonelle tips fra dere:
  • Farger
  • Bredde
  • Font / Teksttype(r)
  • Annet ?

Setter stor pris på all tips; tusen takk.
Hilsen
Donquijote
Det eneste tipset jeg kan gi er ganske enkelt, profesjonelt og lettfattelig:
Det første og eneste du trenger er innhold. Bygg designen din rundt emnet og rundt det som er naturlig for siden og det den omhandler.
Farger er veldig vanskelig å si noe om uten å vite noe som helst om konsept. Men kan si at hvit og oransje ser ofte proft ut. Men slike neon farger ofte får det til å virke litt "cs underground clan site". Ikke bruk farger som irriterer øyet over lengre tid hvis man skal være der inne lengre. Bruk myke farger. Sånn som her på NFF. Lykke til!
Sist endret av yellowpillow; 15. april 2009 kl. 21:39.
Takk skal dere ha ulldott og yellowpillow.

Hva har dere å mene om bredde og fonttype(r) ?
Sist endret av Donquijote; 15. april 2009 kl. 21:55.
ikke ha altfor sterke farger og glitter. veldig irriterende
gjør det enkelt og oversiktlig.
gå inn på populære sider og kikk litt på hvordan de har det og få litt ideer fra de

lykke til!
Hvis denne siden skal se "profesjonell ut":

VELDIG mørk tekst på VELDIG lys bakgrunn. Men bakgrunnen utenfor selve innholdsboksen kan godt være noe annet.

Blått er avslappende og proft. (Du ser på et eksempel akkurat nå.)

Bredde bør være under 750px hvis du designer for pensjonister. Hvis det er hakket bedre målgruppe kan du også bruke f.eks. 900px. En enkel kontroll er at du bør ha 9-12 ord per linje der det viktigste innholdet er. For å få det til kan du enten kontrollere tekststørrelse eller bredde på innholdet.

Men for all del husk å bruke andre ting enn tekst-størrelse. Du har jo letter-spacing, line-spacing (viktig!) og mye annet. Du bør ha mye luft på siden din, og teksten er en viktig del av det.

For lengre artikler er Georgia en overbrukt, god, klassiker. Hvis du vil ha skrift som er mer lesbar i mindre størrelser er kanskje Verdana/Tahoma bedre. Skru av font smoothing i Photoshop, slik at du ser hvordan det blir i browseren.

(Og husk favicon når siden er ferdig. Særdeles lite proft å ikke ha det)
Queen of Blades
Jonta's Avatar
DonorCrew
Av det jeg kommenterer mest som ikke er nevnt:

1: Title. Alltid. Jeg gidder faen meg ikke å kikke rundt på siden din om title er "Ola Nordmann sitt hjørne av nettet". Da vet jeg at den er lite profesjonell, og gidder ikke.
2: Hva handler siden om? Det skal jeg vite meget fort
3: Skrivefeil. Aldri skrivefeil.
4: "Copyright Ola Nordmann 2009". Nei. Amerikansk lovgivning, som attpåtil er unødvendig.
5: Kontaktside. Mest sannsynlig trenger du det ikke. E-postadresse nederst sentrert på alle sidene er antageligvis nok. Ha den da slik: Om du er redd for spam, så bruk et brukanes spamfilter, som t.d. GMail sitt. Jeg vil kunne høyreklikk -> Copy E-mailadress
6: Sideskroll på skjerm med 1024*768 med taskbar på siden. (Du skal altså ikke ha dette)
7: Musikk på websider er fyfy.

Se ellers også andre websidekritikker jeg og andre har gitt, les Joel Spolskys User Interface Design For Programmers og Steve Krugs Don't make me think.
Tusen hjertelig takk til alle medfreakere. Setter stor pris på tilbakemeldingen.
Jeg er fortsatt åpen for all tips som jeg kan ta med videre i designen.
En ting som er veldig viktig er at det ikke blir for "glossy". Altså, at man ikke klarer å konsentrere seg om innholdet fordi designet er for voldsomt. Det er ofte mye bedre med et enkelt design fremfor et avansert og klumpete et
Sitat av The Freak Vis innlegg
Hvis denne siden skal se "profesjonell ut":

VELDIG mørk tekst på VELDIG lys bakgrunn. Men bakgrunnen utenfor selve innholdsboksen kan godt være noe annet.
Vis hele sitatet...
Interessant, så du mener disse sidene her er "uproffe"?
http://sigarett.com/
http://bleed.no/
http://tinagent.no/
http://apt.no/
http://mediafront.no/
http://jimmyroyal.no
http://www.westerdals.no/opptak/
http://anorak.no/

Jeg vil heller si: Pass på at det ikke blir for liten kontrast mellom tekst og bakgrunn, dette blir viktigere jo mer/lengre tekst det skal være. Pass også på å få med et par andre kontrastfarger, ellers blir det raskt veldig dødt. Ett unntak til denne regelen kan være hvis du f.ex. kommer til å poste veldig mye fargesterke bilder, da ville jeg vært mer forsiktig med mengden av kontrastfargene, for å roe ned siden.

Bredde bør være under 750px hvis du designer for pensjonister. Hvis det er hakket bedre målgruppe kan du også bruke f.eks. 900px. En enkel kontroll er at du bør ha 9-12 ord per linje der det viktigste innholdet er. For å få det til kan du enten kontrollere tekststørrelse eller bredde på innholdet.
Vis hele sitatet...
Den første delen av det rådet der kan du egentlig bare blåse i. Den andre delen nærmer seg noe korrekt. Hold deg under 1000px bredde (f.ex. 990), så er du trygg. Den suverent vanligste oppløsningen på skjermer i norge er fremdeles 1024x768, lavere enn det er det omtrent ingen (et par prosent) som bruker. Et par hakk oppover er det ikke så voldsomt mye større skjermer, og da har du allerede fått med deg over 90% av brukerne. Har man enda større skjermer enn det, så er det lite sannsynlig at man surfer med fullscreen.

Men for all del husk å bruke andre ting enn tekst-størrelse. Du har jo letter-spacing, line-spacing (viktig!) og mye annet. Du bør ha mye luft på siden din, og teksten er en viktig del av det.
Vis hele sitatet...
Evt kan du bare drite i å gjøre noe med line-spacing. Default er vel på 120 eller 140%, og dette er en ganske behagelig avstand for øyet, "korrekt", og lett å lese. Letter-spacing bør du IHVERTFALL ikke kødde for mye med hvis du vil at teksten skal være lett lesbar. I overskrifter osv kan du evt øke den noe, men i brødteksten bør du ikke forandre noe av dette.

For lengre artikler er Georgia en overbrukt, god, klassiker. Hvis du vil ha skrift som er mer lesbar i mindre størrelser er kanskje Verdana/Tahoma bedre. Skru av font smoothing i Photoshop, slik at du ser hvordan det blir i browseren.
Vis hele sitatet...
Georgia i brødtekst på skjerm er dumt. Dumt dumt dumt. Det samme gjelder for det meste annet av antikvaer. Hold deg til sans-serif-varianter - så som Arial, Helvetica, Tahoma, Verdana et.c. Til overskrifter, ingresser og den slags, der teksten er mye større kan derimot en serif-font, f.ex. Georgia, være et bra alternativ. Forøvrig heter det ikke "font smoothing" i photoshop, men Antialiasing, og der har du flere trinn å velge mellom, du bør velge "none" (med mindre du lager en side for macbrukere, siden OS X bruker antialias på tekst i browseren også.

(Og husk favicon når siden er ferdig. Særdeles lite proft å ikke ha det)
Vis hele sitatet...
Se igjen på flere av sidene jeg viste til i begynnelsen av posten. Dette er et lite utvalg av noen av norges flinkere byråer innenfor sine felt. Har alle favicon? Nei? Det var det jeg trodde. Er favicon et must? Nei. Det er et lite, ekstra pluss, men med vekt på LITE, og absolutt ikke noe must. De aller færreste vil i det hele tatt legge merke til det, så konsentrer deg heller om resten av sida, spesielt innholdet.
Sist endret av atomet; 19. april 2009 kl. 01:29.
Uenig i dette med å ikke ha kontaktside. Er så jæveli irriterende å få outlook opp om man trykker på en link som går til mailtoost@forhuden.no. Jeg har nå valgt å bruke kontaktskjema på min nettside (webshop) og er temmelig sikker på at rundt 50% av all kontakten jeg har fått fra den ikke ville kommet om jeg kun hadde en epost liggende ute på siden.
atomet: Kun på en av de sidene var det behagelig for meg å lese teksten. Flertallet hadde ubehagelige pikselskrifter og fullskjerm-Flash. http://apt.no/ var bra. http://jimmyroyal.no/ var grei, men teksten var likevel ubehagelig å lese pga. den mørke bakgrunnen og grå teksten.

Greit nok, de er profesjonelle. Men er det ikke viktigere at teksten er leselig?
* Farger
* Bredde
* Font / Teksttype(r)
* Annet ?

*1. Farger velger du selv, jeg er fan av grå bakgrunn, mørkegrå content med grønn / orange tekst. Kontrast er det viktigste, aldrig ha for sterk kontrast, jeg har ikke sett mange fine nettsider med svart / hvit kontrast. http://www.colourlovers.com/ denne siden, er fin til å finne farge til nettside, der kan du også se, hvordan forskjellige farger passer sammen. Husk ha en behagelig kontrast, mellom skriftfarge og bakgrunnen til skriften (content).

Bredde, kommer an på hvordan siden er satt opp... Noen sider er kule, med noe over hele skjermen, andre nettsider er kul med 600x XXX og midtstilt.

Font, er jeg fan av Calibri.

ellers, pass på at ikke viktige elementer trekker for mye oppmerksomhet, ikke ha en header som dekker 50% av nettsiden din, det vekker bare frustrasjon.
Clean nettside kan være like kul som en advanced.
Det er ingen fasit på noe som helst, nytt kan være dritkult. Jeg har også sett nettsider med helt sykt fargekombinasjoner, som er latterlig kul synd at det ofte er noen farger som hele tiden går igjen.
Sist endret av Spelly; 19. april 2009 kl. 03:10.
Anbefaler deg om å velge ytterst få farger å jobbe med, og bruk enkle bilder...
Les: 8 Simple Ways to Improve Typography In Your Designs og 10 Examples of Beautiful CSS Typography and how they did it…
Sist endret av Turbolego; 19. april 2009 kl. 03:09.
Sitat av The Freak Vis innlegg
atomet: Kun på en av de sidene var det behagelig for meg å lese teksten. Flertallet hadde ubehagelige pikselskrifter og fullskjerm-Flash. http://apt.no/ var bra. http://jimmyroyal.no/ var grei, men teksten var likevel ubehagelig å lese pga. den mørke bakgrunnen og grå teksten.

Greit nok, de er profesjonelle. Men er det ikke viktigere at teksten er leselig?
Vis hele sitatet...
Flertallet hadde "ubehagelige pixelskrifter"? Den eneste som har noe som i det hele tatt minner om en pixelfont er da sigarett, og hvorfor mener du den er ubehagelig?

Og teksten er ikke leselig? Er det noe galt med skjermen din? Det er to steder jeg ser at det kan være litt klønete å lese skriften, det er "infoen" rett over menyvalgene hos bleed, der teksten er litt liten, og noe av teksten hos sigarett, der det blir litt for lav kontrast over enkelte deler av bildet. Jeg vil allikevel ikke si at det er noe problem, siden det er såpass lite tekst man skal lese der. Er det derimot en drastisk mye lengre tekst, så blir saken en helt annen, men "VELDIG mørk tekst på VELDIG lys bakgrunn" er en voldsom overdrivelse.

Er greia kanskje heller at du bruker windows, og derfor ikke er vant til antialiasing på teksten på nettsider? For ja, det kan være litt rart når du ikke er vant til det, men for alt annet enn pixelfonter ser det helt hinsides mye bedre ut.
Jeg har ClearType skrudd på. Testet faktisk nå, og det ble enda verre med det skrudd av.

Med ubehagelig pikselskrift mener jeg all den mikroskopiske teksten på Flash-sidene som ikke er leselig uten å gå nærmere skjermen. Ikke støtter disse sidene zooming i Firefox heller, så det ender med at jeg ikke orker å lese mer enn et par setninger.

Jeg sitter 70-80cm unna en 24" LCD, og har vanligvis 133% zoom i Firefox.
Til å være en skole for "profesjonelle" webdesignere, er westerdal sin side forferdelig stygg og forvirrende!
picatta: Westerdals er ikke en "skole for webdesignere"... (og det der er en side kun for opptaksprøvene, så det sier jo litt om hvor nøye du har sett på den... den "vanlige" finner du på: http://www.westerdals.no/ - absolutt ikke verdens mest spennende nei), men jeg syns faktisk denne kampanjesiden er ganske tøff. Den er annerledes, du legger merke til den, og jeg tror den gjør jobben den skal veldig bra - fortelle de som tenker på å gjøre opptaksprøvene hva de forskjellige linjene handler om.

@ the freak: Hvis du er vant til å bruke 133% zoom, så kan jeg forstå at du sliter med å lese den minste teksten ja. Jeg leser det derimot helt fint uten noen som helst zoom... men sant nok, som jeg sa, den aller minste teksten på bleeds side er litt i minste laget, spesielt når de bruker et snitt med seriffer.

Menmen, beklager, nå må jeg konse om et platecover/plakat++ her, må sendes i morgen. Får heller diskutere mer om dette senere. Jeg står ihvertfall på at 90% av "tipsene" dine var enten særdeles unøyaktige eller direkte feil, the freak.
Sist endret av atomet; 19. april 2009 kl. 20:49.