界面设计方案

界面设计方案目录一、概述 3二、用户界面设计标准 3三、关于软件界面设计 51．用户导向（Useroriented）标准 52．KISS（KeepItSimpleAndStupid）标准 63．布局控制 64．视觉平衡 75．色彩搭配和文字可阅读性 86．友好与一致性 97．个性化 9四、关于网页界面设计 10五、交互设计 11六、图标 11七、界面设计需求分析 11八、界面参考 12福隆界面设计 12其余界面观赏 151.WebQQ 152.一个虚拟展会软件中国官网设计 163.香港置地集团 204、图标 235.景观园林 286.一组精美外国网页 307、匈牙利M1LLAH网页界面观赏 388、Webdesign页面设计搜集 429.色彩与质感并重国外网页设计观赏 4710、漂亮简练布局 56一、概述界面设计是人与机器之间传递和交换信息媒介，包含硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学交叉研究领域。近年来，伴随信息技术与计算机技术快速发展，网络技术突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃研究方向。UI即UserInterface(用户界面)简称。UI设计则是指对软件人机交互、操作逻辑、界面美观整体设计。好UI设计不不过让软件变得有个性有品味，还要让软件操作变得舒适、简单、自由,充分表现软件定位和特点。二、用户界面设计标准1.简易性界面简练是要让用户便于使用、便于了解、并能降低用户发生错误选择可能性。2.用户语言界面中要使用能反应用户本身语言，而不是游戏设计者语言。3.记忆负担最小化人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息程度。人类短期记忆极不稳定、有限，二十四小时内存在25%遗忘率。所以对用户来说，浏览信息要比记忆更轻易。4.一致性是每一个优异界面都具备特点。界面结构必须清楚且一致，格调必须与游戏内容相一致。5.清楚在视觉效果上便于了解和使用。6.用户熟悉程度用户可经过已掌握知识来使用界面，但不应超出通经常识。7.从用户观点考虑想用户所想，做用户所做。用户总是按照他们自己方法了解和使用。经过比较两个不一样世界(真实与虚拟)事物，完成愈加好设计。如：书籍对比竹简。8.排列一个有序界面能让用户轻松使用。9.安全性用户能自由作出选择，且全部选择都是可逆。在用户作出危险选择时有信息介入系统提醒。10.灵活性简单来说就是要让用户方便使用，但不一样于上述。即互动多重性，不局限于单一工具(包含鼠标、键盘或手柄)。11.人性化高效率和用户满意度是人性化表现。应具备教授级和初级玩家系统，即用户可依据自己习惯定制界面，并能保留设置。三、关于软件界面设计软件用户界面（SoftwareUserInterface）是指软件用于和用户交流外观、部件和程序等等。假如你经常上网话，会看到很多软件设计很朴素，看起来给人一个很舒适感觉；有点软件很有创意，能给人带来意外惊喜和视觉冲击；而相当多软件页面上充满着怪异字体，花哨色彩和图片，给人网页制作粗劣感觉。软件界面设计，既要从外观上进行创意以抵达吸引眼球目标，还要结合图形和版面设计相关原理，从而使得软件设计变成了一门独特艺术。通常讲，企业软件用户界面设计应遵照以下几个基本标准：1．用户导向（Useroriented）标准设计网页首先要明确到底谁是使用者，要站在用户观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们需求、目标、期望和偏好等。网页设计者要清楚，用户之间差异很大，他们能力各有不一样。比如有用户可能会在视觉方面有欠缺（如色盲），对很多颜色分辨不清；有用户听觉也会有障碍，对于软件语音提醒反应迟钝；而且相当一部分用户计算机使用经验很初级，对于复杂一点操作会感觉到很费劲。另外，用户使用计算机机器配置也是千差万别，包含显卡、声卡、内存、网速、操作系统以及浏览器等都会有不一样。设计者假如无视了这些差异，设计出网页在不一样机器上显示就会造成混乱。2．KISS（KeepItSimpleAndStupid）标准KISS标准就是"KeepItSimpleAndStupid"缩写，简练和易于操作是网页设计最主要标准。毕竟，软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多操作，堆集上很多复杂和花哨图片。该标准通常要求，网页下载不要超出10秒钟（普通拨号用户56Kbps网速）；尽可能使用文本链接，而降低大幅图片和动画使用；操作设计尽可能简单，而且有明确操作提醒；软件全部内容和服务都在显眼处向用户给予说明等。3．布局控制关于网页排版布局方面，很多网页设计者重视不够，网页排版设计过于死板，甚至照抄他人。假如网页布局凌乱，仅仅把大量信息堆集在页面上，会干扰浏览者阅读。通常在网页设计上所要遵照原理有：（1）Miller公式。依照心理学家GeorgeA.Miller研究表明，人一次性接收信息量在7个比特左右为宜。总结一个公式为：一个人一次所接收信息量为7±2比特。这一原理被广泛应用于软件建设中，通常网页上面栏目选择最好在5～9个之间，假如软件所提供给浏览者选择内容链接超出这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。比如Aol点com栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn点com栏目设置：MSNHome、MyMSN、Hotmail、Search、Shopping、Money和People&Chat共七项。然而很多国内软件在栏目标设置远远超出这个区间。（2）分组处理。上面提到，对于信息分类，不能超出9个栏目。但假如你内容实在是多，超出了9个，需要进行分组处理。假如，你网页上提供几十篇文章链接，需要每隔7篇加一个空行或平行线做以分组。假如你软件内容栏目超出9个，如微软企业软件，共有11个栏目，超出了9个。4．视觉平衡网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。依照视觉原理，图形与一块文字相比较，图形视觉作用要大一些。所以，为了达成视觉平衡，在设计网页时需要以更多文字来平衡一幅图片。另外，按照中国人阅读习惯是从左到右，从上到下，所以视觉平衡也要遵照这个这个道理。比如，你很多文字是采取左对齐〈Align=left〉，需要在网页右面加一些图片或一些较明亮、较醒目标颜色。通常情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些Banner广告或导航条，而页脚部分通常放置联络方式和版权信息等，页眉和页脚在设计上也要重视视觉平衡。同时，也决不能低估空白价值。假如你网页上所显示信息非常密集，这么不但不利于读者阅读，甚至会引发读者反感，破坏该软件形象。在网页设计上，适当增加一些空白，精炼你网页，使得页面变简练。5．色彩搭配和文字可阅读性颜色是影响网页主要原因，不一样颜色对人感觉有不一样影响，比如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一个快活颜色；黑颜色显得比较庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择适宜颜色（包含背景色、元素颜色、文字颜色、链节颜色等）。为方便阅读软件上信息，能够参考报纸编排方式将网页内容分栏设计，甚至两栏也要比一满页视觉效果要好。另一个能够提升文字可读性原因是所选择字体，通用字体（Arial，CourierNew，Garamond，TimesNewRoman，汉字宋体）最易阅读，特殊字体用于标题效果很好，不过不适合正文。假如在整个页面使用一些特殊字体（如Cloister，Gothic，Script，Westminster，华文彩云，华文行楷），这么读者阅读起来感觉一定很糟糕。该类特殊字体假如在页面上大量使用，会使得阅读颇为费劲，浏览者眼睛很快就会疲劳，不得不转移到其余页面。6．友好与一致性经过对软件各种元素（颜色、字体、图形、空白等）使用一定规格，使得设计良好网页看起来应该是友好。或者说，软件众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很主要一点。一致结构设计，能够让浏览者对软件形象有深刻记忆；一致导航设计，能够让浏览者快速而又有效进入在软件中自己所需要部分；一致操作设计，能够让浏览者快速学会在整个软件各种功效操作。破坏这一标准，会误导浏览者，而且让整个软件显杂乱无章，给人留下不良印象。当然，软件设计一致性并不意味着刻板和一成不变，有软件在不一样栏目使用不一样格调，或者伴随时间推移不停改版软件，会给浏览者带来新鲜感觉。7．个性化（1）符合网络文化企业软件不一样于传统企业商务活动，要符合Internet网络文化要求。首先，网络最早是非正式性、非商业化，只是科研人员用来交流信息。其次，网络信息是只在计算机屏幕上显示而没有打印出来阅读，网络上交流具备隐蔽性，谁也不知道对方真实身份。另外，许多人在上网时候是在家中或网吧等一些比较休闲，比较随意环境下。此时网络用户使用环境所蕴涵思维模式与坐在办公室里西装革履时候大相径庭。所以，整个互联网文化是一个休闲、非正式性、轻松活泼文化。在软件上使用幽默网络语言，创造一个休闲、轻松愉快、非正式气氛会使软件访问量大增。（2）塑造软件个性另外，软件整体格调和整体气氛表示要同企业形象相符合并应该很好表现企业CI。在这方面比较经典案例有：可口可乐个性鲜明前卫软件"LifeTastesGood"；工整、全方面、细致通用电气企业软件"Webringgoodthingstolife（GE带来美好生活）"；崇尚科技创新文化3M企业软件"Creatingsolutionsforbusiness、industryandhome"；刻意饰演一个数字电子娱乐之集大成者角色，要成为新时代梦想实现者索尼软件；平易近人、亲情浓郁通用汽车企业软件表现了"以人为本"企业定位和营销策略；服务全方面、细致、方便，处处表现"宾至如归"服务理念希尔顿大酒店软件。四、关于网页界面设计网页界面设计不一样于通常平面设计,拥有本身设计特征。网页界面设计应时刻围绕“信息传达”这一主题来进行。现在网页界面传达信息主要是视觉信息。所以从设计类型上来看,网页界面设计属于视觉传达领域,故而网页界面设计主要视觉元素和设