首页 > 文章中心 > 界面设计

界面设计

界面设计

界面设计范文第1篇

有一个奇怪的现实问题,在设计界,尤其是在平面设计领域中,设计师普遍存在或多或少的混乱,甚至认为图形设计作为一种职业是没有价值的行业,大部分的人谋生的方式也对新的工作场所的未来发展,当然,可能不再是平面设计。在设计界面和标志的时候作者参考了网上的经典案例,基本上都是针对英文的26个字母来进行设计的,对于中文字体的设计就少之又少,要不设计起来就不好看,出不了效果。那就说明国内的设计的有很大一部分是参考国外的设计,但是对于中国的品牌总不能经常用英文字母来宣传吧。虽然有时候是说要国际化世界化,但是中文的logo设计的丑的没法说也没法表达文字的悠久历史和优美。同时,其实也不希望设计的没有一点中国味,透露着一股子西方的华丽味道。根据网上数据显示,在北京,深圳,杭州,上海这样的大都市是平面设计师的最佳平台。然而,根据调查,平面设计师的年龄一般不超过三十岁,只有一些意志力强的或优秀的人仍然站在行业的颠峰,引领发展,难能可贵的是大多数人放弃生命中的大多数时间。这是当前的产业发展缓慢的情况。以作者的设计经验来说,艺术设计往往要比软件设计动画设计要难上升的多。设计类的软件是比较好掌握的,可就是良好的优秀的想法比较难实验。有时候就是操作赶不上想法,有良好的想法也没有那么好技巧表现,也颇有些无奈的感觉。

2Photoshop的工具运用

2.1选区

在处理图片的时候通常要选取一个选区来进行处理。大多数人是人都是用快速选择工具,魔棒工具来进行模糊选择,这样会使图像处理的很粗劣。也可以事先用魔术橡皮擦把多余的色块进行擦除再来进行选择。也可以调整色调明暗呀什么的,让图像色块的区分更明确一些再进行选择。也可以利用通道来勾取选区,这都是比较快速的方法。最精细的也是比较费时间的选择方法是用快速蒙版以及钢笔工具。快速蒙版是在工具栏最下面,点击进去之后可以用涂啊画啊填充的方式来选取选区,一种比较自由的方式,弊端就是对于一些小细节可能人手操作就没有那么精细那么圆滑。用钢笔工具的话花得时间就更长了,但是对于图像扣取来说,钢笔工具还是最好使用的。

2.2曲线调整

在拍摄照片的过程中可能因为光线不好,曝光不充分而照成图像效果没有想象中的好。在PS图象处理软件软件曲线的基本原理来调整打开图像,调整曲线命令(或使用快捷键Ctrl+M),出现曲线对话框。然后进行明暗对比的调整。真正的曲线调整原则是亮度的重新分布,每个像素的亮度有初始,可以调整它亮或过暗。如果可以互相学习,问题就解决了。这个时候就可以发挥作用,在曲线的调整,是按住Shift可以选择多个控制点,如果想删除一个点,该点可以拖出曲线坐标区外,或按Ctrl并单击点。

2.3加深减淡工具

在对于鼠绘人物的时候加深减淡工具是必不可少的,但是同时也是非常考究设计者的绘画功底,这样用加深减淡工具来表现物体的体块感是非常重要的一个环节,取决于人物最后画得像不像。跟素描头像一样,把加深工具当做是软炭,把减淡工具当做是硬炭,进行描绘的时候要是把握不大就把强度调低一些慢慢地绘画。有个加深体块感的诀窍就是在高光附近的阴影要对比更加强烈一些,这样就起到一个很好的效果。

2.4去水印

在有水印的背景修复我觉得比较有用的就是定义图案和仿制图章工具。用油漆桶工具来修复的画可以大面积的修复,仿制图章工具可以小面积的修复,所以防止盗图加水印的还是比较好的方式。

2.5混合选项

在众多工具中效果比较好的就是混合选项,可以直接给图层加体块感。大多logo设计都用上混合选项,在此设计中,用的比较多的是嵌入字体。就是使用里面的内阴影选项调整好之后,把图像填充改到0%就有字体嵌在里面。还有一个比较好的小技巧就是ctrl+向上的方向键就能弄出纵向立体的。调整图像位置用方向键最好,它能微调,通常直接移动不能移到自己想要的位置。

3界面设计的注意事项

3.1配色

