篇一 :UI设计规范说明书

UI设计说明书

UI设计规范说明书

修订历史记录

日期

版本 说明 作者

1 前言

1.1 文档简介

本文档是对整个系统界面设计风格进行描述,和用户交互的最终界面在《详细设计说明书》中设计和解释。

1.2 系统定义

用户界面:又称人机界面,实现用户与计算机之间得通信,以控制计算机或进行用户和计算机之间得数据传送得系统部件。

GUI:即图形用户界面,一种可视化得用户界面,它使用图形界面代替正文界面。

1.3 编写目的

统一图形界面规范,为开发人员提供统一的标准,为用户提供统一显示效果、统一操作方式的界面,便于用户识别与使用。

UI设计说明书 2 界面设计准则 Rules

2.1 引言 Introduction

在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、风格、颜色、术语、提示信息等方面确保一致。

2.2 主要内容 Content

2.2.1 显示信息一致性原则

坚持图形用户界面(GUI)设计原则,界面直观、对用户透明:用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。

明确用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。

界面设计必须经过最终确认才能完成。

2.2.2 布局合理化原则

应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。布局力求简洁、有序、易于操作。

2.2.3 鼠标与键盘一致性原则

UI设计说明书

尽量遵循可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。

…… …… 余下全文

篇二 :如何写“完”UI设计说明书

如何写“完”UI设计说明书.txt男人应该感谢20多岁陪在自己身边的女人。因为20岁是男人人生的最低谷,没钱,没事业;而20岁,却是女人一生中最灿烂的季节。只要锄头舞得好,哪有墙角挖不到?1004*623

如何写“完”UI设计说明书

我们中的大多数人都写过UI设计说明书(或UI规格说明书),论坛里也经常会有类似的讨论,对UI设计说明书的框架和结构我就不做过多的说明了。为什么有人写了上百页的UI设计说明书,别人还是看不懂,或者说忽略了细节呢?那今天我们重点讨论一下关于细节阐述和表达的一些经验,以免写出只有自己看得懂的UI设计说明书。

我先说说我总结的一些经验吧,希望大家积极讨论:

我们的目标是:(没有蛀牙,^_^ 玩笑!)

既要清晰描述用户界面原型中的细节和交互方式,又要方便项目组的其他开发人员、需求人员以及测试人员等角色交流察看的说明文档。

主要内容包括:

1. 产品的目标和成功标准,(例如一个全新的预言项目不可能要求用户满意度在90%以上,对升级产品要求就会高一些。)

2. 产品最终用户群及产品用途(了解用户的年龄、职业、产品的使用环境等都是非常必要的)

3. 首先满足基本功能。(例如DVD机的基本功能是播放影碟,可能还有播放CD的功能等等)

4. 主要功能(在产品的几十个功能中通过用户验证和项目组筛选,选取用户最常用到的功能,将其优化,以不同层次展现于界面上。)

5. 用户界面特性。(每一款界面都有自己的特性,比如触摸屏的操作界面与手机的操作界面就算功能完全一样,结构、布局等特点也不会相同的。)

几点注意事项

1. 必须紧贴需求,围绕功能点展开。

2. 描述语言简短精确(这样别人看的时候才不会烦)

3. 保持文本的易维护性,建议使用WORD的大纲视图编写,便于更改和查找。

4. 说明书一定要有版本管理,对每次更新内容要做详细说明。

5. 图标要与名称一同提交,并说明是什么类型,如桌面图标、列表中的图标、工具栏图标、按钮图标、属性框或提示信息框中的图标等等。

…… …… 余下全文

篇三 :UI设计师职位说明书

UI设计师职位说明书

UI设计师职位说明书

UI设计师职位说明书

直接上级(签字): 任 职 人(签字): 岗位编号: 日 期:

*注:“%”指每一项工作职责在职位承担者的总工作时间中所占的百分比企业根据自己的情况,自行填写。

…… …… 余下全文

篇四 :软件产品UI设计流程说明书

软件产品UI设计流程说明书

软件产品UI设计流程说明书

目录

0. 文档介绍 .............................................................................................................................. 3

0.1文档目的 ..................................................................................................................... 3

0.2文档范围 ..................................................................................................................... 3

0.3读者对象 ..................................................................................................................... 3

0.4 UI概述 ........................................................................................................................ 3

1. 需求阶段 .............................................................................................................................. 4

…… …… 余下全文

篇五 :软件UI设计工程师岗位说明、网站UI设计工程师岗位说明

岗位职务说明书软件UI设计工程师

 


任    期:                                               批   准:

& 岗位定位(岗位存在的理由,限度和目标)

