GUI设计中图标元素设计研究

发布时间：2022-10-03 21:01 热度：

　　【摘要】成功的艺术作品要倾注作者的个人情感,才能达到与读者的共鸣,图标也是一样,它是一种像素艺术,方寸之间进行表现,在设计的时候要充分考虑图标带给人的心理作用和视觉感受。以蓝色、紫色、绿色等冷色为主色调的图标,给人以冷静、成熟、干练的感觉,以红色、橙色、黄色为主色调的界面图标给人以热情、年轻、冲击的感觉。在图标设计的过程中,色彩的效果不是一种或两种色彩决定的,是所有色彩元素,相互影响、共同作用形成的。合理的运用明度、纯度、色相进行有目的的对比,才能使作品具有设计美感。

　　【关键词】GUI 软件系统图标特征图标设计研究

　　GUI全称为Graphical User Interface,即计算机图形用户接口界面,通俗理解就是指人机交互图形化用户界面,采用平面图形的方式直观地反映计算机的用户操作界面。伴随数字技术的发展,计算机界面操作人性化程度的提升,界面图标在人机互动过程中发挥的作用也日益增强,表现出的视觉魅力也日益丰富,成为GUI设计的重要表现元素。

　　1. 图标的发展史

　　图标系统的出现与发展的每一步,都与计算机界面技术的发展紧密相连。1981年Xerox Star系统的图标是最早的界面图标,由于技术有限,只有黑白两色。 Xerox Star系统中的图标十分抽象,只用了圆形和矩形。1991年,Microsoft公司在其Windows3.0界面上首次使用了彩色图标,该图标突破了以往机械的外形,简单的构造,初次采用了投影立体效果。直到2001年,Microsoft在参照了Mcitish OS系统后成功研发出世界上第一套真正具备现代意义的界面图标:WindowsXP系统图标。该系统以蓝色为主色,象征理性与速度,科技与时尚。图标辅以绿色和红色,对比效果强烈。深沉的主色调统一,稳健之中不乏热情,具有很强的视觉冲击力。

　　2. 图标的发展图标的色彩与情感

　　图标设计的效果是通过UI界面来实现的,考虑电脑的色彩成相原理也是设计者不可缺少的工作环节。操作界面上色彩的效果是通过像素的计算得来的,早期的黑白效果简单的色彩结构,在电脑上用的是一位的资料。虽然,黑白只有两色,单仍能够以疏密不同的黑点和白点进行矩阵排列,形成视觉上的256个灰色阶调,除去黑白两色,还有254个,电脑必须以8位的技术实现这256位阶调。电脑屏幕是通过光,把信息进行展现的,所以,我们看到的色彩必须以色光模式进行计算,即RGB格式,我们进行设计所用的颜色,都是通过红、绿、蓝这三种颜色进行配比形成的。

　　在8位色体系中,一位色包含两种颜色,二位色四种颜色,四位色16种颜色,8位色24种颜色………….依次类推,色彩的数目是随着位数的增长而上升的。采用过高的位数会衍生更多的色彩,但同时也会给人的视觉识别带来负担,采用合适的色彩体系进行设计,是至关重要的。在设计时,要选用少的色彩,和简单的外形,利用色彩空间混合原理,设计出美观适用的图标。

　　3. 图标的可识别性

　　图标在服从界面需要的前提下,更要体现出艺术化的效果。在定位上,应当采用符合行业特征的符号,只有具有一定的广泛性,才有利于识别和操作,只有具有一定的个性,才能

　　在同类产品中脱颖而出。比如,COREL DRAW 是一款矢量图形制作软件,这类艺术性实用性很强的图标,更有独特的视觉表现力。有丰富的色彩效果和优美的外轮廓。如,Coreldraw9的图标,是一个彩色的降落伞,采用倒置水滴外形,辅以鲜艳的色彩和谐的明暗关系以及适度的立体效果,富有很强的视觉美感。Coreldraw12采用圆点做背景,铅笔做主形,成熟的灰蓝色为主色调,软件的功能定位一目了然。再如,很多音乐播放器的图标,如千千静听,采用耳机和电频为主要图形,辅以晶莹时尚的玻璃按钮,使用户在第一时间就可以准确的判断并记忆。