对于界面配色,色调在设计色彩学中是指一个色彩整体构成倾向的总概念,即一件包装设计作品中全部色彩所组成的总的色彩效果,是一个色彩组合与其他色彩组合相区别的体现。构成一幅主色调的画面一般主导色约占75%,衬托色约20%,点缀色约占5%。一个界面设计效果的好坏,最终是由色彩来体现的。首先要处理好单个色彩与整个画面的关系,应整个面的连续展示效果,以及远近距离上的视觉效果。还要考虑“图像在人们眼中的冲击力”“造成与众不同”印象。

3.2图形设计

图形设计就是这个图像色块放在这里是否合适以及起到美化和辅助作用。就像中国结和刺绣都是简单的小结构组成一个大图案。就要你懂得怎么去组合和运用。就像动画中的按钮你也会选择你也不会遮挡字体和其他元件的地方放置。插图要考虑到文字的大小和放置的位置,辅助图形就要起到衬托美化的作用。

3.3文字设计

界面设计范文第2篇

[摘要]设计中所面临的各种因素,如人机操作、使用物的功能与结构、形态的人文特征等等,都反映了人—物、物—人交流的途径与方式。而设计的核心是“人”。以前的人机界面是研究人一机矛盾,适用于物、理分析而缺乏创新分析,相对研究人—物—环境—信息关系的“设计艺术”则显得较为片面。所以探讨设计界面,即人—物、物—人界面是有意义的。

一、设计界面的涵义

界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域,凡参与人机信息交流的一切领域都属于人机界面。“而设计艺术是研究人一物关系的学科,对象物所代表的不是简单的机器与设备,而是有广度与深度的物;这里的人也不是“生物人”,不能单纯地以人的生理特征进行分析。“人的尺度,既应有作为自然人的尺度,还应有作为社会人的尺度;既研究生理、心理、环境等对人的影响和效能,也研究人的文化、审美、价值观念等方面的要求和变化”。

设计的界面存在于人一物信息交流,甚至可以说,存在人物信息交流的一切领域都属于设计界面,它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和,它反映着人一物之间的关系。

二、设计界面的存在

美国学者赫伯特.A.西蒙提出:设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科,这种接合是围绕人来进行的。“人”是设计界面的一个方面,是认识的主体和设计服务的对象,而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体,就如我们看见一件产品、一栋建筑,它带给人的不仅有使用的功能、材料的质地,也包含着对传统思考、文化理喻、科学观念等的认知。“任何一件作品的内容,都必须超出作品中所包含的那些个别物体的表象。”分析“物”也就分析了设计界面存在的多样性。

为了便于认识和分析设计界面,可将设计界面分类为:

1)功能性设计界面接受物的功能信息,操纵与控制物,同时也包括与生产的接口,即材料运用、科学技术的应用等等。这一界面反映着设计与人造物的协调作用。

2)情感性设计界面即物要传递感受给人,取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情,而不是个人的情感抒发。设计师“投入热情,不投入感情”,避免个人的任何主观臆断与个性的自由发挥。这—界面反映着设计与人的关系。

3)环境性设计界面外部环境因素对人的信息传递。任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在,环境的物理条件与精神氛围是不可忽缺的界面因素。

应该说,设计界面是以功能性界面为基础,以环境性界面为前提,以情感性界面为重心而构成的,它们之间形成有机和系统的联系。

三、设计界面存在的方法论意义

当机械大工业发展起来的时候,如何有效操纵和控制产品或机械的问题导致了人机工程学。二战后,随着体力的简单劳动转向脑力的复杂劳动,人体工学也进一步地扩大到人的思维能力的设计方面,“使设计能够支持、解放、扩展人的脑力劳动”。在目前的知识经济时代,在满足了物质需求的情况下,人们追求自身个性的发展和情感诉求,设计必须要着重对人的情感需求进行考虑。设计因素复杂化导致设计评价标准困难化。一个个性化的设计作品能否被消费者所认同?新产品开发能不能被市场所接受?在目前,我国大部分企业实力还并不强大,设计开发失利承受力还不很强的情况下,如何系统地、有根据地认识、评价设计,使其符合市场,就需要对设计因素再认识。利用界面分析法,正是使设计因素条理化,避免将人作为“生物人”的片面和走出笼统地说“设计=科学十艺术”的简单误区。

