Web_Designer_UK__May_2018

GET PRO DESIGN SKILLS
RESOURCES
GOOGLE WEB DESIGNER
bit.ly/2DCT2uk
Best used for creating Google Ads
but also a neat little tool to create
dynamic displays whereby you can
animate textual elements.
SLIDER REVOLUTION
bit.ly/2avbF9a
WHAT’S TRENDING TODAY
Thereareanumberofdifferent
treatments and trends that you can
apply to typography in order to
better tell your stories. Generally,
making your typography more
integrated into your design is a
good start and less about a
headline plonked onto the canvas.
Here are some examples of
typographical treatments to try
and look out for:
TYPOGRAPHY CHAOS
This trend is still going and enables
you to be a bit more chaotic with your
composition of typography. Splitting
words and even letters around the
canvas can offer a really interesting
look. In some cases, the
unconventional arrangement can test
the readers with curiosity.
CROP AND CUT TYPE
On the same lines of creating interest
and making typography unique,
simply crop or cut letters up within a
word. Make sure it’s enough that the
letters are still readable. There’s a really
interesting neuro behaviour that
readers can still identify letters within
words, even if characters are missing.
Take Hangman for example.
Make sure that your
typography is contemporary
NEGATIVE SPACE
Mostly using artwork within your
typography creates negative space.
This is a wonderful way of really
integrating artwork within your
typography and making your text
stand out. A great technique when
using negative space is it enable
graphical elements to pop out of the
type, creating a dimensional space.
GRAPHICAL TYPE
Typography can be a little flat so
enhancing your typography
graphically makes and textual
elements stronger on the page. It
might be that your typography is
made furry or even paint like. The
objective here is to make your
typography more like an object as
opposed to a character.
If you’re developing in WordPress,
this slider plugin is incredible for
creating custom sliders with very
little limitations. Using the timeline
and various animation styles, your
typography can really make an
impact on the page. You can work
with numerous layers and
integrate your graphics too. A truly
smart way of bring more life to
your web projects.
ADOBE ANIMATE CC
adobe.ly/2rb71Vs
If you haven’t dipped into this yet,
it’s worth doing and not being put
off the association with Flash. You
can export HTML5 canvases and
achieve a higher level of animation.
When it comes to typography and
more complex graphic directions,
Adobe Animate will help you out.
DYNAMIC: WHY & HOW?
In many cases, typography is
really static. It doesn’t move
or engage other than serving
one purpose and that’s to be
read and understood. We’re
all well aware of other media
formats that are used to be
more engaging — video, for
example — but text can be
just as exciting.
Have you ever seen
Honda’s ‘Keep Up’ campaign?
For a 2015 campaign, it’s still
a great example on how
words can be the focus point
and heart of a campaign. The
campaign projects words
quickly in the video forcing
you to read in order to keep
up. The central alignment
and placement of the text
makes it easier to read.
Speed reading is the core
method used here, causing
viewers to focus entirely on
the words that are displayed.
There are many methods
other than speed reading to
make textual elements more
engaging, but thinking more
about movement and
integration within a design
can be really effective
and creative.
How? Well there are tools
out there to help, but it all
depends on what you’re
executing and where it’s
going. The easiest way is
to use video, but if you can
achieve animations through
web languages such as
JavaScript and CSS3, then
go for it!
Honda - ‘Keep up’
bit.ly/2rjtDU0
feature _________________________________________________45