软件界面设计本科毕业设计(论文)
    第一章绪论
    1.1 课题的研究背景和意义
    用户来看一个软件首先是通过界面的,通过界面来感知软件的好坏,界面关乎着一个软件的形象。软件界面设计是产品开发中最重要的方面。界面设计师必须要牢记:界面是面向用户的。开发者开发的软件必须满足用户的需求,并且保证软件易于使用。
    重视用户界面设计有重要的意义。用户界面设计得越直观,越易用,越美观,用户就使用得越方便,越舒服,培训用户、维护系统的成本就越低。客户支持成本降低了,系统就会更便宜,同时,也将获得更多的用户好感和订单,企业的效益就会更好。
    1.2 软件界面设计的现状和基本对策
    尽管软件行业有许多技术出的软件工程师,但多数工程师开发出来的软件既不好用又不美观。客户对软件界面非常的不满意,经常要修改软件界面,导致极大的生产力浪费。用户满意的好界面都是软件企业想要做的,但是他们却不知道怎么做。
    软件界面设计一直以来都是中国软件行业的弱项,这里存在两方面行业共性问题:一是缺乏系统性的软件界面设计方法和相关的教育;这也导致了第二个问题“缺乏优秀的界面设计师
和熟练的界面程序员”。
    千万不要认为软件开发就是编程,仅懂编程的人,绝不可能做出好的软件系统。要成为优秀的软件人才,仅学会编程语言是远不够的。
    系统性的科学技术教育是国内理工科大学的计算机和软件专业偏向的重点。基础课程有物理、数学、电学等,专业课程有数据库、网络管理、编程语言等等。而且每门课程都有很好的教材,有的是国外外文的,而且有很好的老师。所以国内理工科大学要培养出大量技术功底扎实的软硬件研发人才并不难。
    相比照之下,软件界面设计专业的教育就差得远了。既缺乏好的教材,又缺乏优秀的教师。
    因为计算机软件专业学生接受的教育几乎都是科学技术理论知识,他们对于设计出易用美观的用户界面感到很茫然,许多人甚至不知道还有界面设计这回事。
    我们把软件界面开发分为三个环节:交互设计、视觉设计和程序实现。企业希望界面设计师负责“交互设计和视觉设计”,由熟练的程序员实现这个界面,这个要求其实并不高,但现实情况却不理想。
    不少软件企业不但有程序员,还有美工人员,但遗憾的是这两类人不会配合着工作。
    大多数人都认为界面设计是美工人员的事情,否则公司招聘美工人员有什么用?编程实现是在美工人员完成界面设计后进行,由程序员负责的,至于界面设计好不好程序员不去管。
    美工人员大多是美术相关类专业毕业,他们的优点是擅长于视觉设计,缺点是:不知道待开发软件系统的业务逻辑,不了解用户的特征,难以开展交互设计;不懂得软件技术,他们不了解自己做出来的界面在技术实现方面的难易程度。
    千万不要低估界面实现的难度,界面不是想做就能做得出的。有些Web软件界面控件,不仅要功能好、性能好,还要易用,可以说技术难度非常高,这不是一般程序员能做得好的。
    可见美工人员并不属于理想的软件界面设计师。就目前情形来看,既能做好交互设计又能做好视觉设计的界面设计师还是比较少见的,能够在做好交互设计、视觉设计的基础上再做好程序实现的人更加罕见。
    我作为一名学生,肯定不可能去改变中国的教育方法和体系,能做的只有总结一些软件界面设计的规范来供读者(开发人员)参考。
    第二章软件界面设计应遵循的原则
    本论文总结了软件界面设计应遵循的原则:以目标用户为中心,容易被理解,反馈操作信息,排错性考虑,最少步骤(最高操作效率),合理的布局,彩的选择与组合。读者(开发者)理解这些设计原则的含义后,要结合准备的开发软件的基本特征,进一步融会和细研究,从而确定开发软件的界面设计原则。
    2.1 以用户为中心
    以用户为中心,这是第一重要的界面设计原则,关系着软件的好坏。不以目标用户为中心开发出来的界面,用户不会购买,即使买了也不会去用,即使界面美观也没用。
    有些通用的软件系统如操作系统、文字处理软件等,面向的用户十分地广泛。可是由于用户体之间生活的环境不同,从而会存在年龄、性别、语言、教育程度的差异,进而导致使用习惯也有很大差异。在设计软件界面之前,各类用户体的使用习惯是我们需要迫切了解的,努力使用户在操作软件界面的时侯感觉不到麻烦,一般要为了适应各种类型的用户提供多种操作途径。
    举例来说,Windows系统的文件管理器,对于一个初学电脑的人来说,他愿意使用鼠标、菜单一步一步慢慢地操作;但是对于熟练使用电脑的人而言,快捷键也许是他更愿意用的。 计算机专业ui设计做什么
    不要试图让一款产品在差异很大的用户体中得到适用,要把广泛的用户划分为多个用户体,根据自己所在企业的实力,选择一个分市场来开发产品。一款产品最好是只面向一个用户体,这样容易设计而且质量也可靠。
    2.2 容易被理解
    在用户使用界面前,一定要确保理解界面的意图。以下措施可以提高用户界面的可理解性:
    1.用户界面中的所有元素都不能有错误文字,也不能出现让人费解的文字。
    2.图标一定要直观明了,最好让用户看到这个图标就能知道这是什么含义。假如图标比较抽象,则应给图标加上文字说明,不让用户误解。
    3.所有的界面元素应当给予有必要的提示。
    4.界面结构要能够清晰地反映软件工作流程,这样用户就能有条不紊地操作。
    5.没有先后逻辑关系的选择项,如姓名、标题等,可以按照字母排序,便于用户选择。但是不要把功能菜单、有严格逻辑关系的状态集按照字母顺序排列。
    2.3 排错行考虑
    用户在使用软件时,一些错误是时有发生的,当然也有一些是用户人为造成的,那么有
