Webdesign 3.0: Når dit webdesign virkelig betyder noget

Introduktion

Vi elsker webdesign, og det er vores lidenskab. Webdesign er en del af vores liv. Siden 2000 har vi set hvad der sker i Web Design verden hver dag. Vi er involveret i Web Design-processen, og der har været millioner af websider designet med vores aktive deltagelse. Og nu vil vi gerne dele nogle af vores spændende ideer med dig.

For første gang deler denne artikel hemmeligheden om, hvordan man opretter de mest trendy webdesign i verden. Du lærer de grundlæggende regler for moderne webdesign til at oprette websteder, blogs og temaer i verdensklasse. Du finder ud af, hvordan man bliver unik, hvordan man skiller sig ud fra konkurrencen, og hvordan man kan tiltrække dine kunders opmærksomhed.

Denne artikel består af flere kapitler:

I kapitel 1 finder vi ud af, hvordan Web Design ændrer sig. Du lærer også om fødslen af ​​den nye generation af webdesignere, der designer websider i Web Design 3.0.

I kapitel 2 vil vi tale om webstedsbyggere, der hænger bag tendenser og bremser Web Design-udviklingen.

I kapitel 3 lærer du, hvordan du opretter moderne webdesign hurtigt og nemt på en ny måde.

Kapitel 1. Webdesign er ved at ændre sig

Den første ting, vi vil tale om, er Web Design. Det ændrer sig hurtigt. For at forstå dette skal du gennemgå Web Design-udviklingen: fra de første websteder til trendy websteder i dag. Vi vil forsøge at forudsige, hvilken slags webdesign der vil være populær i den nærmeste fremtid.

Der er tre faser i udviklingen af ​​Web Design. På billedet herunder har vi farvet hvert trin og føjet år til tidslinjen.

Evolution af webdesign

Første websteder

De første websteder var tekstbaserede. Og det er svært at sige, at de havde nogen Web Design.

Overgang til webdesign 1.0

Senere var der overgangen til Web Design 1.0. Nogle grafiske elementer dukkede op på websteder, som blev mere attraktive. Websider fik tabeller. Derefter transformeres tabeller til Layouts og Grids. Tabeller gav en vis fleksibilitet, men de var ikke mobilvenlige, og det var ikke påkrævet på det tidspunkt.

Mange mennesker oprettede deres egne Content Management Systems (CMS). Så webmastere behøvede ikke at redigere HTML-filerne eller uploade dem til servere. Men det var muligt at ændre indholdet online i realtid.

Udviklingen af ​​Web Design og udbredelsen af ​​mobiltelefoner førte til nye ændringer.

Overgang til webdesign 2.0

Den næste overgang var til Web Design 2.0. Websider fik rister, og webdesignere kunne arrangere elementer med Layouts.

Bootstrap accelererede hastigheden for Webudvikling. Det forenklede processen og gjorde det mere praktisk. Bootstrap understøttede mobile enheder fra starten med Grids.

Bootstraps grid strækkes automatisk ud til skærmens fulde bredde. Det reducerede udviklerens tid, der blev brugt betydeligt på kodning til understøttelse af desktops, laptops, tablets og telefoner.

WordPress, Joomla og Drupal blev de mest populære Content Management Systemer. De erstattede de selvskrevne systemer, som var ufuldkomne og dyre at skrive og vedligeholde, og som også havde begrænset funktionalitet. Takket være WordPress og Joomla kunne enhver oprette en blog eller et websted. Og i dag er mere end 20% af webstederne bygget ved hjælp af disse systemer.

WordPress og Joomla understøttede altid temaer og skabeloner, hvilket gjorde det muligt at ændre designet uden at ændre indholdet. Det var muligt at oprette temaer manuelt eller købe færdiglavede temaer. Webmastere kunne også bruge Theme Builder. Der er en masse temaer og skabeloner til rådighed.