完成或参与完成公司软件项目整体形象规划,创意提案及美术开发。软件界面的视觉设计和美化。具体包括:

u   根据需求设计软件产品的UI(用户界面及交互设计),完成图标设计,整体配色设计;

u   可以进行产品包装、广告专业设计等推广宣传资料的设计制作;

u   负责公司产品的视觉设计,包括软件产品界面(包括网页应用、客户端应用、移动应用和其他终端应用)、图表设计、logo设计及flash演示等;

u   配合产品经理、开发人员完成原型或DEMO设计;

u   负责制定项目UI的详细设计规范;参与负责整理详细功能的设计规范文档;

u   参与软件测试、测试文档撰写/维护,负责交互性测试机文档撰写等;

u   参与根据新产品的市场需求与技术实现的结合匹配,主动有效的与项目团队成员沟通合作,保证产品高质量按时正常上市;

…… …… 余下全文

篇六 :详细设计说明书范本

Lyra Resource Platform                                文档                                         详细设计说明书

详细设计说明书

1.引言

1.1 编写目的

本详细设计说明书是针对网络信息体系结构的课程作业而编写。目的是对该项目进行详 细设计,在概要设计的基础上进一步明确系统结构,详细地介绍系统的各个模块,为进行后 面的实现和测试作准备。本详细设计说明书的预期读者为本项目小组的成员以及对该系统感 兴趣,在以后想对系统进行扩展和维护的人员。

1.2 背景

a.[待开发的系统的名称:Lyra Resource Platform; b.本项目的任务提出者: 赵东,成富,陈良,窦文敏 开发者:赵东,成富,陈良,窦文敏 用户:所有对该项目感兴趣,并想通过该项目的产品提高资源检索速度和质量,方便的

进行资源检索,预览,上传及下载的用户。

2.  系统的结构

1


Lyra Resource Platform                                文档                                         详细设计说明书

…… …… 余下全文

篇七 :网站设计-毕业设计说明

毕业设计(论文)

题       目       Torrens网站设计   

系      (部)         数字媒体系        

专业(方向)   图形图像制作(计算机)

班       级                           

学 生 姓 名                    

指 导 教 师                   

总  成   绩                           

…… …… 余下全文

篇八 :VI设计说明2

装饰公司VI设计说明

标志存在于我们社会的每个角落,适用于社会生活各个方面,在现代社会中,标志已不仅仅是一种单纯的视觉符号,它具有独特的美学价值,强大的社会功用,成为一个种文化。 VI企业识别设计以其本身的视觉形式美以及真与美、系统性和动态性、言说性和非言说性的有机结合的审美特征,最终杂糅形成一种综合表现力。这种表现力超越了具体的产品、经营和服务等单个要素的实体性特征,成为“空间中非功能性的、提供体验的各方面的因素。”同时这种表现力升华成一种精神表征,促使公众形成对企业的总体感受,继而引发公众产生对企业、产品以及品牌的心理趋向力和认同感。

设计科学、实施有利的视觉识别,是传播企业经营理念、建立企业知名度、塑造企业形象的快速便捷之途。

VI的设计不是机械的符号操作,而是以MI为内涵的生动表述。所以,VI设计应多角度、全方位地反映企业的经营理念。企业标志即从事生产经营活动的实体的标志,产品标志即企业所生产的产品的标志,又叫商标。VI设计不是设计人员的异想天开而是要求具有较强的可实施性。

企业可以通过VI设计实现这一目的。对内征得员工的认同感,归属感,加强企业凝聚力,对外树立企业的整体形象,资源整合,有控制的将企业的信息传达给受众,通过视觉符码,不断的强化受众的意识,从而获得认同。

“尚居”装饰是一家以客户中高档为主的装饰公司,始终坚持“质量为本,设计为根”的经营理念。LOGO的设计简洁、时尚,它的设计取自海的自然环境,创造了非常浪漫,令人向往的家居心情好品牌气息,提升顾客体验价值,表现一个大型公司充满实力、稳健发展、拥有光明美好未来的形象。以中间的水纹代表分子结构,代表波浪都在更新与创新中生存,旋转的标志代表在无生息的发展中,日夜壮大。也可以说它代表着时尚,走在潮流的尖端,是“e”时代的意思. LOGO的颜色部分, 以暖色调为住,给人家的温暖,它采用中国皇宫的色彩元素,以橙黄表示想皇宫的富丽堂皇,但在辉煌的环境中还少不了一点花草和树的点缀,所以用来绿色来表示。我公司的理念是让你感受到想皇宫般的豪华气派,而在豪华中又不时有花草和树的陪伴,让你生活更加舒适。

…… …… 余下全文