How
to design attractive and functional touch panels for the first time designer.
Welcome to Graphic Design For Touch
Panels 101
The purpose of this tutorial is to provide control system
programmers and designers like you the tools that they will
need to create attractive, functional and inviting touch
panels and user interfaces.
The lessons contained in this tutorial can be applied to any
manufactures products. Whether you are a Crestron, AMX or
even web executable developer - you should find this tutorial
invaluable for increasing the usability and over all look
in your touch panel designs.
Everyone has their own idea of what a good touch panel
looks like. Unfortunately, many of the good programmers are
not trained in the basic graphic design skills required to
design great graphic user interfaces (GUI). As a result, touch
panel design takes second place to the system programming
and is either done poorly or tired old templates are used.
The touch panel is virtually the only part of the system
that the client or user (who has just paid you a great deal
of money to have integrated) gets to see. If the touch
panel design does not meet their expectations, no amount
of good control programming can make up for it. Luckily there
are tools, conventions and rules of thumb available to make
the graphic design of touch panels and GUI's simpler
and better defined.
After you have completed
this Graphic Design For Touch Panels tutorial you will
have learned:
How people see and interact with touch panels
Have a better understanding of what external forces affect
your designs
How to apply the C.R.A.P. Convention for graphic design
The importance of - and how to create a design color palette
How to implement what you have learned about graphic design
for touch panels
Where you can go for more information about graphic design
for touch panels
This Graphic Design For Touch Panels tutorial is written
in an e-book format so all you need to do is to keep clicking
the "NEXT PAGE" link at the bottom of each
page. This will take you to the next page in the Graphic
Design For Touch Panels tutorial. Use your browsers "Forward"
and "Back" keys to move through this Graphic
Design For Touch Panels tutorial. The menu on the left
is also presented (top down) in first to last page order -
so you could just click one after the other...
I have tried to make this site as accurate as possible but this tutorial
is offered on an "as is" basis - I cannot be held responsible
for what you do with this information.
Use this site at your own risk.