Sketchis a popular
toolwithinthedesign
community,allowing
youtocreatehi-fi
interfacesand
prototypes.Oneofthegreatfeatures
is Symbols,whereyoucandesignUI
assetsandelementsforreuse.This
helpscreatedesignsystemsand
keepyourinterfacesconsistent.
Sketchis onedesigntoolthatis
wonderfullysimpletouse,andis a
highlytrusted,frequentlyusedasset
muchlovedbydesigners.Youcan
easilyexportyourdesignintoa
clickableprototypeandworkwith
vectordrawingsandgraphics.If you
areanInVisionuser,makesureyou
checkouttheCraftplugin.AdobeXDoffersthebest
environment for digital
projects under the Adobe
Creative Cloud collection of
design tools. If you’re a keen Adobe
user and new to XD, you may not find
the interface very ‘Adobe’-like to begin
with. However, it does stack up to the
other leading tools out there. It is a
jump if you’ve been designing in
Photoshop for a while too, but very
worth it for UI design.
KEY FEATURE
ASSETS
Control a library of assets that you can
collaborate on with teams. ‘Change one,
change them all.’
Let’sjumptosomethinga
little different — but one for
the armoury. Most of us
will know that brilliant icon
sets can always be hard to find. Even
using the best stock libraries, icons can
be a long old slog to find something you
like. Not to mention that Font Awesome
is wearing you down. If that’s the case,
check this tool out! It is super helpful to
find the right icons and to top it all, you
can then manipulate the style of your
icon, including choices of solid, line,
colour and flat icons. Every icon is SVG
and vector format with a bunch of
controls to build your perfect set. Have
a play — you will love it.
KEY FEATURE
COLLECTIONS
Build collections for different projects
where you can never forget what icons
you used and how they were styled.We’rebackontodesign
tools, and Marvel is
another one that’s great
for producing quickideas,
refining an interface to how youwantit
to look and building prototypes.
Marvel, as with many of the other
applications, offers a really neatwayof
building pages, allowing you to
simulate your design through a
prototype. There are some wonderful
integrations with Marvel for inserting
your designs into your project
workflow. It’s all online too, so noneed
for downloading applications.
KEY FEATURE
USER TESTING
This is new for most design tools, and
definitely something to keep an eyeon.
Easily capture user tests in one place.Hypeis anincredible
applicationthatwillallow
youtoexportstunning
interactiveandanimated
html5layouts.Thisincrediblyeasy
editorprovidesyouwiththe
functionalitytobreathelifeintoyour
designs.Staticdesignis leftfarbehind
whenusingthis,andit allowsfor
incrediblepossibilities.
KEYFEATURE
PHYSICS
Animateelementswithnatural
movementsandcollisionswithout
keyframesorcode.Sketch
Q sketchapp.comAdobe XD
Q adobe.com/uk/products/xd.html
Orion Icon
Q orioniconlibrary.comMarvel
Q marvelapp.comHype
Qtumult.com/hype/proSYMBOLS
Symbols are reusable
assets which can be
used dynamically.
Perfect for buttons
and form elements.KEY FEATUREfeature _________________________________________________ 4933335555 HHHHOOOOTTTTNNNNEEEEWWWWDDDDEEEESSSSIIIIGGGGNNNNTTTTOOOOOOOOLLLLSSSS