界面设计规范1.doc

第PAGE\*Arabic\*MERGEFORMAT18页共NUMPAGES\*Arabic\*MERGEFORMAT18页文档编码保密级别编写人员董永华文档版本1.0.全亚通信产品部界面设计规范北京全亚通信技术有限公司2012年12月05日目录TOC\o"1-3"\h\z\uHYPERLINK\l"_Toc344316405"1界面设计的规范目的PAGEREF_Toc344316405\h3HYPERLINK\l"_Toc344316406"2界面布局PAGEREF_Toc344316406\h3HYPERLINK\l"_Toc344316407"2.1登录页面PAGEREF_Toc344316407\h3HYPERLINK\l"_Toc344316408"2.2主界面PAGEREF_Toc344316408\h4HYPERLINK\l"_Toc344316409"2.3左侧菜单PAGEREF_Toc344316409\h6HYPERLINK\l"_Toc344316410"2.4表单PAGEREF_Toc344316410\h7HYPERLINK\l"_Toc344316411"2.5当前位置PAGEREF_Toc344316411\h9HYPERLINK\l"_Toc344316412"2.6列表PAGEREF_Toc344316412\h9HYPERLINK\l"_Toc344316413"2.7弹出窗口PAGEREF_Toc344316413\h11HYPERLINK\l"_Toc344316414"2.8可视化控件PAGEREF_Toc344316414\h13HYPERLINK\l"_Toc344316415"3常见问题规范PAGEREF_Toc344316415\h14HYPERLINK\l"_Toc344316416"4尺寸规范PAGEREF_Toc344316416\h15HYPERLINK\l"_Toc344316417"5导航规范PAGEREF_Toc344316417\h15HYPERLINK\l"_Toc344316418"6链接规范PAGEREF_Toc344316418\h15HYPERLINK\l"_Toc344316419"7字体规范PAGEREF_Toc344316419\h16HYPERLINK\l"_Toc344316420"8终端开发图片格式规范PAGEREF_Toc344316420\h16HYPERLINK\l"_Toc344316421"9用户体验设计规范PAGEREF_Toc344316421\h16HYPERLINK\l"_Toc344316422"10在用户体验设计时需要注意以下几点PAGEREF_Toc344316422\h17界面设计的规范目的界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。设计良好的界面能够引导用户自己完成相应操作，起到向导作用。界面设计主要是为了达到以下目的：1、以用户为中心:设计由用户控制的界面，而不是界面控制用户。2、清楚一致的设计:所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解和使用。3、拥有良好的直觉特征:以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻，来帮助用户能迅速学会软件的使用。4、较快的响应速度。5、简洁、美观。界面布局登录页面登录界面上要有系统的和系统名称版权等信息。登录界面最好有用户名和ID的记忆，焦点直接定位到密码输入框。如果用户输入用户名或密码错误时，要出现错误提示，提示用户具体是哪项填写错误。登录页面要突出操作区域，避免用户眼球左右晃动，操作区保持在任何分辨率下保持居中（如图1）。如图15、登录页面提示信息应该放置在发生错误区域附近，输入框高度24px，输入框与输入框上下间距保持1.2倍