现代的人机工程学和消费心理学为设计提供了科学的依据,它们的成功就在于实验、调查和数理表述,是较为可系的。同样对设计艺术而言,进行设计界面的分析,也要有生理学、心理学、文化学、生物学、技术学学科基础。从理论上来说,它要直接建立在信息论和控制论的基础之上。相对于机械、电子设计和人机设计,以往人机界面设计把握了技术科学的认识和手段,忽视了人文科学观念与思想。它的界面设计只能存在于局部的思考范围内,只成为一个设计的阶段。

有人以功能论来评判设计。“功能决定形态”曾是20世纪上半叶的设计格言,它的提法是片面的。这是因为:第一,功能不是单一的,它包括使用功能、审美功能、社会功能、环境功能等。“过分追求单一的功能会导致将许多重要内容(装饰性、民族性、中间性)被排斥掉”。而且“有些内容并不是‘功能’的概念所能包括了的,更何况物质和精神的内容也并不是时时处处等质等量的融洽在一个统一体中,随产品的不同、时期的不同,它们各自的主次地位也随之变化”。在现今信息技术高度发展的时代,情感因素越来越成为设计的主要方面。物质意义上的功能在保持其基础地位的情况下,却日益不能代表情感诉求的表述;第二,按“形态服从功能”而设计的产品,对于不熟悉它的使用者来说是难以理解的,产品要为人们所理解,必须要借助公认的信码,即符号系统;第三,满足同一功能的产品形态本来就不是唯一的,象汽车等成熟的产品,年度换型计划等措施成为商品经济中日益不可避免的现象。社会经济发展到一定程度,才能出现设计的专业需求,而这时人们的基本物质需求已能满足,简单地以物质来决定设计是不恰当的。

相反,设计界面体现了人一物交流信息的本质,也是设计艺术的内涵,它包括了设计的方方面面,明确了设计的目标与程序。

四、设计界面的分析

按照设计界面的三类划分,有助于考察设计界面的多种因素。当然,应该说设计界面的划分是不可能完全绝对的,三类界面之间有涵义上也可能交互与重叠,如宗教文化是一种环境性因素,但它带给信仰者的往往更多的却是宗教的情感因素。在这里环境性和情感性是不好区分的,但这并不妨碍不同分类之间所存在的实质性的差异。

1功能性界面

对功能性界面来说,它实现的是使用性内容,任何‘件产品或内外环境或平面视觉传达作品,其存

在的价值首要的是在于使用性,由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面,分析思维作为一种理性思维而存在。如果作为一种处理方式来设计产品,则这种产品会使多种特征性(如民族性、纯粹性)因素中性化,如果去除产品商标,就很难认出是哪国的或哪个公司的产品。当然,这方面也说明了产品中存在着共同性因素,它使全人类能做出同样的反应。人的感觉和判断能力有着国际性的、客观性的特征。

功能性界面设计要建立在符号学的基础上。国际符号学会对符号学所下定义是:符

号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论,它研究自然符号系统和人造符号系统的特征。广义的说,能够代表其他事物的东西都是符号,如字母、数字、仪式、意识、动作等,最复杂的一种符号系统可能就是语言。设计功能界面,不可避免地要让使用者明白功能操作。每一操作对人来说应是符合思维逻辑的,是人性的,而对机械、电子来说则应是准确的、确定无疑的,这双方的信息传递是功能界面的核心内涵。

2情感性界面

一个家庭装饰要赋予人家居的温馨,一副平面作品要以情动人,一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受,“敝帚自珍”正体现着人的感情寄托,也体现着设计作品的魅力所在。

现代符号学的发展也日益这一领域开拓,以努力使这种不确定性得到压缩,部分加强理性化成分。符号学逐渐应用于民俗学、神话学、宗教学、广告学等领域,如日本符号学界把符号学用于认识论研究,考察认识知觉、认识过程的符号学问题。同时,符号学还用于分析利用人体感官进行的交际,并将音乐、舞蹈、服装、装饰等都作为符号系统加以分析研究,这都为设计艺术提供了宝贵与有借鉴价值的情感界面设计方法与技术手段。

3环境性界面

任何的设计都要与环境因素相联系,它包括社会、政治和文化等综合领域。处于外界环境之中,“是以社会群体而不是以个体为基础的”,所以环境性因素一般处于非受控与难以预见的变化状态。

