界面设计方案

界面设计方案目录一、概述...........................................................................................................................................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.记忆负担最小化人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在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比特。这一原理被广泛应用于软件建设