I 2008 ankom Artisteer. Det blev den mest populære Theme Builder på det tidspunkt. Med Artisteer kunne hvem som helst oprette temaer og skabeloner på få minutter. Millioner af websteder bruger temaer designet i Artisteer.

Er webdesign død?

Det ser ud til, at alle skal være glade: webdesignere, webudviklere og brugere. Der var dog et nyt problem. Webdesignere begyndte at stille et spørgsmål: “Er Web Design død?”. Du kan finde artikler, der stiller det samme spørgsmål på alle kendte platforme, såsom Medium, Mashable, SmashingMagazine, Quora og Reddit. Siden 2015 har webdesignere stillet det samme spørgsmål.

På billedet herunder kan du se Googles søgeresultater for denne sætning.

Søgeresultater på Google

Hvorfor sker dette? Bootstrap nåede højden på sin popularitet i 2015–2016. Du kan se dette i nedenstående diagram.

Bootstrap i Google Trends

Hovedårsagen til dette problem var i Bootstrap og analoger. Bootstraps webdesign lignede så meget på hinanden, at det var som om de blev lavet med en skabelon. Mange webstedsbyggere forværrede situationen, idet Bootstrap var kernen i deres systemer. Webstedsdesign startede med et stort billede, og andre dele passer ind i strukturen mellem to, tre og fire celler. Mange temaer og skabeloner i Bootstrap øgede distributionen af ​​dette problem.

Se på billedet herunder.

Pinterest-resultater for “web design bootstrap”

I 2015 udgav Ben Hunt bogen med titlen ”Webdesign er død.” Hovedideen med bogen er, at populariteten af ​​50-dollars temaer og skabeloner næsten dræbte efterspørgslen efter webdesignerens arbejde. En brugerdefineret webdesign koster meget mere, fordi det kræver tid, viden og færdigheder. Udover designet kræver det tilpasset HTML- og CSS-kodning.

Er dette stadig et problem i dag? Ja det er. Efter fire år er problemet stadig ikke løst. På billedet herunder kan du se Googles søgetips. Folk fortsætter med at stille dette spørgsmål i dag.

Søg tip på Google

Webdesignere begyndte at finde løsninger. De kunne ikke holde sig væk og se Webdesign, deres livs lidenskab, sidde fast i gang. Der er altid designere, der ønsker at gøre internettet til et bedre sted. Steve Jobs sagde engang, ”Tænk anderledes” om sådan en slags mennesker. Disse mennesker søger altid nye ideer.

Print Design

Webdesign er meget ung. Den er omkring to årtier gammel. Print Design kom længe før Web Design, og det har hundreder af år i historien.

Udviklingen af ​​Print Design. Ophavsret til onlinedesignteacher.com

Udskrivningsværktøjer gjorde det altid muligt for annoncer at placere genstande frit. Designere var ikke begrænset i deres kreativitet. Og udgivere var altid frie i deres ideer. De behøvede ikke at tænke på HTML, CSS eller mobile enheder.

Print Design-formlen:

GRATIS POSITIONERING + KREATIVITET = MODERN PRINT-DESIGN
Printdesign på Pinterest

I dag har mange udgivere reduceret udskrivningen betydeligt og gået online. Trykte sider er blevet websider på Internettet. Men disse websider mistede kreativiteten og friheden i Print Design. Designere ønskede ikke at miste de printideer, de har samlet i årevis. De begyndte at designe med trykte ideer online.

Fødsel af webdesign 3.0

Fra 2016 begyndte vi at lægge mærke til ideer fra Print Design, der regelmæssigt vises på webside-design på Pinterest, Behance og Dribbble. Disse nye webdesign var forskellige med:

  1. Fri positionering.
  2. Element overlapper hinanden.
  3. Fjernelse af tabelbegrænsninger af Bootstrap-lignende rammer.

Det betød fødslen af ​​Web Design 3.0!

Web Design 3.0 handler om designerens frihed.
Moderne webdesign fra Pinterest