联系到设计的历史,我们可以利用艺术社会学的观点去认识各时期的设计潮流。18世纪起,西方一批美学家已注意到艺术创造与审美趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主义哲学家孔德指出:“文学艺术是人的创造物,原则上是由创造它的人所处的环境条件决定。”法国文艺理论家丹纳认为“物质文明与精神文明的性质面貌都取决于种族、环境、时代三大因素”。无论是工艺美术运动、包豪斯现代主义或20世纪80年代的反设计,现代的多元化,“游牧主义”(Nemadism)都反映着环境因素的影响。

环境性界面设计所涵盖的因素是极为广泛的,它包括有政治、历史、经济、文化、科技、民族等,这方面的界面设计正体现了设计艺术的社会性。

以上说明了设计艺术界面存在的特征因素,说明在理性与非理性上都存在明确、合理、有规则、有根据的认识方法与手段。

成功的作品都是完善地处理了这三个界面的结晶。如贝聿铭设计的卢浮宫扩建工程,功能性处理得很好,没有屈从于形式而损害功能;但同时又通过新材料及形式反映新的时代性特征及美学倾向,这是环境性界面处理的典范;人们观看卢浮宫,不是回到古代,而是以新的价值观去重新审视、欣赏,它的三角形外观符合了人们的心理期望,这是情感性界面处理的极致。

五、设计界面的运用原则

1)合理性原则,即保证在系统设计基础上的合理与明确。

任何的设计都既要有定性也要有定量的分析,是理性与感性思维相结合。努力减少非理性因素,而以定量优化、提高为基础。设计不应人云亦云,一定要在正确、系统的事实和数据的基础上,进行严密地理论分析,能以理服人、以情感人。

2)动态性原则,即要有四维空间或五维空间的运作观念。一件作品不仅是二维的平面或三绝的立体,也要有时间与空间的变换,情感与思维认识的演变等多维因素。

3)多样化原则,即设计因素多样化考虑。当前越来越多的专业调查人员与公司出现,为设计带来丰富的资料和依据。但是,如何获取有效信息,如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

4)交互性原则,即界面设计强调交互过程。一方面是物的信息传达,另一方面是人的接受与反馈,对任何物的信息都能动地认识与把握。

5)共通性原则,即把握三类界面的协调统一,功能、情感、环境不能孤立而存在。

六、设计界面的应用方法

设计界面所包含的因素是极为广泛的,但在运用中却只能有侧重、有强调的把握。设计因素虽多,但它仍是一个不可分割的整体。它的结果是物化的形,但这个形却是代表了时代、民族等方面的意识,并最终反映出人的“美”的心理活动。

设计界面的运用,核心是设计分析。在一些国际性的大公司,如索尼、松下、柯尼卡等,都有许多的成功案例可为借鉴。如柯尼卡公司设计其相机时,首先不是去绘制“美”的形和考虑技术的进步,而是进行对象人的日常行为分析,作出故事版(STORY)。它先假定对象人的年龄为35岁,名:Xxxx,从而分析他的家庭、喜好与憎恶,分析他的日常行为,进而考察其人在什么场合需要僚机,从而为设计提供概念(CONCEPT)与目标(TARGET),进行设计。经过分析,设计师有了明确的概念与目标,并随信息的交互产生了创造力。

界面设计范文第3篇

关键词:互联网;网页界面;艺术设计

网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是:

1 制作网页包括具体都包括哪几部分呢?

1.1图形、图像处理制作网页界面艺术设计,提到界面还有艺术,那在网页上插入一些精美、适当的图片是必要的,否则,不会有人去浏览你的页面,因此,在设计网页之前,就应搜集或制作一些好看、适用的图片。提到图形、图像处理,大家都会想到的软件是Photoshop这个软件,对,这个软件是进行图形、图像处理的软件,但是,它不是专门的处理网络图像的软件,Photoshop这个软件会用到去进行一些平面的图形图像,我们网络的图形、图像处理用的是Fireworks软件,它可以制作出传输较快的gif格式的图片,占的空间也比较小,一般大小也就是KB,而Photoshop制作出来的是jpg格式的位图,并且是有损压缩,象素大了图像就清晰,但这样的话上传到网上会影响浏览速度,象素小了就会出现模糊或者马赛克小方格,所以我们采用的是Fireworks软件进行处理图形、图像。

1.2动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Go live这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。