什么方法来降低出错几率呢。
    1.排错应该遵循的细则。
    2.非正常中止的错误是最重要的,也最应该排除。
    3.应当尽可能防止用户无意输入无效的数据。
    4.采用一些控件限制用户输入数据的类型。
    5.如果可能作出的选择只有两个,可以采用单选框来减少用户输入的麻烦。
    6.当选择再多一些时,可以采用复选框。
    7.当选项很多时,可以采用列表框。
    8.在一个应用系统中,应当避免未经授权的操作,然后没有意义的操作也要避免。
    9.对于某些输入字符,可能会引起严重错误甚至会让系统出错,应该要加以限制或屏蔽。
    10.对于特殊符号,输入会与系统使用的符号产生冲突,该字符应该被阻止输入的。
    11.当用户产生错误的操作时,软件最好能够提供取消系列操作。
    12.对有些等待时间可能较长的操作软件最好能够提供取消功能。
    13.与系统正在使用的保留字符可能会产生冲突的一定要加以限制。
    14.在用户已输入的信息被系统读入时,可以根据需要选择来判断要不要去掉前后空格。
    2.4 最少操作步骤
    在设计用户界面的过程中,软件设计师应当尽可能多地为用户着想,让用户用
    最少的操作步骤完成某项任务,保证使用效率达到最高,最大程度地让用户满意。
    尽管减少一个操作步骤所节约下来的时间很短,似乎可以忽略不计,但是让用户感觉起来,反差却很强烈。而且如果每个环节都能节约一点,整个工程下来,节约的时间就很长了,所谓聚少成多。
    界面设计师一定要在深入地分析熟悉软件的业务流程和用户使用习惯的基础上,才能设计出最少的操作步骤,使效率最大化。
    2.5 合理的布局
    首先,一定的逻辑性要在界面的总体布局中体现出来,总体布局最好能够与工作流程吻合。界面设计人员要在全面地了解软件需求的前提下,才能到对界面布局有一定帮助的信息。
    其次,对于窗口上的界面元素的布局有整齐清爽的要求。界面元素要在水平方向对齐,或者在垂直方向上使界面元素对齐,还要保证一样的行、列间距。要保证合适的窗体尺寸,
