浅论界面设计的“简”与“繁”
【摘要】:界面不仅是电子产品的外观,也是人机交互中至关重要的一环。界面设计的“简”与“繁”取决于产品的功能需求和用户的偏好,反映的是设计师的设计理念和对美的把握。好的界面设计,应该在注重用户体验的基础上,把我设计整体风格,在追求时尚简约的同时,兼顾功能实现的最大化,做到“化简为繁”,进而“简中有繁”,最终达到“繁”与“简”的和谐统一。
【关键词】:设计心理学,界面设计,“简”,“繁”,统一
界面是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面。界面设计是计算机科学与心理学、设计艺术学。认知科学和人机工程学的交叉研究领域。从设计学的角度来讲,界面设计不仅仅负责应用界面的美观,还关系到整个应用良好交互性的实现。
随着互联网技术的不断发展,界面设计由原来的电脑界面,逐渐发展到集电脑、电视、手机、掌上电脑等多种介质并存的多元化时期。随着技术发展,有电脑显示器的越变越大,到手机、平板电脑等掌上终端的小巧便捷,界面设计也经历了从最初的简单,后来的逐渐复杂多种多样,到现在的简约,体现的不仅仅是技术上的提高,更为关键的是大众审美的提高和设计理念的进步。
界面设计的“简”与“繁”,取决于产品功能需求,更取决于拥护的偏好。好的界面设计,不仅是设计者的喜好,更重要的是如何实现更好的用户
体验。未来式设计满足用户多元化的要求,就需要找到正确的方法。而这些方法,不仅建立在对需求的准确把握之上,更需要遵循视觉传达的一般规律,通过有效吸引视线的艺术形式使信息以清晰、准确、有力的传达。
界面设计要突出艺术的可视性本质,并遵循艺术设计的原则,营造出彩的视觉效果,引起用户美好的情感沟通和共鸣,达到良好的用户体验,从而更好地实现其交互功能。
一、化“繁”为“简”,实现操作的简单化
界面是实现人机交互和操作逻辑的终端体验,是用户最先接触到的层面,服务与人的操作。好的界面设计不仅能让产品变得有个性、有品位,还要让操作者变得舒适、简单和自由。互联网科技的发展和传输媒介的便捷使得人们能够更加轻易的获得海量信息。然而人脑不是电脑,人类短期记忆极不稳定,注意力虽集中,但注意信息量少,基于用户识别界面在很大程度上依赖于用户所关心对象的可见性,因而显示太多的对象和属性会让用户很难找到自己感兴趣的对象。
KISS是“Keep It Simple and Stupid”的缩写,它是告诉人们简洁和易于操作依然为界面设计的重要的原则。界面的简洁是要让用户便于使用、便于了解,能减少用户发生错误选择的可能性。根据用户的行为习惯,通过清晰的流程和界面,让用户减少对每一次选择的思考以及寻找的时间,让准确的色彩和表达减少用户在每一个界面下所需要思考的时间,得到的结论是最好的页面设计就是用户耗费时间最少的那个页面。
(一)需要分析
实现界面而操作快捷简单的前提是了解用户的需求,我们首先要把
用户的需求——罗列出来,通过设计方法和步骤,将这些需要归纳的、整理,进行初步设计,力求简洁的画面呈现出用户的基本需求,然后简化、在简化。为了让用户在操作中简单到极致,我们应当多去了解用户的习惯。比如他们在什么地方寻找导航栏,把那部分作为网站的重点,在什么地方点击注册,在什么地方点注册框,喜欢点击什么样的按钮,什么颜色会加速用户的心跳,增强点击的冲动等等。然后投其所
好,将洁面按照用户的习惯的样子进行布局,然后合并同类项,将任务精简、再精简。
(二)界面设计原则
这里讲的用户的界面设计首先是艺术的范畴,因而需要遵循艺术设计的基本原则。对于操作的简单方便而言,在界面上堆积很多复杂和大面积的图片、动画,使用花哨的字体,运用太多的色彩和使用复杂的构图都是无益的。
构图应该尽量简单明了,不要设计太多的层级,只需将最基本的需要简单的呈现出来,结构不需要复杂,而应该尽可能的清晰,合理使用黄金分割和点线面的结合分和大众的审美口味。界面设计原则主要是体现在以下三个方面:
1,色彩。色彩是最先映入人们眼帘的视觉感受,界面的色彩往往代表着界面后面的产品的风格和定位,所以界面设计色彩要特别讲究。
极简设计不是不用色彩,而是要更为精准使用好色彩。在界面设计
中比如尽量使用少的色系,鲜艳的色彩面积不是过大,注意颜色的
搭配和统一等都能够帮助实现简约时尚和独特的设计风格。
2,字体。尽量使用通用的字体(Arial,Courier New,Garamond,Times
New Roman,中文宋体)减少特殊字体(如
Cloister,Gothic,Script,Westminster,华文彩云,华文行楷)的
使用,不仅能提高用户阅读的效率,也减少界面的无序感和违和感,
给用户整齐划一的感觉和轻松的阅读体验。
浅论界面设计的“简”与“繁”
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)