peacock-90051_795x449px

Sådan kan du designe flotte websider

Her skal der rettes op på en del ting, hvis det skal være godt.
Følg med, når jeg redesigner denne teksttunge side trin for trin.

Hvis du ikke allerede har læst mit blogindlæg om at designe websider hurtigt, enkelt, effektivt og elegant vil jeg foreslå, at du lige napper det først.
På en række sider, som jeg designer step for step, vil jeg vise dig, hvordan du kan bruge designskabelonen DIVI og DIVI sidebygger til at forvandle massive tekstsider.

Væk med væg-til-væg-tekst

Der skal først og fremmest gøres noget ved de alt for brede linjer som her.

Heldigvis gør DIVi det nemt at designe med træk og slip.
Uden at rode i koder… medmindre du vil lave virkelig avancerede ting.

Størstedelen af den tekst jeg designer er såkaldt lorem ipsum tekst. Også kaldet dummy-tekst. Men alle de sider jeg bruger som eksempel, vil også indeholde rigtig tekst. Med tips og tricks til kreativt webdesign.

Jeg begynder hele designprocessen med et billede af en påfugl og tre afsnit lorem ipsum tekst.

DiVI sidebygger aktiveres

Opret i første omgang din side som en helt klassisk WordPress-side. Når du er klar til at designe, kan du vælge at bruge DIVIs sidebygger – med det resultat, at billede og tekst pakkes ind i et DIVI tekstmodul. Det ændrer dog i første omgang ikke meget på sidens udseende.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

  • Ex ea commodo consequat
  • Duis aute irure dolor in
  • Reprehenderit in voluptate
  • Velit esse cillum dolore eu

Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum

Dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

Veniam quis

nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Esse cillum

Dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor

Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

#03 Næste trin i DIVI-designprocessen

Pin It on Pinterest