UI设计规范(流程、界面)


    
    UI设计(流程界面)规范

    :UI设计基概念流程
    11 目
    规范公司UI设计流程UI设计师参产品设计整环节中产品易性进行全流程负责UI设计流程规范化保证UI设计流程操作性
    12范围
    l 界面设计
    l 文档界面设计文档读者象项目理员售前服务员UI界面设计员界面评审员配置测试员
    13 概述
    UI设计包括交互设计户研究界面设计三部分基三部分UI设计流程产品立项开始UI设计师应根流程规范参需求阶段分析设计阶段调研验证阶段方案改进阶段户验证反馈阶段等环节履行相应岗位职责UI设计师应全面负责产品户体验中心UI设计根客户(市场)求断提升产品性规范明确规定UI设计环节职责求保证环节工作质量
    14 基介绍
    A需求阶段
    软件产品然属工业产品范畴然离开3W考虑(Whowherewhy)者环境方式需求分析设计软件产品前应该明确什(户年龄性爱收入教育程度等)什方(办公室家庭厂房车间公场)(鼠标键盘遥控器触摸屏)面元素改变结果会相应改变
    外需求阶段类竞争产品必须解类产品提前问世作更存价值单纯界面美学考虑说没客观评价标准说更合适更合适终户
    B分析设计阶段
    通分析面需求进入设计阶段方案形成阶段设计出套风格界面选
    C调研验证阶段
    套风格必须保证等设计制作水明显出差异样户客观真实反馈
    测试阶段开始前应该测试具体细节进行清楚分析描述
    调研阶段需问题出发:
    户套方案第印象
    户套方案综合印象
    户套方案单独评价
    选出喜欢
    选出次喜欢
    方案色彩文字图形等分分
    结出请户说出受欢迎方案优缺点
    需图形表达出直观科学
    D方案改进阶段
    户调研目标户喜欢方案解户什喜欢什遗憾等样进行步修改时候精力投入方案方案做细致精美
    E户验证阶段
    改正方案推市场设计没结束需户反馈设计师应该产品市站柜台零距离接触终户户真正时感想升级版积累验资料
    面设计程描述家清楚发现界面UI设计非常科学推导公式设计师艺术理解感悟绝仅仅表现设计师绘画强调工作程设计程UI界面设计存美工

    2 UI设计流程
    21 概述
    根述原分析公司产品特点制定符合软件产品(项目)生命周期UI设计流程产品(项目)生命周期中UI设计师应该严格流程完成环节职责确保流程准确效执行提高产品性提升产品质量

    二:UI界面户体验设计原规范
    1:应该遵循基原
    控件提示信息措辞颜色窗口布局风格遵循统标准做真正致
    样处:
    1:户起够建立起精确心里模型熟练界面切换外界面够轻松推测出种功语句理解需费神理解
    2:降低培训支持成支持员会行费力逐指导
    3:户统感觉觉混乱心情愉快支持度增加
    做法:
    项目组验士确立UI规范:
    美工提供色调配色方案提供整体配色表
    界面控制程序员户体验员提出合理统控件库参考标准界面规范:
    控件功遵循行业标准windows台参见Microsoft 户体验
    控件样式允许范围统修改样式色调
    参考软件先进操作提取项目功绝盲漫目
    根需设计特殊操作控件准:简化操作达定功目
    界面实施员美工商榷控件实现性(实行步骤会导致方工作满意会产生致混乱)重复叠代述工作
    建立合理化文档UI标准描述述规范
    强行界面设计者理解作开发准
    SQA员进行监控开发员否遵循时告诫开发员
    2:(Color)颜色恰遵循原:
    1:统色调针软件类型户工作环境选择恰色调:
    :安全软件根工业标准选取黄色绿色体现环保蓝色表现时尚紫色表现浪漫等等淡色舒适暗色做背景觉累等
    2:果没系列界面采标准界面少考虑方面做操作系统统读取系统标准色表
    3:色盲色弱户特殊颜色表示重点者特东西应该特殊指示符quot着重号图标等
    4:颜色方案需测试常常显示器显卡问题色彩表现台机器样应该严格测试机器进行颜色测试
    5:遵循原:浅色背景深色文字深色背景浅色文字蓝色文字白色背景容易识红色背景易分辨原红色蓝色没足够反差蓝色白色反差非特殊场合杜绝强烈产生憎恶感颜色 6:整界面色彩量少类颜色
    itop色表
    具体标准参考美术学统计学术标准 色表建设美工图案设计包装设计起着标准参考作程序界面设计员设计控件窗体调色起章循作
    3:(Resource)资源
    姿彩机交互界面少精美鼠标光标图标指示图片底图等
    1:需遵循统规包括述颜色表建立图标建立步骤应该形成标准参考itopoutlookbar图标设计标准
    2:标准图标风格设计统构图布局统色调度色阶图片风格
    3:底图应该融底图浅色 低量少颜色
    4:图标图应该清晰表达出意思遵循常标准者户机器容易联想物件绝允许画出莫名奇妙图案
    5:鼠标光标样式统量系统标准杜绝出现重复情况例某软件中手形状4钟样子
    4:(Font)字体
    统字体字体标准选择操作系统类型决定
    中文采标准字体宋体英文采标准 Microsoft Sans Serif 考虑特殊字体(隶书草书等特殊情况图片取代)保证户起显示正常
    字体根系统标准字体例 MSS字体8磅宋体五号字(9磅)五号字(105磅)
    控件量统字体属性特殊提示信息加强显示等例外情况
    ITop采BCB控件默认 parent font允许修改样利统调整
    ·系统字体属性改变处理
    Windows系统桌面设置设置字体属性界面设计者常常恼火果设计时遵循微软标准全部相作控件设置切换字体时候相会什特殊问题
    常常方便点阵作窗口设计单位导致改变字体出现版面混乱问题
    情况应该做相应处理:
    1:写程序动调节点阵值相应例
    2:全部采点阵作单位理会系统字体调节样减少调节字体带麻烦BCBDELPHI中采种方法必然结果系统统
    5:(Text)文字表达
    提示信息帮助文档文字表达遵循准:
    1:口语化客气您请少专业术语杜绝错字
    2:断句逗号句号顿号分号法 提示信息较话应该分段
    3:警告信息错误 应表示方法
    4:统语言描述例关闭功钮描述退出返回关闭应该统规定
    5 根户采相应词语语气语调专软件出现专业属户童:语气亲切蔼老年户应该成熟稳重制定标准遵循
    6:(STYLE)控件风格错误控件控件功专
    设计风格控件果没力设计出套控件标准控件绝伦类杂乱章
    ·错误控件例:
    Button样式做TTable功菜单条显示版权信息
    ·统类型控件操作方式相例控件双击执行某动作样控件双击没反映
    ·控件做单功复
    写程序方便喜欢控件情况做功户初次理解增加难度户熟悉理解 例
    改变红色选项左边参数代表设置节省控件者编程量熟练户回种情况解决方法:
    1分组双份控件
    2:TABLE页户明显视觉变化
     

    总结起:
    1 产品制作写产品计划书
    2 户体验研究员作调查分析
    3 信息建构师设计产品架构
    4 互动设计师作出互动流程
    5 视觉设计师户界面设计师作出页面视觉设计
    6 前台工程师前台开发
    7 台工程师台开发
    8 户体验研究员做户测试确保质量

     
    1确认目标户

    软件设计程中需求设计角色会确定软件目标户获取终户直接户需求户交互考虑目标户引起交互设计重点例:科学户电脑入门户设计重点

    2设计目标致

    软件中存组成部分(组件元素)组成部分间交互设计目标需致例:果电脑操作初级户作目标户简化界面逻辑设计目标该目标需贯彻软件(软件包)整体局部

    3元素外观致

    交互元素外观影响户交互效果(类)软件采致风格外观保持户焦点改进交互效果帮助遗憾确认元素外观致没特统衡量方法需目标户进行调查取反馈


    7性原

    71理解

    软件户户必须理解软件元素应功果户理解需提供种非破坏性途径户通该元素操作理解应功例:删操作元素户点击删操作钮提示户删操作者否确认删操作户更加详细理解该元素应功时取消该操作

    72达

    户交互中心交互元素应户需功交互元素必须户控制户诸键盘鼠标类交互设备通移动触发已交互元素达前见者交互交互元素注意交互次数会影响达效果功深深隐藏(般说超4层)户达该元素率降低达效果界面设计关复杂界面会影响达效果(参考简单导原)
    Quote
    [阶段:分析]
    1 户需求分析
    2 户交互场景分析
    3 竞争产品分析两者说相辅相成


    较正规项目言必然户需求分析容中户UI需求重组成部分果说UI设计原UI设计出发点话户UI需求次设计出发点UI设计建立户深刻解户交互场景分析重部分项目组说许没时间精力实际勘查户现交互制作完善交互模型考察UI设计员分析时候定站户角度思考:果户里会需什竞争产品够市UI设计者知道必然长处谓三行必师意思设计者思维局限性设计会触类旁通处然时候参考定竞争产品

    [阶段二:设计]
    采面场景面事件驱动面象设计方法 UI设计着重交互必然终户交互场景进行设计软件交互产品户作软件事件响应触发软件置事件面事件设计现程序开发流采面象设计面象设计效体现面场景面事件特点设计四素:交互象数象事件(交互事件异常)动作

    [阶段三:开发]
    通:户交互case图(说明户系统间联系)户交互流程图(说明交互事件间联系)交互功设计图(说明功交互应关系) 终UI设计产品

    [阶段四:验证]
    正UI交互设计原探讨文中提UI产品验证面方面入手:
    1 功性UI设计需求致
    2 实性部测试UI设计重点实性
    3 户焦点组UI设计否优秀重衡量说点问题现认交互式设计终UI效果设计截然分开说需求设计截然分开
    Quote
    UI设计流程设计师参环节

    工作中总结出条结:拥完善规范流程决定着项目走成功失败关键
    UI设计工作流程觉根市场分析-户分析-架构-原型-界面-输出-完善条线制定环节UI设计师应参中

    1产品定位市场分析
    类工作新产品研发部门市场需求完成UI设计师应解产品市场定位产品定义客户群体运营方式等

    2户研究分析
    程非常重设计师应该找合适方法完成环节搜集相关资料分析目标户特征情感惯心里需求等提出户研究报告性设计建议部分工作团队配合完成时间项目需求允许情况更制定实景户分析


    3架构设计
    里涉较界面交互流程设计根性分析结果制定交互方式操作跳转流程结构布局信息元素

    4原型设计
    觉里应该阶段标志前面工作加设计方面实施根进度成原型控制手绘-图形-FLASH视频质量范围原型质更倾DEMO需全部功体现出设计象基特性

    5界面设计
    果倾图形界面设计喜欢部分定结合循环讨分析结果做设计否作品难信服色调风格界面窗口图标皮肤表现环节关键

    6界面输出
    作设计师部分工作配合开发员完成相关界面结合

    7完善工作
    环节部门参包括性循环研究户体验回馈测试回馈时UI员应该行性建议进行完善设计师做东西喜欢改忌

    流程会部门参完成UI设计师团队配合发挥应作非常重名合格UI设计师应该贯穿整UI流程进行工作非单纯图形界面设计
    文档香网(httpswwwxiangdangnet)户传

    《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
    该内容是文档的文本内容,更好的格式请下载文档

    下载文档到电脑,查找使用更方便

    文档的实际排版效果,会与网站的显示效果略有不同!!

    需要 10 香币 [ 分享文档获得香币 ]

    下载文档

    相关文档

    《UI界面设计》教案

    教 案课程名称:UI界面设计授课教师:制订时间:UI界面设计第一章 UI综述课 题:UI综述授课教师:教学目标:通过本章学习使学生了解UI在中国的发展,以及UI的是什么。教学重点:掌握...

    5个月前   
    156    0

    alibaba(中国)用户界面指南——UI流程帮助文档

    版本号文件名称作者备注H1.0UI流程帮助文档冯颖慧社区发展部UI流程帮助文档一、 如何查看设计师需求列表?1. 点击项目浏览页面的产品属性(红框)2.点击进入后选择后选择您想要查询的设计师3...

    10年前   
    572    0

    UI界面设计服务委托合同范本

    本合同由以下当事人订立,并于 ______年____月 ____日签订:甲方:_______________乙方:_______________依据《中华人民共和国合同法》的规定,合同双方就甲方...

    3年前   
    530    0

    电力设计规范

    GB 50217-1994电力工程电缆设计规范 一、信号分类            电缆的合理布设可以有效地减少外部环境对信号的干扰以及各种电缆之间的相互干扰,提高DCS系统运行的稳定性。...

    5年前   
    1148    0

    医院设计规范

    UDC GB 中华人民共和国国家标准 P ...

    12年前   
    18945    0

    代码和界面设计

    摘   要 随着现代计算机科学的发展,网络已经越来越普及,如今网络已经成为每个人生活的一部分,同时网络也提供了一种很好的信息交换平台,而个人主页是一个可以在网络上展示个人信息的方便手...

    2年前   
    477    0

    用户界面设计报告

       用户界面设计报告 来自:http://www.chinaspis.com 作者:林锐 电子工业出版社出版发行 { 项目名称 } 用户界面设计报告 文件状态: [√] ...

    15年前   
    14553    0

    交互设计规范

    当产品规模大了之后就需要多个产品设计师协作完成整个产品,由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同,协作完成的产品往往会导致产品一致性差,质量参差不齐。这个时候会需要一份交互设...

    11年前   
    550    0

    客车空调选型设计规范

    客车空调选型设计规范编制:审核:批准:目录文件变更日志前言一、遵循的标准文件二、空调工作原理三、车辆空调系统技术要求四、客车空调系统的设计文档变更日志版本日期编制变更理由/变更内容备注V1.1...

    3年前   
    709    0

    《ai ei ui》教学设计

    《ai ei ui》教学设计《ai ei ui》教学设计1   【教学目标】   1、学会3个复韵母ai ei ui 。   2、能正确认读音节,会读拼音词。   3、会读复韵母...

    2年前   
    503    0

    《ai ei ui》教学反思

    《ai ei ui》教学反思《ai ei ui》教学反思1   《ai ei ui》是拼音教学中学习复韵母的第一课,但同学大多在幼儿园时都已学过,所以我在本课的设计中,除了让同学读准音,订正...

    2年前   
    359    0

    UI设计合同样本

    北京XXX有限公司技术服务暨委托UI设计合同本合同由以下当事人订立,并于 年 月 日签订: 甲方:上海XXX有限公司 ...

    3年前   
    850    0

    步步高超市工程界面

                     工程界面和物业条件协议   出租方(甲方): 承租方(乙方):经双方友好协商,一致对租赁合同中约定 “工程界面和物业条件”确定内容如下,并作为双方签...

    5年前   
    711    0

    DOS界面下通用图形编辑软件的设计

    DOS界面下通用图形编辑软件的设计摘 要 该文介绍了一种建立在DOS界面下生成图素文件的通用图形编辑程序的设计方法。         目前用作DDC的PC总线工控机(IPC)大部分工作在DOS...

    8年前   
    371    0

    土建移交精装界面标准

     土建/户内精装修交接标准一、各土建总包施工单位在各幢楼号应按合同内容完成的土建,水电安装,内外墙抹灰,内外墙保温材料和涂料、塑钢门窗、卫生间土建防水、阳台栏杆等项目均须达到毛坯房竣工的质量验...

    4年前   
    1174    0

    alibaba(中国)用户界面指南——需求提交要求

    版本号文件名称作者备注XT1.0需求提交要求冯颖慧社区发展部需求提交要求一、社区营销:Banner、活动、专题、印刷品设计1. Banner:必须填写 文案、尺寸、数量、所在页面 四项信息请在...

    9年前   
    519    0

    9.ai ei ui(教案)

    9 ɑi ei ui【教学目标】 1. 正确认读复韵母 ɑi、ei、ui 和它们的四声,读准音,认清形。2. 正确拼读声母和 ɑi、ei、ui 组成的音节。了解复韵母的标调规则。能在四线格中正...

    4年前   
    4593    0

    10.ai、ei、ui2

    10.ai、ei、ui2  第二课时  教学目的:  1.学习声母与ai、ei、ui组成的音节,能准确地拼读音节。  2.能正确地书写由声母和ai、ei、ui组成的音节。  3.读好小儿歌。 ...

    5个月前   
    133    0

    UI设计师的具体职责

    UI设计师的具体职责职责:1、负责公司产品、移动APP产品的美术创意与UI界面设计;2、负责APP整体风格、视觉效果、用户操作体验策划及设计;3、把握设计趋势并提出创新性的设计思路;4、熟悉用...

    1年前   
    363    0

    ui设计教案18个课时

    备 课 本Lesson Preparation _2013__--__2014_学年 第_一_学期Academic Year - Semester 课 程 名 称 ...

    2年前   
    434    0

    文档贡献者

    雅***韵

    贡献于2020-11-20

    下载需要 10 香币 [香币充值 ]
    亲,您也可以通过 分享原创文档 来获得香币奖励!
    下载文档

    该用户的其他文档