触摸屏设计界面要求

1. 触摸屏的含义

触摸屏（touch screen）又称为“触控屏”、“触控面板”，是一种可接收触头等输入讯号的感应式液晶显示装置，当接触了屏幕上的图形按钮时，屏幕上的触觉反馈系统可根据预先编程的程式驱动各种连结装置，可用以取代机械式的按钮面板，并借由液晶显示画面制造出生动的影音效果。

西门子触摸屏示图

二、触摸屏界面设计要求

触摸屏昆山步科HMI/触摸屏/人机界面界面和其它界面的设计理念是一致的，就是“以人为本”，让用户在首次接触了这个界面后就觉得一目了然，不需要多少培训就可以方便地上手使用，从而使用户第一次操作就获得快乐感受。

触摸屏幕的设计主要包括布局(Layout)，文字用语(Message)及颜色（Color）等。

1、布局 ：屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出，功能明显。无论哪一种功能设计，其屏幕布局都应遵循如下五项原则：

（1）平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。

（2）预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。

（3）经济原则。即在提供足够的信息量的同时还要注意简明，清昕。

（4）顺序原则。对象显示的顺序应依需要排列。

（5）规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。

屏幕过分拥挤

直观感觉杂乱无章

屏幕左右对称、平衡

横竖表达内容明确

2、文字与用语：文字和用语除作为正文显示媒体出现外，还在设计题头、标题、提示信息、控制命令，会话等功能时要展现。对文字与用语设计格式和内容应注意如下：

（1）要注意用语简洁性。避免使用计算机专业术语；尽量用肯定句而不要用否定句；用主动语态而不用被动语态；用礼貌而不过分的强调语句进行文字会话；对不同的用户，实施心理学原则使用用语；英文词语尽量避免缩写；在按钮，功能键标示中应尽量使用描述操作的动词。

语言过多，凸显不出主题

语言简单清晰直观

（2）格式。在屏幕显示设计中，一幅画面不要文字太多，若必须有较多文字时，尽量分组分页，在关键词处进行加粗、变字体等处理，但同行文字尽量字型统一。英文词除标语外，尽量采用小写和易认的字体。

（3）信息内容。信息内容显示不仅采用简洁、清楚的表达，还应采用用户熟悉的简单句子，尽量不用左右滚屏。当内容较多时，应以空白分段或以小窗口分块，以便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果，强化效果有多样，针对实际进行选择。

右侧画面文字信息过多且紧凑

句子简单，关键词句分组，加粗

3、颜色的使用：颜色的调配对屏幕显示也是重要的一项设计，颜色除是一种有效的强化技术外，还具有美学价值。使用颜色时应注意如下几点

（1）限制同时显示的颜色数。一般同一画面不宜超过4或5种，可用不同层次及形状来配合颜色，增加变化。

（2）画面中活动对象颜色应鲜明，而非活动对象应暗淡。对象颜色应尽量不同，前景色宜鲜艳一些，背景则应暗淡。

（3）尽量避免不兼容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。

（4）若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。

颜色鲜明，示意直观

总之，屏幕显示设计最终应达到令人愉悦的显示效果，要指导用户注意到最重要的信息，但又不包含过多的相互矛盾的刺激。

触摸屏的设计遵循的原则是：

1. 用户导向原则：要站在用户的观点和立场上来考虑设计界面。
2. 易用型原则：简洁和易于操作是界面设计的最重要的原则。
3. 实用性原则：所谓实用性是指能够被系统和用户所接受。

三、触摸屏的种类

从技术原理来区别触摸屏昆山步科HMI/触摸屏/人机界面，可分为五个基本种类：矢量压力传感技术触摸屏、电阻技术触摸屏、电容技术触摸屏、红外线技术触摸屏、表面声波技术触摸屏。

按照触摸屏的工作原理和传输信息的介质，把触摸屏分为四种，它们分别为电阻式、电容感应式、红外线式以及表面声波式。

四、各类触摸屏界面赏析