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