界面的五个特征——比喻、明确、一致性、方向、导航、
1比喻:
在设计中,比喻就代表正在试图建立界面的示意符号。它可以非常明确的,也可以极为抽象,但运用最广泛的还是二者的结合。比喻屏幕的空间就是一个“桌面”,而文件则保存在文件夹中。
2明确:
界面上的每一个元素,包括图像映射、按钮、链路、图片等都要按明确的表达自己原来的意图,应该有出现的理由,而且这一理由还应该让观众看到并认识。
3一致性:
一致的设计就意味着在网页和报刊的多层界面一直贯穿着初始界面设计的特征。一致性是通过以下方法来实现的 (1)整个设计过程中使用统一的比喻,让观众形成一种熟悉的感觉;(2)保持图形元素的统一表现风格;(3)使用统一的调色板,从而保持整个网页的或报刊的一致风格;(4)保持统一的风格;(5)小心选用字体,让某个特定部分之间(页眉、正文、标题、注释)的字体风格都保持一致(字体、颜色及字体等)
4方向
方向就是观众自己现在所在的位置,即一条链接、第几页。保证观众不迷失方向是网页和报刊设计者的责任。你可以:(1)每一个页面都有一个标题:(2)清楚明确地提供定义页面标识的页眉;(3)使用页脚,把站点名称、位置、版权等信息以及电子邮件链路都放在页面的页脚区域中。
5导航
在界面中向观众提供整个站点或报刊片段的选项和指向其他界面的链接,这些只是导航的主要目的。建立导航要考虑它的位置。形式是声音、图标、图片、还是小动画。
要想更合理更优美地布局,合理地使用界面元素非常重要。网页和电子报刊设计的界面元素有界面尺寸、造型、文本、媒体。
1界面尺寸
界面尺寸是设计网页和电子报刊的空间。一般来说,网页和电子报刊的界面都是由许多矩形构成的。首先,需要定义整个界面的尺寸。它们一般都是垂直的,但长度可以变化,从一屏一屏(每一屏为595*295个像素点)显示页面的方法更为实际,因为观众是以这种方式来面对界面的,也就是说每一屏的重点是在水平方向而非垂直方向。并不是意味着我们可以忽视垂直设计。
2造型
造型即包括界面内所有元素之间的造型,也包括元素本身的造型。在开始设计一个界面环境时,首先要考虑的就是造型。应该把它作为布局设计中的关键元素。造型拥有无声的含义包括:(1)圆形:连接、共同、全部、忍耐、移动、安全、温暖、舒适、敏感和爱等;(2)矩形:规则、逻辑、包含和可靠;(3)三角形:能量、平衡、法律、科学、宗教、力量、 侵略、有活力和运动等。
3文本
布局中的文本也将被看做行或方块。文本还可以被分割成文本栏,或者文本栏与文本行混排。文本也可以变形。不过在进行布局设计时即要把文本堪称元素,同时也不能忽视文本的可读性。在一个页面上使用不同的字号是很重要的,而且保持这种字号的变化的一致性也非常重要。可以通过在一个页面上使用不同的字号来提高 趣味性,但一定要注意,不要让观众陷入过多的对比,把界面高的一团糟。
4媒体
包括图形、动画、图片和视频图像,我们要考虑如何将它们放进界面这个大图片中。它们在布局设计中都是作为一个元素出现的,它们也有自己的造型与位置。要合理地使用好界面元素,达到视觉上的整体性。认识元素之间的相互关系同样非常重要,这里的相互关系指的是一种内在的联系关系。这些关系包括近似整体性、重复整体性、平衡性、聚焦性和深度。
近似整体性
将元素按形体近似性相互联系起来,从而达到视觉整体性,因为观众习惯将它看成一组元素而不是一系列元素。
重复整体性
重复的因子可以是任何东西,可以是形体、园、直线、角度或其他能识别的重复元素。重复的形提供了视觉整体感觉,眼睛被一系列图案所吸引。另外,重复型中的各个形体与这个形的相对尺寸也差不多时,这是另一个提供了视觉整体的因素。
平衡性
人的平衡感是天生就有的。人们需要环境的平衡,这种人类对平衡的强烈要求演示了人们对图形的设计的呼应。最简单的方法是对称平衡、就是中线的两边的元素对称,效果上就是镜像图形。非对称平衡比对称平衡更富有动感也更有趣味。在非对称平衡中,不同元素通过相似的视觉分量或吸引力来达到平衡。
聚焦性
人在注意时,大脑会指挥眼睛相相机一样地聚焦。可以利用制造焦点来抓住观众的注意力,让其对某个元素比周围的元素更加注意。可以利用那个制造焦点来抓住观众的注意力,让其对某个元素比周围的元素更加注意。可以用各种方式提供聚焦,有的比较微妙,有的比较显著,如闪烁的霓虹灯。还有比较显著,如闪烁的霓虹灯。还有一个让观众注意某个焦点的常用方法是提供对比度。对比可以是颜色、数值、形状、图案、尺寸、角度或纹路的对比。隔离重要元素也是生成焦点的有效方法。
深度
界面本身是平面的,也就是上下左右的关系。但是人们的视觉习惯总希望看到它的前后关系。可以利用人们的这种习惯创造虚拟的深度空间,丰富界面的设计效果。造成深度感觉的方法包括将元素按放射状放置;使用大小尺寸的变化,越小的东西感到越远;另一种表达深度的方法是元素的分层或重叠。观看分层图形时,就像是上层的物体部分遮住了下层的物体,结果,就会以为在浏览三维图形;给元素加上阴影是另一种生成深度感觉的方法。
吸引人们的视线的有三大法则——对比、整合、空白、
1对比:
用放大形象、对比色彩或强烈的指向等方式,让主体形象与其他内容形成对比,甚至是强烈的对比。
2整合:
在不影响视觉清晰的前提下,将多种信息分门别类,作为整体进行编排设计,而不宜排到哪儿算哪儿。
3空白
在一个可视界面设计中,特别是在主体形象周围适当留住空间。