1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字,如:Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是,显示文本的时候,设计者的机器上装了很多漂亮的字体,设计的时候采用了,但是等上传到网上以后,别人在浏览的时候,如果别人机器上没有安装字体,那就显示不出来我们采用的漂亮样式字体,因此,在考虑网页界面艺术设计的基础上,我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式,然后转换栅格化图片再用切片切成小块,分别进行优化。输出的格式可以为gif或jpeg,再导入到Dream weaver进行具体编辑,做链接可以用图片特有的属性进行热区链接,这样就完成我们想要的字体样式效果了,就不会出现字体样式显示不出来的情况啦。

1.4框架的应用框架是网页的常用形式,它可以使网页更为清晰,可以把不同的页面超链接到同一框架中,使的页面更加紧凑。一般框架用在小说浏览页面,或者介绍图书章节的部分,或者教学网页用到的的框架比较多。

1.5表格的应用表格是网页中用处最广泛的,可以布局,定位等等,它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html源代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时,会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。

2 色彩的运用

网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

3 网页界面的优化

界面设计范文第4篇

关键词 图形用户界面 设计准则

在西文dos系统下,大部分应用程序的用户界面都是基于字符方式的,界面内容单调,界面使用繁杂。随着计算机的发展和推广,这种方式的用户界面越来越不相称。在这种情况下,图形用户界面应运而生,windows风格的图形用户界面可谓是其中的杰出代表。

对软件开发者来讲,最终面向的将是用户,因而系统的界面设计是一个相当重要的环节。图形用户界面的出现给软件开发者在系统的界面设计方面指明了一条道路。windows作为图形用户界面的杰出代表,不仅自己的用户界面令广大用户惊喜,而且还为软件开发人员提供了一整套用于用户界面开发的接口和辅助工具,如其中的workshop,gdi函数等等。

正因如此,越来越多的dos程序设计者开始转向windows。鉴于此,很多人便认为dos将从此走向没落。事实上,windows并没有像人们想象的那样快取代dos,dos及其应用软件仍然保持着强大的市场,新的版本也不断推向市场。诚然,一方面是人们习惯了dos,另一方面就是dos要比windows简单得多。在windows下进行软件开发的人员都知道,windows是一个基于消息的多任务系统,系统的各种资源如内存、显示器等都处于windows的严密监示之下。

一个习惯了在dos下开发程序的软件人员对于windows应用程序的开发在某些方面总是感到很别扭,仿佛有一张无形的网束缚了自己的手脚而无所适从。尽管如此,作为用户来讲所要求的则是界面友好。这就给dos程序设计人员带来一个问题:如何在dos操作系统下直接开发图文并茂的图形用户界面?

笔者在dos系统下开发应用软件的过程中也遇到了类似的问题。在软件的用户界面设计方面进行过深入的研究,获得了一定的认识,下面就这些方面谈一谈笔者的看法。

一、用户界面的设计准则

用户界面的设计是纷繁复杂的,不同的应用软件都有自己的用户界面。但要设计一个良好的用户界面,必须符合一些设计准则。笔者在进行界面设计时总结自己的经验和他人的成果,得出以下四条准则。

1.相似性准则

这条准则包含两方面的意思,即程序内部的相似性和与同类型其它应用软件的相似性。

所谓程序内部的相似性是指应用程序本身在响应用户的输入或输出时,对于同一类型的问题的处理应该相互一致。譬如,应用程序在接收字符的输入时,应该保证无论在应用程序的何处接收字符,其响应形式都是一致的,如在字符输入的位置显示闪烁的光标或竖条等。这样,用户一旦见到闪烁的竖条或光标出现,便知道应该进行字符输入了。

所谓与同类型应用程序的相似性是指同种类别的应用软件在响应用户的输入或输出时,应使用相似的控制机制。例如,同一类型的全屏幕编辑应用系统,都使用f10来选择主菜单,用ctrl kb来确定块头,用f1来提供帮助信息,用f2来保存当前编辑的文件等等。在这方面,wps的文本编辑器和turbo c的编辑器有着惊人的相似之处。

这种相似性带来的好处是显而易见的。用户一旦熟悉类似系统的某一种,那么该类型的其它软件也基本上能够使用了。如会使用turbo c的编辑器,就会使用wps的文本编辑器。这样,一旦与此同类型的应用软件开发出来之后便马上可以在市场上流行使用起来,用户不需要再进行软件使用方面的训练(当然是指那些用过类似软件的用户)。对于软件开发者来讲便马上可以获取经济效益。同时,这种相似性给软件的开发工作也带来了极大的方便,使得软件开发人员可节省大量时间去考虑软件功能的设计方面,从而可带动软件产业的完善和发展。