界面元素不要放得太拥挤,在边界的地方要留有一定的空间,但是也不能太宽松,那样会显得零乱。界面元素要保证一致对齐,以避免产生不齐整的视觉效果。同类型界面元素要尽量在大小上保持一致,最起码在高度或宽度上一定要保证一样。与逻辑有关系的元素应就近放置,这样用户方便操作一些。另外要善于利用窗体的空白,还有分割用的线条。
    2.6 一致性
    界面一致性的体现包含了诸多方面,其中最需要注意的是一下几点:
    1.界面设计与企业营销的策略风格一致。
    2.与不同产品操作界面的使用方法一致。
    3.与同一产品不同版本的界面保持一致。
    4.与用户的预期一起。
    5.与页面元素一致。
    6.产品在隐喻上的设计一致。
    每件产品的用户族都相当广泛,要与所有用户预期一致其实是很困难的。但至少在评估这个话题时,可以首先界定目标用户,分析用户需求,随之有效地探
    究界面一致性如何与用户预期吻合。
    2.7 彩的选择与组合
    在界面设计中,彩的调和组合关系会短时间起到“凝聚”用户视觉的作用,同时也会使用户产生心理的变化。
    2.7.1 彩的联想
    虽然彩的联想作用在心理学范畴内,但是它的适用性却体现在了艺术设计中。若不能够预测人是如何感知彩的、如何发生作用的,也就不可能有效地应用彩。
    彩的象征意义和心理暗示从人类的高级情感来分析,具体如下:
    1.红
    红是一种令人激奋的彩。它能使人产生冲动、愤怒、热情、活力的感觉。这种彩在女性和男性之间、衰老和年轻之间、内向和外向之间、意志薄弱和坚强之间,均倾向于后者。
    红最能引起人的视觉注意,因此,红常被作为心理上的警示。在逐渐变暗时,红变得深沉而庄重;反之则变得有激情而欢快。在环上,当红变向紫时,红就逐渐由兴奋变为安静,变得浪漫、豪华、严肃、富裕、强大和优雅。当红在环上偏近黄时,红就变得更加具有爆发力、煽动力和暴力倾向。
    2.黄
    黄能体现出快乐、希望和轻快的个性,它的明度是最高的,是一种自我膨胀和寻求幸运的颜。
    黄还具有警示作用。可能是对于马峰或黄蜂身上的黄黑条纹的恐惧联想,一般能马上注意到这种颜搭配所暗示的危险的存在,这就是在现实生活中一些危险的地方,如变压器、停车位、放射性工作间等处,常能看见黄黑设计的条纹和图表的原因。
    3.蓝
    蓝具有凉爽、清新、专业的个性。在视觉上往往给人一种被动、静谧、深邃、潮湿、谨慎、忧郁、科技和理智的感觉。他颇受成年人的喜爱,因为它表现得更加理智、更加成熟。蓝越深,就越显得深邃、遥远;反之,便会引起人梦幻、童话、
    清凉的感受。
    4.绿
    绿具有黄和蓝的某些特征,使人联想到和睦、宁静、健康、坚定。在环上绿偏近黄时,就变得温暖、活泼、健康而无危害。它加进一点白,就可以产生一种女性的优雅和轻盈的感觉。当在环上偏近蓝时,绿就变得更加坚定、顽强和持久,这种
