关于界面设计说明的撰写参考

《关于界面设计说明的撰写参考》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、在网上看到的一篇，觉得还可以，供大家参考！一、界面现状分析（1）界面外观的横向、纵向比较第一套界面色调柔和，亲和力较强，但长时间观看会较快失去新鲜感；第二套界面色彩反差大，对视神经的刺激能保持较长时间的新鲜感；Longhorn的界面色彩单纯明快。略......三套界面风格设计比较表：1）明度2）纯度3）对比度4）界面质感5）优点6）缺点小节：新改版的界面风格一定要有更强更持久的生命力，在传统的风格基础上有超前的设计理念，作为依附微软操作系统Longhorn而生存的应用型软件，界面外观更应该参考Longhorn的风格设计体系，和它的风格特征同步发展。（

2、2）硬件、软件环境分析我们的产品定位......界面的分辨率最低要满足800*600的用户，以1024*786为基准进行设计，界面的整体布局要适应更高分辨率的扩充效果。小节：登录、关于界面尽量图形化，突出品牌特色。界面以1024分辨率为基准进行设计，同时满足800分辨率，在更高分辨率下的整体外观也要协调，布局合理。二、界面设计的主要因素（1）设计环境技术环境：受WEB和GUI不同的技术结构和传统风格的限制，界面外观会稍有不同。设计时要求尽量保证控件外观的一致性，企业信息门户的基本技术框架是由portlet组成，等同于GUI容器控件的概念，所以，如果能

3、保证门户的portlet和GUI的容器在外观上一致，就很大程度上保证了WEB和GUI产品外观的一致性。业务环境：portlet里面所展示的内容是用户完全可以自定义的，而这些内容大部分是GUI产品的内容，如果内容所呈现的外观差异大，就会引起用户视觉理解上的混淆，所以portlet所展示的内容外观必须和GUI的内容保持一致。另，portlet里面的内容是千变万化的，在进行容器设计时一定要注意简洁清爽，方便用户定制和查看。产品特性：信息门户是WEB产品，在设计主界面时要适当体现WEB特色，如：增加动画效果的图片或flash，界面结构更为简洁，框架容易扩充。

4、GUI的外观设计相对来说更加严谨，间距要尽量小，以最大限度展示业务内容为目的，要具有成熟稳重、简洁大方的GUI产品风格特征。小节：信息门户的portlet和GUI的容器外观保持一致，并且是最简洁有效的色彩和造型；业务内容所呈现的外观在门户和GUI里都必须保持绝对一致；WEB的控件外观尽量和GUI的保持一致；信息门户主界面的设计要适当体现web产品特性。（2）目标用户心理操作使用：色彩的基本作用是区分功能模块和对业务流程进行视觉导向。所以，色彩的应用要有远近层次感，体现导向功能；对于功能模块的区分，色系的应用依据规范的理论基础，如：蓝色系表示选中、编辑

5、；黄色系表示警示、注明；绿色系表示通过、安全。色彩的选用首先要保证这两方面功能的实现，在此基础上再考究色彩之间的美观协调性。感观享受：美观是产品销售过程中提高竞争力的策略之一，同时也可以保持用户对产品的新鲜感，并提高用户使用产品的忠诚度。所以，外观的整体设计要有超前意识，设计灵感来源于用户但要高于用户。让他们在繁忙工作的同时得到心灵上的享受。小节：色彩的基本作用是区分功能模块，对业务流程进行视觉导向；色彩的选用首先要保证这两方面功能的实现，在此基础上再考究色彩之间的美观协调性；设计灵感来源于用户但要高于用户，提高用户的欣赏水平并保持相当长时间的新鲜感

6、和忠诚度。三、品牌应用略......小节：辅助形沿用天空和大海，但没有“形态”只有“神韵”，宣传一种企业文化精神。四、典型界面描述安装、登录、关于典型界面的设计要体现“天高任鸟飞、海阔任鱼游”的意境。亮蓝色色系为主，加很少亮的橙色做对比呼应，界面的感觉要轻灵通透、有活力、质感要强，整体外观给人要有耳目一新的触动感；向导、信息提示界面亮蓝色系为主，但背景要求清爽简洁，设计的图形化符号表意要明确，造型要美观，由于表意的载体元素（如：信息提示的问号）要遵循通用性原则，但为了突出产品特色，在元素的造型上建议设计为立体效果，这样会有让人过目不忘的新颖感。小节：

7、把天空大海的“神韵”融入典型界面中；建议图形符号处理为立体效果，加强外观设计的新颖感。五、主界面描述GUI主界面：色彩主要集中在界面上部（菜单栏、工具栏、页签），蓝色为主色调，色彩的明度、纯度、饱和度要较高；下面操作区的颜色以白色为主，配浅灰色和少量其它颜色，色调简洁明快；上下色调形成较强反差，以刺激用户的视觉感观，保持较长时间的新鲜感，用户的感官享受重点体现在上面部分。主操作区域，包括树菜单、报表、容器等控件，背景色调为浅灰渐进色系，要有明确的视觉导向和模块区别功能，稍鲜艳的蓝色系、黄色系、绿色系起画龙点睛的作用，用色要有理由，有明确的业务需求来源

8、。信息门户主界面：和GUI外观原则上保持一致，不同的地方：信息门户的框架和业务层次相对简单，色系的应用在GU