Webbdesign & struktur
Hemsida för webbdesign i tiden
Att skapa en bra webbdesign och hemsida innefattar bland annat kunskap hur korrekt HTML, struktur och CSS ser ut. Man måste även kunna svara på hur man optimerar för SEO, hur en god webbstruktur skapas, fungerar hemsidan med Google Consent V2, målgruppens beteendemönster, webbanalys, psykologi, webbaserade gränssnitt, användarvänlighet, copy och naturligtvis grafisk design. Vi skapar en bra webbdesign åt dig som gör att besökaren stannar lite extra länge.
Det som är gemensamt för traditionell och webbdesign 2.0 är enkel design, användarvänlighet, validerad CSS och XHTML. Den största skillnaden är att traditionell design, som sig bör, utgår från en befintlig grafisk profil medan inom webbdesign 2.0 skapas en textlogotyp i Photoshop när webbplatsen är färdig eller under utvecklingens gång. Det beror oftast på att communities, bloggar etc mest tänker på att få ut information och den grafiska profilen ändras i efterhand om den blir populär. Om det ens finns någon grafisk profil. Tanken på marknadsföring genom tryckmaterial existerar inte. Inte bra med andra ord.
Här nedan listas några övergripande skillnader mellan traditionell webbdesign och webbdesign 2.0.
Traditionell webbdesign
- enkelhet
- fullskärmslayout, fast layout
- en- fyra kolumner
- ändringar sker i stor utsträckning
för hand - separat huvudsektion med
enkla rubriker - separat fotsektion, med meny
och kontaktinformation - enkel navigering
(upptill och till vänster) - liten brödtext
- stora rubriker
- enkla grafiska bakgrunder,
som ofta "förlänger" sidhuvudet - rena bilder och fotografier med
mindre effekter och grafiska element - färger enligt den grafiska profilen
- sektioner, boxar med text
där enfärgade bakgrunder
med ram skiljer dem åt - ytor utnyttjas, tomma ytor är
färre - logotyper (från den
framtagna grafiska profilen)
Modern webbdesign
- enkelhet
- central flytande layout
- en - tre kolumner
- layouten ändras dynamiskt efter innehåll
- separat huvudsektion med Ajax boxar
- separat fotsektion med dynamiska länkar
- enkel navigering (upptill, som
dropdown, samt meny till höger) - stor brödtext
- jättestora feta rubriker
- enkla övertonade bakgrunder, ofta med
stora naturgrafiska element - bilder, fotografier och ikoner har något av övertoning, avfasning, relief, glaseffekt
samt reflektionseffekt - få klara färger, natur färger och
bleka färger - ajaxbaserade texteffekter som dragspel-,
in- och ut flygande text, fading etc - sektioner, boxar med text där bakgrundeffekter skiljer dem åt
- stora luftiga ytor
- ikoner (med glaseffekter, avfasning och relief)
- stjärnor (med tex erbjudande)
- logotyper (fet stil, enkel text,
avfasning och relief samt övertoning och glaseffekt)