颜很能吸引那些能抵挡得住各种诱惑、有信念、办事稳妥并具有强烈自尊心的人。
    绿已得到了广泛的运用,它已被人们理解为安全、正常和成功的象征。在街道上,绿的灯表示可以安全通过。绿的区域是安全的,绿的逃生标志引导人们在紧急情况下的逃生路线;绿的图标提示意味着一切正常等。
    5.橙
    橙也像绿一样具有其他两种颜的特征。橙是一种激奋的彩,具有轻快、欢欣、开放、温馨、时尚、有活力、无拘束和感情洋溢的感觉。据研究,在橙的氛围里时人的活动没有任何拘束,因此橙在很大程度上代表了温暖和真挚的感情。
    6.紫
    紫令人联想到昏暗、深刻、高贵、奢华、阴暗、悲哀、不可靠。紫越深,严格和呆板的效果就反映得越明显;反之,明亮的紫会比较容易显得没有主见、脆弱、易受刺激、温柔、寂寞。
    值得注意的是,紫特有的暧昧性、神秘性、不确定,在一些知识分子和社会文明程度较高的、想把处事和感情理性化的人中受到普片的排斥。
    7.白
    白具有纯洁、完美、纯真、不可触及、不可接近、神圣的、空洞的、无限的感受。白常给人以光的联想,现在很多界面设计中具有透明质感的反光设计,实际上都是因为考虑到白的特性。它可以让画面有一种透气感,使得界面不但有清新明亮的感觉,而且没有压迫感,也没有沉闷感。
    8.黑
    黑具有深沉、神秘、寂静、压抑、高贵、消极、邪恶、坚定的感觉。任何颜和它放置在一起都会显得醒目而又有活力。
    9.灰
    灰具有中庸、平凡、温和、中立、单调、矛盾、厌世、高雅的感觉。灰越深,就越给人一种、沉稳、和谐的心理暗示。它本身是一种缺乏活力的颜,在视觉上具有次要地位。综合灰的特性,很多软件的界面设计都将不可执行的命令设计为灰。
    有些彩给人的感觉是两极的,比如黑有时给人沉默、空虚的感觉,但有时也感觉庄严、肃穆。白有时让人感觉到恐惧和悲哀,但有时却给人以无限的希望。每种彩在纯度透明上略微变化,就会使人产生不同的感觉。
    2.7.2 彩的心里感受
    彩本是不带任何任何含义的,只是人的心里感觉把它们分成了不同的类别。例如,在夏天挂上深绿窗帘,不见一丝阳光,就会在心理上感到非常凉快。这并不是现实中的温度产生了某些变化,而是因为彩影响到了人的内心。数字媒体界面的彩是用户使用界面过程中引导用户行为和影响用户心里的重要因素。
    1.冷暖
    暖能使人感受到温暖,而冷则使人感到寒冷。给人热情、刺激、前进、喜庆等感觉的是暖;给人寒冷、收缩、后退等感觉的是冷。在运用中常会见到彩的冷暖对比,所以它非常重要。
    2.轻重
    中性有黑和白,但它们不容易分别出冷暖,轻重之分却很明显,给人厚重感觉的是黑,给人轻快感觉的是白。一般来说,重彩明度不强,轻彩明度强。
    3.软硬
    彩的软硬感主要由明度和纯度来衡量,一般来说有软感得彩明度高、纯度低;有硬感的彩明度低、纯度低。
    4.进退
    彩的进退感是彩对比中“显”和“隐”现象使人产生距离上差异造成的。使人感到近的有红、黄、橙等暖,使人感到远的有蓝、青、紫等冷;让人感到远的那些是明度低和纯度低的彩,让人感到近的是那些明度高和纯度高的彩。
    5.强弱
    与彩的强弱感相关的有相、纯度,还有配对比。在相中,最强感的是红;有强感的纯度高,而且对比度大;有弱感的纯度低,而且对比度小。在无彩系中,最具强感的是黑,最具弱感的是白。
    6.膨胀收缩
    暖有膨大感,明度高;冷有收缩感,明度低。在无彩系中,有收缩感得是黑,有膨大感的是白。
    7.明快忧郁
    彩的明快忧郁感与明度、纯度、相、配对比均有关系。暖、鲜艳有明快感,明度高,纯度高;冷、阴晦有忧郁感,明度低,纯度低。有明快感的配对比大,有忧郁感的配对比小。
    8.兴奋沉静
    给人以兴奋感的有暖和明度高的以及纯度高的;给人以沉静感的有冷和明度以及纯度低的。有明快感的配对比大,有忧郁感的配对比小。
    9.华丽朴素
    给人以华丽感的彩鲜艳、明度高;具有朴素感的彩晦涩、深谙。有华丽感的彩配对比大、有彩系;有沉静感的彩配对比小;有朴素感的彩无彩系。
    2.7.3 彩组合
    彩组合原理基本上是从彩的鲜明性、彩的独特性、彩的合适性、彩的联想性4个方面来考虑的。而彩组合的总体原则也是界面设计的主要原则,即一致性。
    为达到彩对界面的易用和舒适的心里影响这一目的,在对彩进行组合的过程中,有以下几种方法可以采用借鉴:
    1.用一种彩。界面的彩变化均基于该颜进行透明度或饱和度的调节。
    2.用两种颜。先选定一种颜,然后选择其对比,当然,这中间应考虑饱和度的对比关系。
    3.用一个系里的颜进行组合。
    4.用黑和一种彩搭配。
    针对界面设计,需要注意的是以下几点:
    1.一个页面不要将所有颜都用到,尽量控制在3中颜以内。
    2.背景和前文的对比差异尽量要大,花纹繁复的图案绝对不能用来作为背景,以免影响那些主要文字信息的读取。
    3.避免不兼容得颜大面积地放置在一起,如高饱和度的黄与蓝、红与绿等。
    普遍的理论还有:一致的彩被用来构建整个彩环境,冲突的彩被用来显示变化和提示,柔和的彩用来增强用户的舒适度和减少疲劳,跳跃的彩用来彰显个性,合适的对比度用来增强文字或图形的可读性等。
    2.7.4 彩分析实例(音乐播放软件千千静听)
    从外观上上看,千千静听有多重配方案。高贵的黑,淡雅的蔚蓝,幽深的紫,高贵的红和银,使每一个用户都能从中到适合自己的、自己喜欢的外观。
    紫与黑整体颜的搭配,看起来非常的典雅。中间又镶嵌点点蓝,使得整个界面看起来富于变化,如图2.1。
   
    图2.1 紫与黑搭配
    橘黄和黑的搭配,很具有跳跃性,很活泼,如图2.2.
   
    图2.2 橘黄和黑搭配
    浅蓝和深蓝的搭配,清新自然,如图2.3。
   
    图2.3 浅蓝和深蓝搭配

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。