I sommeren 2016 præsenterede 83 Oranges (https://83oranges.com/) artiklen med titlen: “Web Design Trends.”

Forfatteren identificerede følgende nye stilarter i Web Design:

  • Tekst over billede
  • Overlappende billeder
  • Lodret tekst & Super Clean Layouts
  • Ujævne gittergallerier
  • Her billeder med store overskrifter
  • Abstrakte brandelements
83 Appelsiner på Pinterest

I kapitel 3 vil vi se nærmere på stilarter, og hvordan du kan oprette websteder i Web Design 3.0.

Fjernelse af tabelbegrænsninger

Hvad betyder det at fjerne tabelbegrænsninger? Lad os bruge eksemplet på billedet herunder, der viser de typiske fotos på væggen. De ligner en tabel.

Eksempel fra Pinterest

Hvis du søger efter “billedvæg” på Pinterest eller Google nu, vil 90% af resultaterne se ud som på billedet herunder. Du bemærker de dramatiske ændringer i Design generelt i dag. Design har set hurtige fremskridt på alle områder.

Eksempel fra Pinterest

Er du enig i, at disse eksempler ligner moderne Print Design og Web Design 3.0? Hvorfor sker dette? Ingen vil se kedelige borde fra fortiden på deres vægge. Folk ønsker at imponere venner med unikke ideer. Alle ønsker at udtrykke deres følelser med design.

Moderne gitterlayouts

Vi ser mere brug af komplekse gitter i Web Design. Og CSS Grid er blevet mere populært.

Eksempler på komplekse gitre

Webdesign 3.0-tendenser

Trendy design, der bryder stereotyper, bliver mere populære. I diagrammet kan du se, at flere designere hvert år opdager verdenen af ​​Web Design 3.0. Dette diagram viser resultaterne om emnet "webdesign" på Pinterest, Behance og Dribbble. Vi spår, at denne tendens vil fortsætte i fremtiden.

Webdesigntrends fra Pinterest, Behance og Dribbble.

Web Design Research

Hver dag undersøger vi og tester med nye Web Design-ideer. Vi uploader vores designs til Pinterest. Vi ser, hvordan brugere reagerer ved at gemme design på deres tavler. Vi var meget imponeret over resultaterne. Websteder med Web Design 3.0 får ti gange mere feedback end 2.0.

De faktiske data bekræfter disse forskningsresultater. På flere måneder fik vi cirka 800 000 unikke månedlige seere. Det siger meget om den voksende popularitet af sider i Web Design 3.0.

Publikumsvækst på Pinterest

Hvis du vil gøre dine webdesignideer mærkbare på Pinterest eller Behance, er der ingen alternativer. Du skal designe websteder i Web Design 3.0. Hvis du ikke er startet, skal du skynde dig! Vi hjælper dig med at forstå, hvad du nøjagtigt skal gøre.

Hovedmål

Vores mål er at fortælle webdesignere om de nyeste webdesign-tendenser. Vi ønsker at forklare forskellen og hvordan man opretter websteder i Web Design 3.0. Vi prøver at sprede vores ideer. Vi elsker at dele vores oplevelser om, hvordan man bliver de mest populære webdesignere i verden. Vi ønsker at være den vigtigste drivkraft for Web Design 3.0 i branchen. Vi leder altid efter mennesker, der tænker anderledes. Sammen kan vi ændre Web Design industrien.

Web Design 3.0-ideer på Pinterest

For ikke-designere

Du kan spørge, hvor er websteder i Web Design 3.0? Hvorfor ser vi stadig et par af dem på Internettet som arbejdswebsteder? Der er flere grunde.

  1. Designere har ikke praktiske værktøjer til at oprette HTML- eller WordPress-sider i Web Design 3.0. Og eksisterende webstedsbyggere mangler fri positionering. Designere er stadig nødt til at bruge grafisk designværktøjer som Adobe Photoshop, Adobe XD eller Sketch App for at realisere ideer. For at dele ideer med verden uploader de ideer som billeder til Pinterest, Behance og Dribbble. Webdesignere er ikke i stand til at oprette fungerende websider. Hvis de ønsker at gøre mock-ups til websider, skal de skrive HTML- og CSS-koden manuelt. Men det er en lang og dyr proces.
  2. Der er ingen ressourcer, hvor du kan se de aktuelle tendenser inden for Web Design. Ja, der er Pinterest, Behance og Dribbble. Men for at forstå tendenser skal du overvåge ændringerne hver dag. I hver branche er der ressourcer, hvor du kan finde ud af, hvad der er tendens i dag: i film, i musik, på YouTube. Tendenser viser alt, men ikke Web Design. Det skaber en masse spekulationer om trends inden for Web Design. Der er mange ”eksperter”, der taler om trends. Men vi har brug for en ressource med data om webdesign. Derefter vil det være muligt at forstå dagens tendenser med et enkelt klik.
  3. På grund af manglen på reelle data og pålidelige autoritative udtalelser, designere fortsætter med at designe i gamle stilarter.
  4. Der er et misforhold mellem design og værktøjer. Webstedsbyggerne er ikke i stand til at skabe moderne webdesign. Det bremser væksten i Web Design 3.0 betydeligt. Vi er stærkt imod, at designere er begrænset i kreativitetens frihed. Designere skal have et valg, i hvilken stil de skal bygge deres websteder. Moderne webdesign skulle komme ud af podierne af modeshow på Pinterest og Behance for at blive fungerende websteder.
Moderne webdesign skulle komme ud af podierne af modeshow på Pinterest og Behance for at blive fungerende websteder.

Resumé

Webdesign er ung, men det skrider hurtigt frem.

  • Overgang 1 er udseendet på grafik på Internettet. Det gjorde nettet mere attraktivt og interessant og gjorde det muligt for internettet at erobre verden. Brug af grafik gjorde det muligt for Internettet at blive en ny uafhængig måde til informationsdistribution.
  • Overgang 2 er udseendet på blogs, gitter og support til mobile enheder. Brug af Bootstrap og spredning af skabeloner gjorde Web Design kedeligt.
  • Overgang 3 er den mest betydningsfulde. Det førte til Web Design 3.0. Udgivere, der er online, og brugerne skifter til mobile enheder Designere tager ideer fra Print Design til Internettet. De vil have frihed til kreativitet, fri positionering og fjerne bordbegrænsninger.

Kapitel 2. Webstedsbyggerne står bag tendenser

Den anden del handler om populære webstedsbyggere, deres udvikling og hvad de har brug for for at matche Web Design 3.0.

Er webstedsbyggere baseret på Bootstrap bag moderne Web Design tendenser? Desværre er det sandt. Hver dag bliver forsinkelsen mere åbenlyst og mere synlig. Lad os finde ud af, hvorfor det sker detaljeret.

Webstedsbyggeres udvikling

I lighed med Web Design, lad os se på historien med webdesignværktøjer. Der var også tre overgange. På billedet herunder kan du se nogle af de populære værktøjer til Web Design.

Tidslinje for webstedsbyggerne

Lad os gennemgå disse overgange i detaljer.

Overgang til visuelle redaktører

Webmastere redigerede websidens indhold i tekstredaktører. Disse redaktører gjorde det muligt for brugeren at skrive HTML-koden. På det meste tilbød de praktisk kodefarve, automatisk kodeformatering og fejlbelysning i HTML-koden. Overgang 1 var fra tekst til visuelle redaktører.

Overgang til visuelle redaktører

Overgang til bootstrap

Overgang 2 var fremkomsten af ​​blogsystemer som WordPress og Joomla og værktøjer til at oprette temaer, for eksempel Artisteer. Folk designede millioner af temaer i Artisteer. Men i flere år blev Artisteer-tema-design forældet.

Der blev frigivet nogle populære webstedsbyggere og WordPress-plugins: Webflow, VisualCompuser, Elementor, Divi og andre. De fleste af dem er Bootstrap-baserede. De er gode til Web Design 2.0.

Hvad mangler de til Web Design 3.0? Disse webstedsbyggere og plugins har ikke fri positionering og lag. De tilbyder heller ikke enkelheden og bekvemmeligheden ved grafisk designværktøjer, som designere har brug for.

For nylig ændrede Bootstrap hovedillustrationen på hjemmesiden. Som du ser nedenfor har det lag. Måske Bootstrap arbejder på lag og fri positionering.

Start-startside

Her er andre eksempler. Hvis designere har brug for hvidt rum, skal de tilføje tomme elementer og rækker. For at oprette en overlapning af elementer skal de specificere de negative værdier for marginer. Det forvandler Web Design-processen, som burde være sjov, til kompliceret og kedeligt arbejde.

Overgang til Web Design 3.0

Den aktuelle igangværende overgang er til Web Design 3.0. Og det sker nu. Desværre er mange webstedsbyggere ikke klar til moderne design.

Vi mener, at der hurtigst muligt bør tages skridt for at forhindre, at Web Designs fremskridt stoppes. Ændringerne skal være i den rigtige retning. Der er mange varianter af, hvordan man forenkler webstedsbyggerne og tilføjer mere kreativitet til webdesign. Men ikke alle varianter er gode nok.

Vi gennemgår følgende tilfælde: manglen på kreativitet, Wix og Gutenberg.

Mangel på kreativitet

Det er umuligt at tro, men nogle gange bevæger udviklere sig i den modsatte retning. Nogle "nyfangede" værktøjer, såsom Wix ADI, GoDaddy Site Builder, og Mobirise har et fast sæt foruddannede skabeloner. Brugere kan kun ændre tekst og billeder, ikke layoutet. Vil udviklere, at alle websteder skal se ens ud? Hvilken slags kreativitet og udvikling af Web Design er det?

Det er sandt, at værktøjer kan være lette at bruge, da du ikke kan ændre designet. Måske er nogle brugere enige om at have enkelhed uden evnen til at ændre designet. Men vores mål er at have den enkleste bygherre og på samme tid at bevare den maksimale frihed for kreativitet. Vi har brug for et revolutionerende gennembrud i værktøjer.

Gutenberg

Her er endnu et eksempel. Som bekendt frigav WordPress en ny artikelredaktør - Gutenberg. Hvad er årsagen til dens udseende? Det ser ud til, at WordPress-udviklere ønskede at oprette den samme artikeleditor, som Medium.com har. De ønskede også at have funktioner i værktøjer som VisualComposer. De lavede begge, artikelredaktøren kombineret med den enkle webstedsbygger. Det ser ud til, at alle igen skulle være glade. Men faktisk ser vi det modsatte. Brugere kunne ikke lide denne WordPress-innovation. Se billedet herunder.

Screenshot fra WordPress.org

Hvorfor skete dette? Gutenberg-redaktøren ser ud til at være kompliceret for en simpel artikelredaktør. Samtidig har det svage funktioner for en webstedsbygger. Desuden er webdesign genereret af Gutenberg ikke engang i Web Design 2.0. De ligner mere Web Design 1.5 af 2010.

De kunne tilbyde et praktisk API for at gøre det lettere for udviklere at oprette deres egne webstedsbyggere i WordPress. I stedet frigav de en anden konkurrent til eksisterende webstedsbyggere. De gav heller ikke nogen forhåndsdesign.

Måske over tid vil nogle udviklere acceptere dette. Der er intet alternativ til WordPress. Men det hjælper ikke os med at komme nærmere det primære mål. Vi har brug for den enkleste editor til at bygge websteder i Web Design 3.0.

WIX

Wix forsøgte at blive et værktøj til Web Design 3.0. Wixs problem er, at dens HTML ikke opfylder de standarder, der er vedtaget af webstedsudviklere. Elementpositioneringen er absolut. Som et resultat kan HTML'en ikke redigeres, og det er vanskeligt at vedligeholde mobile enheder. Wix understøtter kun desktops og telefoner. I praksis er der normalt understøttelse af fem typer enheder. Wix beregner positioneringen igen med JavaScript, ikke HTML5 og CSS3. Der er heller ikke noget ejendomspanel som i alle populære grafiske designværktøjer, der bruges af designere.

Det ser ud til, at Wix mest er for slutbrugere, ikke for designere og udviklere. Se for eksempel kommentarerne under den populære YouTube-video med titlen "Sådan oprettes et websted - Webdesignvejledning" på kanalen "Draw with Jazza". Diskussionen under denne video fortsætter.

Skærmbillede fra YouTube

Wix forsøgte at forenkle webstedsudviklingen og skabte Wix ADI. De fjernede muligheden for at redigere designet fuldstændigt. Du kan kun ændre teksten og billederne. Så med ADI gik de endnu længere væk fra Web Design 3.0.

Webstedsbyggerne har ingen fremskridt

Hvorfor er det så svært at skabe nye værktøjer, som Web Design-industrien har brug for?

  1. Vanskelighed. Webstedsbyggere er ganske komplekse systemer, der kræver betydelige investeringer og tid til udviklingen. Det kræver også en god idé, der kan ændre Web Design.
  2. Monopol. Det er vanskeligt for nye værktøjer at komme ind på det eksisterende marked for webstedsbyggere. De nuværende værktøjer har en stor brugerbase akkumuleret gennem årene. For nye værktøjer er det vanskeligt at informere et stort antal brugere. Derfor har vi brug for din hjælp og support til at sprede information.
  3. Passivitet. Udviklere og brugere af eksisterende webstedsbyggere er meget passive. Ændringer er altid relateret til visse risici og ekstra indsats. Folk foretrækker ikke at ændre noget, da de tror, ​​det vil være sådan for evigt. Vær ikke passiv!

Fremskridt foregår

Som vi allerede har set, står fremskridtene ikke stille og fortsætter. Ingen kan stoppe det. Samtidig møder de nye altid vanskeligheder på vej. Vores fælles mål er at støtte innovatører af Web Design 3.0 til at ændre Internettet.

For eksempel er elektriske køretøjer fortsat med at erobre markedet på trods af den enorme modstand fra oliemonopol og producenter af traditionelle benzinbiler.

Billede af Tesla.com

Tilsvarende kan det se ud til, at nuværende Web Design 2.0 og webstedsbyggerne er de eneste muligheder. Det er ikke sådan. Vores opgave er at give en chance for noget nyt. Sammen kan vi sprede ordet om Web Design 3.0 og værktøjerne i den nye generation!

CSS Grid

CSS Grid er blevet den nyeste standard for bygning af layouts.

Den nye dimension i webdesign

Elementernes positionering har også sin udvikling.

Web Design 1.0 er "en-dimensionelt." Designelementerne er for det meste arrangeret efter hinanden.

Webdesign 2.0 er "to-dimensionelt." Der er gitter til placering af elementer i celler, hvilket giver mere frihed.

Webdesign 3.0 er den nye dimension. Det har den frie placering af elementer, overlappende og lag som i værktøjer til grafisk design. Det åbner de nye udsigter for Web Design. Og det er begyndelsen på den nye Web Design-æra.

Dimensioner i webdesign

Den nye dimension er som LEGO-klodser kontra mosaikker.

Web Design Generationer

Fjernelse af tabelbegrænsninger

Som sagt kræver Web Design 3.0 fri placering og fjernelse af tabelbegrænsninger. Den unikke placering af elementer gør Web Design i sig selv unikt. I modsætning til to-, tre- og firesøjle-design, der ligner hinanden meget.

Gratis placering af elementer gør Web Design unikt

På billedet herunder kan du se fri placering af elementer i Web Design 3.0. Positioneringsfriheden gør en stor forskel for designere.

Positionering i webdesign

I Web Design 3.0:

  1. Du kan placere elementer frit. Du kan efterlade hvid plads, om nødvendigt.
  2. Du kan ændre størrelse på elementer frit.
  3. Du kan overlægge elementer og gitterceller.
  4. Naturligvis skal dine websider være mobilvenlige.

Disse funktioner er standard til værktøjer til grafisk design. I kapitel 3 drøfter vi, hvordan man anvender disse funktioner i praksis til at oprette sider i Web Design 3.0.

Gratis positionering og overlappende elementer vinder popularitet i alle typer design.

Fri placering i interiører

Begrænset kontra fri placering

Hvad tilbyder eksisterende webstedsbyggere? På billedet herunder kan du se eksemplet på et to-cellet gitter. Du ser teksten i venstre celle. Forestil dig, at du vil forbedre dit design, så du spekulerer på, hvor du skal placere teksten.

Der er to måder. Den første er til venstre på billedet ovenfor. Du ser de røde linjer. Disse er pladsholdere, der understøttes i nuværende webstedsbyggere af Web Design 2.0. Normalt kan du placere elementer mellem andre elementer i gitteret eller i andre celler. Dette er begrænset positionering.

Helt seriøst? Er der nogen der tror på, at sådanne begrænsninger i de nuværende webstedsbyggerne giver mulighed for at skabe virkelig unikke og moderne webdesign? Svaret er den begrænsede positionering, der gør det næsten umuligt at opbygge websteder i Web Design 3.0!

Der er dog den anden vej, der er til højre. Som du ser, er der et ubegrænset antal stillinger. Du kan placere teksten hvor som helst, du vil, ikke kun hvor det er muligt. Og det er sådan for nye webstedsbyggere af Web Design 3.0, den gratis positionering.

Populære bygherrer hævder at have fri positionering eller frihånd. Deres frihåndselementer er imidlertid placeret absolut. Absolut placerede elementer er ikke mobilvenlige, og de skal placeres manuelt i hver mobilvisning. I Web Design 3.0 er elementer placeret relativt og mobilvenlige.

Begrænset kontra fri placering

For eksempel rejser du i Washington, DC. Du har to muligheder for at bevæge dig rundt i byen. Du kan bruge offentlig transport eller køre rundt i byen med bil eller taxa.

På billedet herunder ser du kortet med offentlig transport til venstre. Køreplanen til kørsel i bil er til højre. Føler du forskellen? Det ligner meget den frie positionering i Web Design 3.0. Du har meget mere valgfrihed.

Kort over Washington DC

Et andet eksempel: denne artikel blev redigeret i Microsoft Word. Det har begrænset placering svarende til Web Design 2.0. MS Word-funktionerne er nok til at skrive en artikel. Men MS Word er ikke nok til at designe en præsentation. Vi har Microsoft PowerPoint til det. Føler du forskellen? I MS PowerPoint kan du placere elementer frit. Det giver dig meget mere frihed for kreativitet i design. Se forskellen i følgende billede.

Microsoft Word og Microsoft PowerPoint

At opbygge websider i Web Design 3.0 ved hjælp af nuværende webstedsbyggere svarer til at oprette præsentationer i Microsoft Word. I disse år er designere blevet tvunget til at bruge meget begrænsende værktøjer til at designe websider. Der var ingen at fortælle og give designere alternativerne.

Separate markeder

Lad os se på markedet for aktuelle værktøjer til grafisk design. Designere bruger disse værktøjer til at oprette ideer i Web Design 3.0. Samtidig er der et andet marked for webstedsbyggere. Webmaster bruger bygherrer til at oprette fungerende websteder. Så dette er to vidt adskilte markeder.

Markeder af værktøjer til webdesignere og webmastere

Du ser populære grafiske designsystemer til venstre. Designere bruger altid disse værktøjer til at designe mockups i Web Design 3.0. Alle disse værktøjer har fri placering, overlapning af elementer og lag. Men du kan ikke bruge dem til at oprette fungerende websteder, da de kun gemmer billeder.

Der er nogle nuværende populære webstedsbyggere til højre. Designere bruger disse platforme til at oprette websteder. Men det er meget vanskeligt eller næsten umuligt at designe moderne websteder i Web Design 3.0 i disse webstedsbyggere.

Når vi først fandt en interessant webside i Web Design 3.0, var vi meget nysgerrige efter dens HTML-kodning. I browserinspektøren fandt vi, at hele designet var som et stort billede.

Er der knapper eller links? Ja, knapper er klikbare billedområder i HTML. Vi ser, at denne side er designet i værktøjet Grafisk design og blev uploadet til webstedet som et billede, fordi der ikke er nogen passende og brugervenlig webstedsbygger til Web Design 3.0.

Billede fra AnnTaylor.com

Webdesignere har brug for:

  • Fri positionering
  • Fjernelse af tabelbegrænsninger
  • Lag
  • Egenskabspanel til elementer
  • Support til Windows og Mac OS

Webmastere har brug for:

  • Rengør HTML og CSS
  • Support til mobilenhed
  • WordPress og Joomla support
  • Opbygning af websteder online

Som vi kan se, er disse krav forskellige. For at oprette websteder i Web Design 3.0 har vi brug for revolutionerende ændringer.

Resumé

  1. Webstedsbyggere hænger bag den verdensomspændende Web Design-verden.
  2. Historien om webdesignværktøjer har involveret flere overgange. Fremskridtene er imidlertid stoppet. Der er adskillige tegn på, at den nye overgang skal ske.
  3. Der er separate markeder for webdesignere og webmastere. Populære webstedsbyggere understøtter ikke hovedfunktionerne i Web Design 3.0: fri placering og fjernelse af tabelbegrænsninger og lag.

Kapitel 3: Værktøjer til webdesign 3.0

Tror du, det er muligt at oprette Web Design 3.0 med kun et værktøj? Ja, men det er svært. Det er som at bruge en et-hjulet cykel. Det er let med to hjul, der arbejder sammen, ligesom på en cykel.

Den nye formel for det moderne webdesign ser således ud:

WEB DESIGN + WEB MASTERING = WEB DESIGN 3.0

De nye værktøjer vil have funktioner til både webdesign og webmasterværktøjer. På det tidspunkt er understøttelsen til lydhør webdesign et must. Web Design 3.0-bygherrer befinder sig i det krydsende blå område på billedet herunder.

Krydset mellem markeder for webdesignere og webmastere

Eksisterer sådanne værktøjer? Ja de gør. For eksempel er Wix en populær platform, og vi diskuterede dens problemer ovenfor: absolut positionering, ikke-redigerbar HTML og begrænset responsiv support. Det ser ud til, at Wix er til slutbrugere, ikke for designere og webudviklere. Wix er ikke tilgængelig for Windows og Mac OS, kun online. Wix understøtter ikke WordPress eller Joomla.

Et andet eksempel, Nicepage er en ny opstart til opbygning af sider i Web Design 3.0. Det har funktioner i et grafisk designværktøj og en webstedsbygger, der er velegnet til webdesignere og webmastere: gratis positionering, overlapning af elementer, mobile enheder og moderne gitter. Det genererer ren HTML og CSS. Nicepage er tilgængelig til Windows, Mac OS og online. Der er også Joomla Extension og WordPress Plugin.

Kreativ og enkel

Er de nuværende webstedsbyggere enkle og fleksible nok til at oprette unikke websteder i Web Design 3.0? Se billedet herunder.

Vi ser, at de nuværende webstedsbyggere ikke er enkle og nemme at bruge. Hvis designere tilføjer nogle unikke egenskaber til websteder som i Web Design 3.0, er processen meget vanskelig med de nuværende systemer. På den anden side, hvis et system er enkelt, tilbyder det begrænset funktionalitet.

Grafen viser, hvordan de nuværende webstedsbyggere kan placeres ved kreativitet og enkelhed. Og der er webstedsbyggere, hvor kreativiteten og enkelheden tages i betragtning for at tillade bygning af websteder i Web Design 3.0.

Dernæst fortsætter vi diskussionen om, hvordan man opretter de mest trendy webdesign på Internettet.