Hemsides tips!
Under mina utbildningar inom webdesign så har jag spaltat upp några viktiga punkter om hur man bygger upp en bra hemsida! Hoppas de kan hjälpa dig i någon mån.
- Väldefinierad målgrupp
- Egen text, annars krävs tillstånd av upphovsman
- Passande kulörskala
- Lämpligt teckensnitt för bildskärm, sans-serif (utskrift= serif)
- Lämplig tecken storlek i relativa mått (ems) 1em=12px (vid utskrift 12 pt)
- Rekommenderad Radlängd 45-65 tecken per rad, max 80 tecken (utskrift ca 13 cm)
- Stark kontrast mellan text och bakgrund
- Kombinera inte rött och grönt
- Bilder med få kulörer, gif (kontrollera vid sparning)
- Foton, jpg
- Liten bildstorlek för webbpublicering
- Repetera bilder med background-repeat
- Om bilden innehåller text skall det vara med i alt attributet
- Alt attributet skall alltid användas
- Skarpa bilder
- Bilder bör placeras i xhtml koden
- Så mycket som möjligt av formateringen av sidan bör göras i koden
- Man skall kunna surfa utan bilder och hemsidan skall ändock se bra ut
- Korrekt dokumentdeklaration
- Gör inga mellanrum med tomma P, använd margin på div lagren.
- Validera XHTML koden
- Validera CSS koden
- Referera till litteratur vid rapporter
- Utskriftsversion utan onödiga attribut
- Vägledande sidtitel
- Vägledande filnamn
- Använd div lager vid layout
- Använd tabeller endast till tabellerad data
- Anpassa texten till målgruppen
- Styckeindelningar
- Underrubriker
- Markera viktiga ord med fet stil
- Lämplig radhöjd
- Välj bra layoutmodell ex vinkelhake
- Webbläsarkompatibel: Sidan skall se likadan ut i olika webbläsare
- Relevanta stilregler
- Kontrollera marginaler på utskrifter
- Inte för många rubriker i menyraden, (Förenkla menyindelningen med undermenyer)
- Informativa sidtitlar på varje sida
- Menyalternativet för den sidan man är inne på bör inte vara klickbart
- Symmetrisk/Assymetrisk layout, var konsekvent Linjera
- Utnyttja kontraster, storlekar, kulörer, typsnitt, ger intressantare gränssnitt
- Avgränsa menyn
- Definiera satsytan (den del av en sida som upptas av text och/eller bilder, dvs. det renskurna formatet minus marginaler)
- Utnyttja gestaltlagarna. Närhet, Likhet, Omslutenhet
- Tunn ram runt bilder
- Glada färger
- Fakta i punktlistor
- Underrubriker närmare textstycket
- All utformning skall ske med CSS
- Gör alltid en utskriftsvariant av sidan
- Alla länkar skall fungera
- Olika titel texter på alla sidor
- Sidorna skall optimeras för skärmupplösning på 1024 x 768
- Förklara syften för formulär för användaren
- Hålla sig till samma stil på olika rubriknivåer
- Inte öppna nya fönster, håll allt innehåll inom samma webbsida
- Kontaktinfo skall vara synlig från alla sidor
Kryssa Lungt Grekland, Webbsajt
Copyright © Captured Foto & Media 2011

