20.02.2018 Views

Web_Designer_UK__May_2018

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Welcome<br />

Meta<br />

Welcome<br />

THE WEB DESIGNER MISSION<br />

To be the most accessible and inspiring voice for the industry, offering cuttingedge<br />

features and techniques vital to building future-proof online content<br />

Steven Jenkins<br />

Editor<br />

W<br />

Be<br />

better at design<br />

hat makes a good web page/site/app<br />

design? It’s a pretty broad question but<br />

you can guarantee that it will include<br />

fonts,colourandlayout.Theseareall<br />

essential components of the process and<br />

getting them right will go a long way to<br />

creating a design that works.<br />

This issue <strong>Web</strong> <strong>Designer</strong> has decided to<br />

bring together a swathe of tips, techniques and<br />

insight on fonts, type, colour and layout. It all kicks off<br />

on page 42 where we take a closer look at why you<br />

need to pick the right font, what a font portrays to<br />

the reader, the golden rules for picking font<br />

combinations and what is trending in the world of<br />

typography. UX/UI designer and Better <strong>Web</strong> Type<br />

author Matej Latin reveals his six steps to achieving<br />

meaningful typography. Then it’s on to colour.<br />

Discover what you need to know to get the perfect<br />

palette, how colour and accessibility should work<br />

together, the tools to help get the perfect colour<br />

scheme and what colours suggest to users.<br />

We take an in-depth look at the process of creating<br />

and designing layouts and how CSS Grid fits into the<br />

process. There is also a peek at what lies ahead for<br />

layouts. CSS Regions anyone?<br />

Do you want to build a HTML page in double<br />

quick? Of course you do. We reveal 10 of the best<br />

static site generators to help make this happen.<br />

Plus, we have the usual collection of must-read<br />

tutorials and interviews. Enjoy.<br />

“<br />

Layout is one of the most important aspects of the<br />

web and applications. Get it wrong and your users will<br />

get confused and leave<br />

”<br />

Highlight<br />

We want to<br />

“ maintain our<br />

commitment to the<br />

advancement of<br />

women from coding<br />

to leadership<br />

Dataviz specialists in an information-driven<br />

”<br />

world, FFunction make sense of information.<br />

<strong>Web</strong> <strong>Designer</strong> finds out more. Page 34<br />

Follow us on Twitter for all the news & conversation @<strong>Web</strong><strong>Designer</strong>Mag<br />

Visit our blog for opinion, freebies & more www.creativebloq.com<br />

FREE – exclusive with this issue<br />

<strong>Designer</strong> resources<br />

171<br />

Video Tuition – Over three hours of expert JavaScript video guides<br />

from Pluralsight (pluralsight.com)<br />

Assets –150 Nostalgia Lightroom presets and Dot Grid Photoshop actions<br />

from Sparklestock (sparklestock.com)<br />

– Tutorial files and assets<br />

www.filesilo.co.uk/webdesigner<br />

welcome ________________________________________________3

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!