2.灵活性准则

这是一个相当重要的准则,它将充分体现系统强大的适应性。所谓灵活性是指软件开发者在设计用户界面的过程中,应该考虑不同用户的不同需求、系统更新换代所带来的影响以及异常事件所带来的影响。例如windows图形用户界面中,鼠标选择和键盘选择的共存。这个准则的实现是相当费时间的,为了使应用软件在某种程度上符合灵活性准则,软件编程人员必须为此付出艰辛的劳动。比如在设计显示部分时,由于不同规格的显示卡其分辨率及编程方法都各不相同,为此软件编程人员必须分别为这些不同类型的显示卡编写不同的例程,然后使应用程序能够根据不同的显示卡分别进行处理。尽管这样做工作量相当大,但软件开发者不得不做这项工作,否则整个应用软件在其推广普及时会碰上巨大障碍。

3.直观性准则

这主要是从用户的思维及视觉的角度去考虑软件的界面设计。这涉及到界面的艺术构型、思维习惯等等。所谓直观性,简而言之就是一看便知。用户界面的直观性主要体现在以下几个方面:

(1)应用程序的所有输出信息不应含糊不清;

(2)用户界面必须能及时提供当前任务的执行状态;

(3)应该提供清晰的帮助信息以便用户能在遇到问题时能及时得到帮助。

随着计算机图形图像技术及多媒体技术的发展,这方面的工作越来越令用户满意。

4.实用性准则。

所谓实用性是指能够被系统和用户所接受。所谓能够被用户接受主要是从使用习惯及经济方面来讲的。如因系统界面的需求而迫使用户不得不配置一些昂贵的设备,这对用户来讲是不合算的,从系统的优越性来讲降低了其性能/价格比,从而也就影响到系统的推广普及工作。所谓能够被系统接受是指不应因界面设计的原因而损害整个系统的运行。比如用户界面在运行过程中需要庞大的内存支撑,这样导致内存资源短缺而使系统的某些功能因申请不到内存而不能运行或使系统崩溃。

二、一个实例 图形用户界面是基于符号、颜色和肖像的,它是从字符方式的用户界面发展而来的,是用户界面发展的一个重要的阶段。在设计和开发图形用户界面的过程中还应注意以下几个问题:

(1)图形菜单项必须易于被系统的图形设备所选择;

(2)必须保证图形所表示的意义能与其它的表示区别开来;

(3)在图形菜单中使用分组技术,以利用户的使用;

(4)保证图标带有所期望的意义;

(5)对于选中的菜单项或未选中的菜单项或无效的菜单项应加以区分。

在dos下开发图形用户界面的关键之处是数据信息的表示。对于图形用户界面来讲,涉及的数据量及数据种类比在字符方式下的用户界面要多得多。然而在设计图形用户界面时又不能消耗大量的内存空间而限制系统的运行。笔者在开发一种中西文编辑排版软件的图形用户界面的过程中采用了内外存相结合的独特方式来保存图形用户界面的数据信息,整个图形用户界面的信息所占用的内存总数不到100b。图1示出了这种图形用户界面的数据结构。

在用户界面的制作过程中,将上述三项信息分别存放在不同的文件之中。这样,系统可由其中的一个窗口信息获取其它各类信息,因而可只在内存中保存当前这一活动的窗口信息便可达到管理整个系统用户界面的目的。

利用窗口信息、标题信息、菜单及肖像菜单信息来生成系统图形用户界面的过程可用流程图表示如图3 r>生成系统的图形用户界面之后,系统便处于界@@03a04100.gif;图1面管理程序的监控之下,其工作流程如图4所示。

关于窗口信息、标题信息及肖像菜单与菜单信息的数据的具体表示以及有关鼠标器的菜单驱动问题在此不再叙述。

三、小 结

在dos系统下直接进行图形用户界面的设计和开发,其工作量是相当大的。笔者经过大量的工作,在dos系统下基本上开发出了类似windows用户界面风格的图形用户界面。当然,界面设计是千变万化的,用户界面的观念也是随着计算机的发展而发展的,其前进的方向将是智能化、集成化和自然化。

参考文献

界面设计范文第5篇

关键词:格式塔网页设计视知觉

引言

格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。

其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。

再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。

结语

将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献:

[1]曹方著.视觉传达设计原理,江苏美术出版社

[2]卡尔·考夫卡著,黎炜译.格式塔心理学原理.浙江教育出版社