10 termer til webdesign, som alle har brug for at kende
Ligesom i enhver branche, der opererer inden for et teknisk område, er webdesign dårligt med ord og sætninger, og selvom du er en erfaren professionel, kan det være svært at holde styr på, hvad der er hvad.
Tilbage hvornår webdesign var i sin barndom, led den allerede af problemet med for mange akronymer og teknisk sprog for, hvad der under al hyperbolen er nogle ret enkle teknologier og ideer. Dagens miljø er hundrede gange mere kompliceret, da de værktøjer og rammer, sprog og biblioteker, vi bruger på nettet, har udviklet sig og udviklet sig.
Designere - selv professionelle webdesignere - kan kæmpe for at holde styr på alle de forskellige buzzwords og teknologier, så her har vi samlet 10 af de mest vigtige webdesigntermer, som alle mindst skal have forståelse for. Tjek vores liste nedenfor, og lad os vide, hvis vi har gået glip af noget, som du synes, skal vises i kommentarerne nedenfor.
01. HTML, CSS og JavaScript
Lad os få denne ud lige fra starten!
HTML
HTML står for HyperText Markup Language og er sproget på nettet.
Enkelt sagt giver HTML en måde for webdesigneren at fortælle din webbrowser, hvordan man behandler et bestemt stykke indhold. HTML indeholder et antal forskellige tags, der giver designeren mulighed for at markere deres indhold med semantisk betydning, så afsnit identificeres som tekstkopi, mens billeder importeres som billeder og så videre.
CSS
HTML er ikke nok alene for at skabe smukke websider. Cascading Style Sheets (CSS) giver en metode til designere til at oprette et visuelt sæt regler, der bestemmer, hvordan forskellige elementer på en webside gengives på skærmen af browseren.
CSS giver mulighed for at indstille ting som tekstfarven, baggrunden, størrelsen, formen og placeringen af alle de forskellige dele af en side.
JavaScript
Endelig er JavaScript (som antydet af navnet) et script-sprog, der giver designere mulighed for at oprette interaktioner på en webside.
Historisk blev JavaScript primært brugt til formularvalidering og leverede de irriterende advarselsbokse, der dukkede op, da du glemte at indtaste dit telefonnummer i telefonfeltet. I disse dage er der mange mere anvendelige anvendelser til JavaScript, herunder specielle visuelle effekter eller muligheden for at indlæse nyt indhold uden at skulle genindlæse hele siden.
En vigtig ting at bemærke er, at JavaScript trods navnet ikke har nogen relation til Java-programmeringssproget overhovedet.
Læs også:
02. Responsivt design
Du kan ikke have undladt at have hørt om begrebet responsivt design. I de sidste mange år har dette været et ægte buzz-ord på nettet, og det viser ingen tegn på at give op. Kunder er endda begyndt at kræve lydhøre hjemmesider fra deres designere, ofte uden fuldt ud at forstå, hvad det er, de beder om!
Enkelt sagt er et responsivt design et, der tilpasser sig brugerens enhed og i en ideel verden brugerens kontekst, så det viser det krævede indhold på den mest passende og tilgængelige måde, uanset hvilken slags internetforbundet enhed der er bruges til at se det. I praksis betyder det, at en webside vil paginere sig selv, når skærmstørrelsen reduceres eller øges og vises i flere kolonner, når de vises på en stationær computer, men kun en enkelt kolonne, når de vises på en smartphone.
Bemærk, at begrebet responsivt design handler om meget mere end blot at omformatere indhold. Læs følgende artikler om responsivt design for at lære mere:
- Kom godt i gang med responsivt webdesign
- Nyttige responsive designtutorials
- Top responsive designværktøjer
- Bedste responsive websteder
03. Semantisk markering
Semantisk markup er en tilgang til kodning af HTML, hvor markup-tags, der bruges til at beskrive indhold, også giver relevante metadata om selve indholdet. For eksempel kan et stykke information, der er relevant for hovedets indhold, men ikke direkte emnet for siden, markeres som værende et.
Selvom det måske lyder som en åbenbar metode til bedste praksis, og internettet bestemt er konstrueret med semantik i tankerne, har brugen af denne tilgang ikke altid været ligetil ...
Tidlige dage
I de tidlige dage på nettet var antallet af tilgængelige HTML-tags begrænset. Mange af de tags, der eksisterede, var rent semantiske:
tag bruges f.eks. til at markere afsnitindhold.
Over tid ønskede designere at skubbe grænserne for, hvad der var muligt for at skabe mere sofistikerede layouter end det sprog, der var tilladt, når det blev brugt i sin reneste form, så lignende som
| tags, der var beregnet til markering af tabeldata, blev genindlagt for at give en pålidelig løsning til oprettelse af søjleformede layout. På samme tid begyndte designere at stole på standardvisuelle egenskaber for et bestemt tag for at definere, hvilket tag de brugte til indhold, snarere end at omstille det semantisk passende tag, der passer til designet. Som et resultat blev stor fed tekst ofte gengivet som en overskrift ( ,etc) tag, snarere end en eller - for vægt - tag.04. SaaS Ikke at forveksle med SASS , SaaS er et akronym for Software as a Service. Enkelt sagt betyder det enhver tjeneste, der leverer en softwareplatform, leveret fra eller via skyen. Populære eksempler på SaaS i aktion inkluderer de nyeste versioner af Microsoft Office online, Google Docs og Photoshop Express. Hver af disse tjenester giver en desktop-lignende oplevelse for brugeren, men leveres direkte fra internettet uden behov for at installere yderligere software på brugerens computer. 05. A / B-test A / B-test er en metode til at afprøve forskellige måder at opnå det samme slutresultat med det formål at gennem eksperimentere fastslå, hvilken løsning der er den mest effektive. Typisk bruges A / B-test til at prøve forskellige layouts af websider og spore, hvor mange brugere der konverterer til betalende kunder ved hjælp af de alternative layouts. Ved at fortsætte en iterativ proces med prototyping, evaluering og tilpasning kan A / B-test give en signifikant stigning i konverteringsfrekvensen på de enkelte sider. Det er et nyttigt værktøj at bruge: bedre konvertering betyder en bedre balance! Læs også:
06. LUFT ARIA er et akronym for Accessible Rich Internet Application og henviser til ideen om, at webapps bruges af en række mennesker med forskellige behov for hjælpende teknologi og layout. ARIA bruges typisk som et udtryk til at beskrive de teknologier, der anvendes til at bygge bro over kløften mellem brugerens behov og et websted eller en webapp. Som et resultat kan det henvise til skærmlæsningssoftware, strukturelle layouttilgange og designmetoder såsom brugerfokuseret interface-design med det formål at øge tilgængeligheden af indhold og funktionalitet. W3C sponsorerer meget af det arbejde, der er afsluttet på dette felt, og du kan finde ud af mere på Web Accessibility Initiative ARIA-websted . Læs også:
07. Informationsarkitektur (IA) Informationsarkitektur (IA) er et generisk udtryk, der bruges til at beskrive det semantiske layout af indhold og information på et websted. Det henviser til organisationen af informationen, der beskæftiger sig med, hvilke sider der går i et websteds struktur, hvilket indhold der findes på hver side, og hvordan hver af disse interagerer med andre sider på webstedet. Som felt er IA optaget af at gøre det så let som muligt for brugerne at finde de oplysninger, de leder efter med det formål at øge konvertering, indtægter og / eller brugertilfredshed.
08. Server-side scripting Der er to forskellige måder at levere applikationsfunktionalitet på et websted: klientsiden, hvor al logik og datahåndtering håndteres af webbrowseren ved hjælp af JavaScript, og serversiden, hvor databehandlingen udføres på serveren. De fleste webapps kombinerer de to, så alt fra brugerens synspunkt håndteres alt i browseren, men bag kulisserne sendes data tilbage til serveren for at blive lagret, manipuleret eller genereret. Serverside-scripting er en generisk betegnelse for at beskrive de sprog, der bruges til at programmere denne managers manipulering på datasiden. Scripting-sprog som PHP og ASP.NET giver en ligetil måde for webudviklere at skabe sofistikeret forretningslogik, der kan interagere med en database, udføre komplekse datafunktioner og give oplysninger tilbage til browseren. Fordi behandlingen udføres på serveren, behøver brugerens webbrowser ikke arbejde så hårdt, hvilket forbedrer den tilsyneladende ydeevne, i det mindste set fra brugerens perspektiv. 09. Visuelt hierarki Dette er ikke begrænset til webdesign alene, men det bruges i stigende grad, når der henvises til designet og layoutet på en webside, så det blev gjort på vores liste over de bedste termer. Kort sagt henviser visuelt hierarki til arrangementet af designelementer på en side, så de vigtigste elementer ser ud til at have større vægt. Denne vægt opnås normalt ved brug af størrelse, farve, skrifttype og specialeffekter såsom dropskygger. Visuelt hierarki er ofte en bevidst beslutning som et resultat af en informationsarkitekturproces. 10. Uendelig / parallaksrulning Uendelig rulning og parallax er to separate ting, men de ses ofte sammen, så vi har pakket dem sammen her. Uendelig rulning er i øjeblikket en trendy måde at præsentere et websted på, så i stedet for at indlæse separate sider for at se indhold, indlæses alt sideindholdet på en enkelt side, der ruller for at vise forskellige indholdsområder. Udgangspunktet er, at når brugeren ruller ned ad en side mod slutningen af indholdet, indlæses nyt indhold og tilføjes til bunden af siden, hvilket skaber en 'uendelig' rulle. Populære eksempler inkluderer Facebook-tidslinjevisningen, Pinterest og Tumblr. Parallax er den effekt, der ses, når elementer tættere på dit synspunkt ser ud til at bevæge sig hurtigere end emner længere væk. Dette ses bedst fra en bevægelig bil eller et tog, hvor hegn og træer tæt på køretøjet ser ud til at bevæge sig hurtigt forbi, mens bjerge i det fjerne ser ud til at bevæge sig langsommere. På nettet bruges den samme effekt til at skabe en dybdefølelse af webstedsdesign, hvilket ofte giver bevægelse som svar på brugerens rulning. Læs også:
Ord: Sam Hampton-Smith Interessant I Designverdenen |
