UI设计流程以及设计师参与的环节（精选9篇）
UI设计流程以及设计师参与的环节 第1篇
UI设计流程以及设计师参与的环节
对于UI设计的工作流程，我觉得可以根据“市场分析－用户分析－架构－原型－界面－输出－完善”这条主线制定，每个环节UI设计师都应参与其中。
1.产品定位与市场分析
这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。
2.用户研究与分析
这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。
3.架构设计
这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。
4.原型设计gy.xiancheng.cn
我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘－图形－FLASH-视频”几个质量范围。gy.xiancheng.cn 原型的本质更倾向与一个DEMO，它不需要有全部的功能，gy.xiancheng.cn 但要体现出设计对象的基本特性。
5.界面设计
如果很倾向于图形界面设计，gy.xiancheng.cn这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。
6.界面输出
作为设计师gy.xiancheng.cn，在这一部分的工作就是配合好开发人员完成相关的界面结合。
7.完善工作
这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。gy.xiancheng.cn
UI设计流程以及设计师参与的环节 第2篇
1.UI设计的简介： a.UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
b.软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。
c.在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。
2.UI设计职能：
a.图形设计： 国内大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。随着时间的推移，美工这个词将渐渐淡出。
这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。
b.交互设计： 在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。
交互设计师一般都是软件工程师背景居多，也有视觉设计师转行进入的。c.用户测试/研究： 任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。
用户研究工程师一般是心理学人文学背景比较合适。2.UI设计原则： 1.简易性
界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。
2.用户语言
界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。3.记忆负担最小化
人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
4.一致性
它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。
5.清楚
在视觉效果上便于理解和使用。6.用户的熟悉程度
用户可通过已掌握的知识来使用界面，但不应超出一般常识。7.从用户习惯考虑
想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。8.排列
一个有序的界面[1] 能让用户轻松的使用。
9.安全性
用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10.灵活性
简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。
11.人性化
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。
UI常见的手机UI
二，UI设计的前景
1，UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求。
2，华信智原UI设计工作的年薪基本保持在10到15万，经验丰富者可以达到20万，资深的UI设计人员年薪可以更高。
3，UI设计师不单纯从事美术绘画，更需要对软件使用者、使用环境、使用方式进行定位，并终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
4，设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。与之相应，UI设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
5，UI设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。与之相应，UI设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
6，市场经济需要竞争，竞争就会需要设计来提高产品竞争力。2000年以前国内的UI设计刚开始萌芽，但当时做UI等于做平面设计，基本也体现在网页设计上，后来随着flash的流行，一部分美术设计师开始去思考互动性。到了2002年一些企业开始重视到UI设计的重要性，纷纷把 UI部门从软件编码团队里提出来，开始有了专门针对软件产品的图形设计师和交互设计师。2004年以后随着手机，电脑附加软件，MP3等大量产品上市，ID设计就和UI设计越来越紧密了，UI设计也开始被提升到一个新的高度和重视程度。2005年国内的UI设计已经相对成熟了，有了专门的职业分工也出现了很多不错的UI一线设计师与UI设计交流组织。
7，软件UI 设计应该属于ID(工业产品设计)的一个特殊形式，只是针对的材质有所不同。但随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品设计需要软件UI设计。
8，随着科技的发展，不久的将来所有的产品会组成一体，变成一个无处不在的电脑，这个电脑控制着用户的所有家用产品和资料。用户只要有自己的一个账号，就可以通过任何一个产品来控制所有其它产品，而所有的产品都具有终端的功能。而这个终端操作的基本形式就是软件的UI设计。
9，产品设计由物质设计向非物质设计转变已经开始了，而且必将成为未来产品设计的主流，一个UI大时代即将到来。
10，从发展历程上看，世纪之交，国内的UI设计刚刚开始萌芽，当时做UI等于做平面设计,基本体现在网页设计上;而今，随着技术领域的逐步拓展，产品生产的人性化意识日趋增强，越来越多的企业开始注重交互设计、用户测试方面的投入，UI设计领域“三足鼎立”的局面将越来越成为大势所趋。这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。
11，UI设计中的交互设计方面已经走过了基于字符方式的命令语言式界面的阶段，目前正处于图形用户界面时代。但是，人们仍不满足于现状，在积极探索新型风格的人机交互技术。当前语音识别技术和计算机联机手写识别技术的商业成功让人们看到了自然人机交互的曙光。虚拟现实和多通道用户界面的迅速发展也显示出未来人机交互技术的发展趋势——“人机和谐”的多维信息空间。这些新技术理念的出现对UI设计师来说既是机遇又是挑战。
UI设计流程以及设计师参与的环节 第3篇
在全国公安系统英雄模范立功集体表彰大会召开之际, 中央电视台立项投资拍摄的6集电视纪录片《中国警察》在央视综合频道播出。纪录片由《忠诚至上》、《重拳出击》、《规范执法》、《强警之路》、《百炼成钢》、《铁骨柔情》共6集组成, 围绕“忠诚、为民、公正、廉洁”人民警察核心价值观, 对中国警察的形象进行了完美刻画;以纪实的手法, 将镜头对准近年来公安工作一线涌现的一个个公安英模和立功集体, 深入挖掘公安系统涌现出的一流故事, 艺术地表现“人民公安为人民”的新形象。
在与节目组进行沟通后, 总结出《中国警察》的节目特点和节目包装需求:第一, 高清纪录片;第二, 对外形象片, 反映出中国警察与国外警察的不同风貌, 不同的价值观;第三, 反映新时期警察队伍的新发展、新变化, 特别是在近五年新的领导班子领导下取得的成就;第四, 分为6集, 每集5～6个故事, 以个体形象表现集体风貌;第五, 虚实相间, 以画面为主 (经典瞬间) , 三维动画为骨架, 形成整个片子的艺术风格。
了解节目需求, 就有了侧重点和努力的方向。
二创意设计
包装创意设计分为三部分, 总结为“三说”:
第一步“说什么”:《中国警察》从片名上可分出“中国”, “警察”。“中国”就必须体现出地域特色、文化内涵和民族精神。可选用的视觉元素初步设定为:地图、文字、国旗、黄河、长江、瓷器、长城、故宫等;最能体现“警察”这个职业的视觉元素是“警徽”。警徽由国徽、蓝盾、长城、松枝组成;总结后从中发现了共同的视觉元素“长城”, 长城代表历史文明, 象征中华民族坚强团结、坚不可摧的伟大力量和百折不挠、英勇奋斗的民族精神。从寓意上非常契合节目的核心理念, 长城城砖斑驳的、平实而有力的质感可以体现出纪录片的特点, 而且也可作为凝固经典瞬间的载体, “长城”成为从内容到形式转换;从语言表述到视觉传达转换的桥梁。其实主题没变, 只是用新的形势来表现出时代特征, 打破旧的形式, 创立新形式, 而这新形式又必须在旧形式上继承和扬弃, 使之能为内容而服务, 把要表达的内容传达清楚 (见图1) 。
第二步“怎么说”:涉及到材质气氛设计以及镜头语言的设计。
材质气氛设计:要体现出所取得的成就, 金色是最能体现出其价值感的材质, 但运用不当会给人留下俗气或不稳重的感觉, 这次在质感的选择上为突出时代感、荣誉感以及强烈的感情色彩, 经过反复推敲和材质调试, 在众多金色材质中选择了暖色的、有分量的、充满细节的亚金色金属, 从一块金色的砖墙的特写入手, 再到两块、三块到更多的砖墙, 慢慢出现长城的形象, 给人想象的空间, 最终构成壮丽的亚金色长城 (见图2) 。
镜头语言的设计:体现出记录片特点, 凝聚经典瞬间;用每一个经典瞬间相加起来, 从个体到整体, 从微观到宏观, 体现出整个警察队伍的精神风貌。在分镜头脚本制作这样设计:从微观的长城墙砖特写起, 瞬间事件的凝固, 一个、两个、三个, 慢慢增多, 用公安工作一线涌现的一个个公安英模和立功集体, 涌现出的一流故事, 艺术地表现“人民公安为人民”的新形象, 积少成多最终形成长城的形态, 镜头从蜿蜒曲折的长城中拉出, 真实的长城与警徽中的长城融为一体, 传达出一种精神, 一种反映公安系统的时代精神, “站着是一群雕像, 倒下是一座丰碑。”警徽出现在曲折广阔的长城情景中, 片名落入, 背景为清晨渐渐升起的太阳, 给人以充满朝气、蓬勃而发的气势。
第三步“说多少”, 现在的节目包装已不只是片头片花了, 整体包装的一致性是非常重要的, 在创意阶段必须要考虑到所选用的视觉元素的可发展性, 是不是适用于节目包装的各个环节。墙砖的方形, 决定了以直线为主的结构和分割, 也给人有力度和干练的印象;墙砖的斑驳质感, 也给人有内涵而耐人寻味的感受。运用到各种包装形式中, 比如角标的形式和材质;字幕条的材质和动态;小片花与片头的呼应;片尾的形式统一;对素材的包装形式等方面。长城的结构和质感, 就很好地统一了整体包装的色彩、质感、动作;既好看又能体现出片子所要表达的内涵, 一举两得 (见图3) 。
三项目实施
此项目是高清包装项目, 时间紧, 从接到任务到交付成片大约20天时间, 有大量三维场景需要制作和调试, 渲染时间非常有限。针对这次项目的特殊性, 在实施过程中, 分了五个步骤, 逐步解决每个环节遇到的问题, 形成了一套完整的制作流程。
第一步, 制作无材质的分镜脚本。根据片子所要表现的主题, 先做好场景气氛设计, 在形式构图做大胆的设想, 三维模型只采取能体现结构的素模形式, 先与导演组沟通, 看能不能清楚地表达出从个体到群体, 从微观到宏观的总体设计, 可以节省制作时间, 为下面的工作创造有利条件 (见图4) 。
第二步, 制作材质气氛图。在镜头结构确定的前提下, 把精力完全放在材质的设计和调试上, 不用考虑镜头运动和构图形式, 任务单纯些, 做到有的放矢。按照创意要求, 三维材质需要暗金色调。创意中以长城为主要元素, 镜头中出现的各类石质场景均为长城城砖的意义延展。但因为石头作为主要场景, 模型制作上非常简单, 如果不在材质灯光上做文章, 必然会导致最终效果无可观赏性。所以此场景材质上不能简单地给予石头贴图处理, 必须运用大量混合材质, 才能既从整体上把控色调, 又从细节上掌握可看性。整体上给出石材暗金色色调, 在金属材质和石头材质之间找到平衡。细节上混入石头的斑驳纹理, 加上凹凸质感, 配合上镜头运动, 最终表现出石块的巨大体量, 渲染出了辉煌又不失肃穆的气氛感觉。另外, 如果要把简单的石头模型做得大气辉煌, 还需加入灯光的配合。以全局光作为整个场景照明, 另配合若干探照灯光源, 使得石块感觉置身于广阔的旷野夜景之中, 营造出些许神秘肃穆氛围。三维制作人员实验各种制作材质的方法, 以不同的组合方式, 制作出几种可选方案, 提供给合成人员, 进行预合成, 有问题继续改正, 最后调整出最后效果 (见图5) 。
第三步, 选取一段与片子气氛和节奏相符的音乐, 以分镜头静帧为基础, 加入简单的摄像机和自身动画, 制作动态稿LAYOUT, 把控大体动作风格和节奏, 检验情绪是否到位, 哪里需要改进, 为三维制作确定可遵循的初步动态稿。
第四步, 生成小尺寸的带材质的动态小样, 三维人员用线框图来实验镜头运动, 把控运动节奏, 以LAYOUT作为大家沟通的基础, 比单纯的语言表达要准确、有效得多, 最后再生成带材质的动态小样。这样在短时期内, 就可完成从创意稿到成片的制作, 而且可与导演组随时沟通, 做到大家心中有数, 在时间紧迫的情况下, 避免高清成片出现颠覆性改动 (见图6) 。
第五步, 充分发挥三维软件与合成软件的配合的优势, 提升视觉效果。三维元素是在SOFTIMAGE 3D软件中制作的, 此软件与合成软件AFTEREFFECTS的交互性不如MAMY或3DSMAX简便, 在导出镜头到合成软件中时, 采取了MAYA的MA文件格式, 这样在合成中就有了和在三维软件中一致的三维摄像机, 导出的NULL的位置空间信息可以运用到多种合成元素中, 代替灯光、或作为粒子发射器的空间运动轨迹, 增加新的视觉元素, 用合成特效来增加三维效果。特别是在替换素材时, 不用在三维软件中重新生成, 方便修改, 节约时间, 对准时完成项提供了很好的技术支持。后期合成软件中的粒子特效和光的运动与三维渲染出的图像在统一的镜头运动中, 加强了真实感和震撼力, 减少三维渲染量, 提高工作效率 (见图7) 。
包装成片按时交付, 得到导演组认可, 片子顺利通过审核, 准时在中央一套和高清频道播出, 让电视机前的每位观众都看到了“中国警察”的血肉之躯和铮铮铁骨, 看到了新时代中国警察的形象, 读懂警察这个名字真正的意义, 让每名民警因作为这支英雄团队中的一员而更加努力续写这个大写的“中国警察”。通过这个项目的制作, 各个工作环节、工种都得到了锻炼, 提升了大家的配合度, 总结了很多经验教训和应对措施, 对今后的项目制作有重要的指导意义。
UI设计流程以及设计师参与的环节 第4篇
关键词：UI设计；图标设计；标志设计
一、研究对象
（一）研究对象的界定
本文的研究对象为当代标志设计与UI设计中的图标设计的联系与区别，以及以后的发展趋势。
（二）概念解析
UI设计（user interface）：字面意思为用户界面设计。“界面”即人机交互界面。广义的用户界面是指用户和系统进行交互的方法合集：从用户的角度出发，满足用户和计算机之间的人机交互。
图标（icon）：广义上是指所有有指示作用的标志，狭义上时指计算机显示屏，等电子设备上引导用户进行各种操作的图像。UI设计中的图标按照功能分为启动图标和功能性图标。启动图标为应用在手机主页面和启动窗口或电脑桌面上的图标，也会出现在应用商店里面。功能图标是应用程序中指示各种交互功能和步骤。帮助用户实现操作。随着IT产品的不断普及，图标的作用在UI设计中越来越重大。
标志设计：具有象征意义的视觉符号。标志从原始社会单纯记录信息，到现代社会商家利用标志进行商品识别，提升企业形象等。现代标志是经济时代的产物。在企业形象传递过程中，是应用最广泛是最关键的元素。
二、研究背景
互联网产品的设计包括功能和可用性。在计算机发展初始，更多侧重于功能，人机交互就显的不是那么重要。随着科学技术的发展，当互联网产品的使用者越来越多的由普罗大众构成的时候。人们需要更简单地使用更强大的功能时，介于产品终端与用户之间的UI设计的重要性也就日益明显。
UI设计包括用户研究、交互设计、视觉设计三个方面。UI中的视觉设计与其它平面设计分支联系紧密却也各有不同。UI设计与传统平面设计同为发现问题，解决问题，作为企业与用户沟通的桥梁。在国内目前UI设计发展不充分的情况下，一部分人将UI设计与传统的平面设计一概而论；另外一部分则过度将UI设计神秘化。
通过对两者的对比了解两种设计，甚至延伸至整个 UI设计与其它平面设计分支的差异，更为深入地了解几种设计类型的联系与差异，正确看待各种设计实践类型，把握不同设计类型之间的要求。
三、UI中的图标设计与标志设计的联系
（一）UI中的图标设计与标志设计“源流”相同，标志以形象符号的方式，形成人类长期的一种视觉化的传达工具，在我们的生活的各个方面。如今，人们更是进入了“读图时代”，UI中的图标设计同样以形象符号的方式在互联网中展现，两者所使用的表现方法一致。UI中的图标设计可以看作是标志设计在互联网的“演变”。将以形象符号作为视觉化传达的方式推向高潮。
（二）UI中的图标设计与标志设计具有相同的功能。这个两种设计存在的根本点。
1.具有识别功能。图标设计和标志设计，最基本的功能都是能够准确传达信息。通过标志，人们能够在品类繁多的商品中区分来自不同的品牌。而图标的意义也在于在众多的app中得以脱颖而出。
2.具有相同的传播功能。无论是标志设计还是UI中的图标设计，都是通过传播达到客户认可。好的设计可以在人们心中留下美好而又深刻的印象，促进人们对于产品，企业的认可。
3.具有相同的审美功能。一个图标或标志在设计上是否具有美感，会直接影响产品或公司的形象。一个设计美观的标志，常常是人们对于产品或企业的第一印象。对于越来越注重“颜值”、淘汰率更高的互联网产品尤甚。
4.同样具有延展功能。一个标志或图标都不会孤立的展示在大众面前，它需要配合不同的元素在各种环境中展示。
四、UI中的图标设计与标志设计的区别
设计具有两个基本属性：一是功能，即存在的价值；二是存在的形态。UI中的图标设计与标志设计虽然同源流，但出于不同媒介，必然导致存在形态的差异。
（一）UI中的图标设计更为“以人为本”。用户研究是UI设计开始的第一步，并始终贯穿。这种设计手段将逐渐成为流行，并影响到各行各业。
（二）交互性不同。互联网技术的发展使人的认知由传统的读、写转变为到视觉、听觉、嗅觉、触觉共同作用的认知方式，更加全面地了解事物。图标设计需要充分满足用户的全方位视听交互体验。
（三）复杂程度不同。图标设计也经由复杂到简单的过程。iphone4将拟物化图标设计推向高潮，但随之而来的 windows8界面中的扁平化风格和ios7，打开了扁平化的大门。抛弃诸如阴影、透视等的装饰效果，以最为简单直白的方式传达所要表达的东西。设计从形式回归内容。究其原因在于，各类互联网产品，所包涵的信息量越来越大，扁平化图标能够减少用户在交互中的障碍，让用户去接受更多的内容。相比之下，标志设计的复杂程度则远远高于图标设计，涵盖的内容也远远多于图标。
（四）图文关系不同。标志设计相对于图标设计，图文关系更复杂。标志设计中文字设计甚至于图形设计更重要，在标志传播中起到更大的作用，这是由两者的使用载体不同所决定的。
五、UI中的图标设计应与标志设计相互融合
（一）首先标志设计应从图标设计上吸取优点，在互联网时代中获得新的改变。回顾历史，标志设计也经历由复杂到简单的过程。互联网技术的发展，新的媒介的产生，标志设计也必须适应新时代的变化需要。首先，标志设计应该从二维空间的束缚中解脱，向多维空间发展。其次，标志设计中图形应该由理性，抽象向个性，感官化转变。设计的变化发展要符合人精神追求的不断变化，只有越来越富有人情的设计激发人们的兴趣。
（二）UI中的图标设计与标志设计源流相同，价值相同。同可作为品牌对外展示的“面”。如果能正确区分图标设计与UI设计在不同媒介上的优劣，并合理使用。两者相结合一定能够打造出全方位的文化传播。
六、结语
从UI中的图标设计与标志设计两者之间的横向对比来看，两者有联系，同时又有区别。到了科学技术日臻成熟的今天，UI中的图标设计越来越脱离标志设计，自成一类设计分支。正确把握标志设计与UI中的图标设计的联系与区别，并且能够做到融会贯通，正确完成具体的设计实施。由此对应UI设计与传统平面设计。在新时代，对传统平面设计做出改变和突破，适应时代的需求，以无限的变化适应不同时代的要求。才能真正做到发现问题、解决问题。这才是设计之本质。
【参考文献】
[1]牧婧.当今标志设计的发展趋向及方法探究[D].清华大学，2007.
UI设计流程 第5篇
分析、设计、配合、验证
确认目标用户
在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。
采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
一致性原则
设计目标一致
软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。
可用性原则
可理解
软件要为用户使用，用户必须可以理解软件各元素对应的功能。
如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。
例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。
可达到
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）
可控制
软件的交互流程，用户可以控制。
功能的执行流程，用户可以控制。
如果确实无法提供控制，则用能为目标用户理解的方式提示用户
1、分析阶段
需求分析、用户场景模拟、竞品分析（聆听用户心声）。
需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。
竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。
输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或全部）
输出物：设计初稿（或许只是几个简单的界面）
2、设计阶段
设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。输入物：交互文档（高保真原型）输出物：设计终稿（所有的设计稿）
3、配合
UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。输入物：设计终稿
输出物：设计修改稿（设计稿切片）
4、验证
产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。输入物：产品
输出物：产品（面向用户最终版本）
产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。GUI设计详细流程定义：
1.项目开始GUI设计时间点之前，明确客户的GUI需求,了解机器外形硬件和软件的特性。
2.概念设计【提供GUI设计方案几套，参考产品组人员和领导层的建议，但最多3套，精心设计各套方案；项目组和产品组共同进行方案评审会，决策方案；并且需要项目组提供真机，展开界面的真机效果和环境测评，优化界面颜色、亮度等细节）】； 3.详细设计【需要明确界面研发的细节；建议项目提出强烈建议优化的几项产品设计点（用户调查）】；对界面有变化的界面进行统计，整理出文档提交给UI层面技术工程师，做好相关的界面准备工作。4.原型设计时间【目前国内研发软件的现状通常此环节被忽略，但时间充足，建议按计划进行】 5.与UI层面的技术工程师共同展开界面实现（界面实现和界面优化的时间点控制在项目时间的百分之几点，需要明确）
6.界面工程师制作好Demo，提交给项目负责人、决策人和UI用户界面测试工程师（需要指定负责人），展开用户体验反馈建议汇总，提出用户界面体验的反馈意见表（需要项目负责人支持）。
7.测试评估，尽早发现存在的交互设计和视觉设计的不足之处，进行软件界面的改善设计。
UI设计流程以及设计师参与的环节
最近的工作中总结出一条结论：拥有一个完善规范的流程，是决定着一个项目走向成功或失败的关键。
对于UI设计的工作流程，我觉得可以根据“市场分析－用户分析－架构－原型－界面－输出－完善”这条主线制定，每个环节UI设计师都应参与其中。
1.产品定位与市场分析
这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。
2.用户研究与分析
这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。
3.架构设计
这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。
4.原型设计
我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘－图形－FLASH-视频”几个质量范围。原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。
5.界面设计
如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。
6.界面输出
作为设计师，在这一部分的工作就是配合好开发人员完成相关的界面结合。
7.完善工作
这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。
如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。
确认目标用户
在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。一致性原则
设计目标一致
软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。可用性原则
可理解
软件要为用户使用，用户必须可以理解软件各元素对应的功能。
如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。
例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。
可达到
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）可控制
软件的交互流程，用户可以控制。
功能的执行流程，用户可以控制。
如果确实无法提供控制，则用能为目标用户理解的方式提示用户。
上面的文章提到了UI设计的原则，并且对此做出了一些所谓的定义。大家要明白，本人对UI设计的研究时间不长，这些原则只是个人体会。
因此就有人提出问题：有了原则固然好，那么如何付诸实施呢？个人理解达到目标是需要方法的，因此在UI设计原则里面东西拷贝了一些方法和模式。而能够让方法持续实施，达到目标就需要流程-或者说过程来保证。
所以这里就对流程进行一下总结和探讨。以付茶资吧！
我们把UI设计的流程分为一个出发点，4个阶段。
[出发点]
1、了解UI设计的原则。
没有原则，就丧失了设计的立足点。
2、了解UI交互模式
正如同编程不了解模式就会事半功倍一样，UI设计不了解模式就会对设计原则的实施造成困惑。
3、了解UI交互元素及其功能
如果对于UI的基本交互元素和功能都不了解，如何设计UI呢？ [阶段一：分析]
1、用户需求分析
2、用户交互场景分析
3、竞争产品分析
这两者可以说是相辅相成的。对于一个较为正规的项目而言，必然有对用户需求的分析内容。其中用户UI需求是重要的组成部分。如果说UI设计原则是所有UI设计的出发点的话，那么用户UI需求就是本次设计的出发点。
好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。对于大部分项目组来说也许没有时间和精力去实际勘查用户的现有交互、制作完善的交互模型考察，但是UI设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。
竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。
当然有的时候可以参考的并不一定是竞争产品。[阶段二：设计]
采用面向场景、面向事件驱动和面向对象的设计方法。
UI设计着重于交互，因此必然要对最终用户的交互场景进行设计。
软件是交互产品，用户所作的就是对软件事件的响应以及触发软件内置的事件。因此要面向事件设计。
现在的程序开发主流采用的是面向对象设计。面向对象设计可以有效的体现面向场景和面向事件的特点。
设计的四个要素： 交互对象 数据对象
事件（交互事件和异常）动作
[阶段三：开发] 通过：
用户交互case图（说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图（说明功能和交互的对应关系）最终得到UI的设计产品。[阶段四：验证]
正如UI交互设计原则探讨文中提到的，对于UI产品的验证主要从下面几个方面入手：
1、功能性对照
UI设计的再好，和需求不一致也不可以。
2、实用性内部测试
UI设计的最重要点就是实用性。
3、用户焦点小组
UI设计标准流程(精) 第6篇
1、目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。）
2、主要执行人员（UI、UE、需求）
3、需沟通人员（销售）
4、实现步骤（会议讨论）
5、UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）
二、用户研究与分析阶段
1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）
2、主要执行人员（UI、UE、需求、技术）
3、需沟通人员（销售）
4、实现步骤（纸搞线稿、黑白稿、原型）
5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）
三、架构设计阶段
1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素）
2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（技术、销售）
4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，开始代码编制）
5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计）
四、原型设计阶段
1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围）
2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（UID、技术）
4、实现步骤（设计规范；代码及程序开发）
5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性）
五、界面设计阶段
1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理）
2、主要执行人员（UI、UE、技术）
3、需沟通人员（UE、销售）
4、实现步骤
5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）
六、界面输出阶段
1、目的（配合好开发人员完成相关的界面结合）
2、主要执行人员（技术）
3、需
沟通人员（UI、UE、需求部门、销售）
4、实现步骤
5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）
七、可用性测试阶段
1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）
2、主要执行人员（程序测试部门）
3、需沟通人员（UI、UE、程序、需求部门、销售）
4、实现步骤
5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）
八、完成工作阶段
1、目的（对于前面七个阶段的设计工作进行细节调整）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）
九、产品上线
1、目的（检验前面界面设计的成果是否符合市场及用户群体）
2、主要执行人员（销售）
3、需沟通人员
4、实现步骤
5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）
十、分析报告及优化方案
1、目的（了解整个界面设计的优缺）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
UI设计工作流程 第7篇
UI设计工作流程
很多没有在正规的大公司工作过的设计师同学问过我面试时如果面试官问项目开发的工作流程是什么？其实，我觉得每个公司可能有自己的工作流程，有些些公司可能需要设计师从前期立项到中间开发到后期产品测试和项目上线的跟进要全程参与而有些公司可能只需要设计师在产品研发阶段进行参与，但不管那种方式，我觉得设计师有必要知道一个产品从立项到完成的所有步骤。现在我大概介绍一种工作流程给大家。
一、产品设计阶段
首先在一个项目开始之前会是立项，领导或者相关部门提出想法给产品经理，产品经理拿到项目之后，会对整个项目进行分析，这中间产品经理需要做很多工作。
1、首先产品经理配合市场部门进行市场分析，来搞清楚目标市场和产品定位，如果时间充足的话，尽可能的也要做用户调研来确定产品的用户需求的挖掘和分析。
2、竞品分析也是产品经理和设计师都要做的功课。
3、这些前期工作完成之后，剩下的要做原型设计，预算产品周期，疏通整个产品流程，出原型图交给交互设计师
当然产品经理在做这些工作时是要保持时刻跟其他部门的同事密切共同的，例如产品的市场定位需要找市场部门的同事进行沟通，产品设计规范，界面布局等需要找UI设计师来沟通。而开发环境和项目周期可能要找到技术开发的同事来进行协调。有些公司还有专门的交互设计师，需要产品经理在前期制作原型图和交互设计师充分配合完成交互说明，以方便后期的视觉设计和技术开发。
北京千锋互联科技有限公司 版权所有
http:///
二、UI视觉设计
产品原型（包括前期交互稿）完成之后需要交付给UI设计师进行视觉设计，这里指的UI设计其实严格来说是属于GUI，因为UI的本意为user interface（用户界面）涵盖了交互设计，用户体验设计和视觉设计。而交互设计和用户体验是在产品开始之时就已经同时展开的，所以这里说的设计通常指的GUI界面视觉设计。
1、在UI设计师开始之前，要充分了解产品定位，通过目标用户的喜好风格分析开确定视觉设计的大概调性。
2、进行竞品分析，找出竞品优劣，3、搜索素材灵感，多找优秀设计作为自己设计灵感的来源是一个非常有效的方法（参考学习而不是让你去抄袭）。
1）确定配色，布局和设计风格。2）进行界面设计。
3）完稿后进行可用性测试，修改修改修改直至最重定稿。
在整个视觉设计中，设计师除了把控好整体的视觉设计风格，更要有耐心设计好各个细节，例如icon，字体，元素之间的间距等这些不起眼的地方往往代表了整个app的质量，细节之处做好，会给用户在视觉上带来一种安全可靠的感觉，所以细节非常重要。
这里有必要说一下视觉设计规范。有些公司的视觉规范是在视觉设计开始之前就要订下来的，而有些公司是整个视觉设计完成之后再来制定视觉规范。为什么可以这样呢，视觉规范是为了方便整个设计团队在设计时更容易进行沟通来进行的，而设计工作在进行中可能会随时进行变更视觉风格，所以设计前期来确定设计规范的话，可能会对后期的设计带来一定的限制，所以设计师内部可能会有一个简单的设计文档来进行交流。等设计稿定下来之后，再来制作标准的设计视觉规范，方便后期开发和之后设计工作继续跟进。
整个设计稿确定之后，设计师要出高保真视觉稿，交给技术来进行沟通，同时还需要对设计稿进行标注和切图，以尽可能让开发人员可以高度还原设计稿。在技术人员开发时，UI设计师还要随时和技术人员进行沟通，尽可能的让开发人员按照设计稿来完成开发。
三、产品技术开发
北京千锋互联科技有限公司 版权所有
http:///
到此UI设计师的需要配合程序开发人员进行切图，标注，把控开发质量。及时反馈由于开发人员造成的视觉偏差及调整由于设计师所造成的因为开发难度过大而需要调整的设计。
四、bug测试，在开发工作完成之后，整个项目组会配合测试人员对app进行测试，测试视觉、交互、以及后台等多方面有无bug并进行及时修改，五、产品上线，在产品通过测试之后就可以发布上线。此时UI设计师可以辅助产品经理来进行手机用户体验报告，并进行分析。
六、产品迭代，对市场和用户反馈进行分析之后找出产品界面设计的有缺点，为下一个版本提出合理的建议。
UI设计中图标设计探索 第8篇
(一)按属性分,分为启动图标和工具栏图标
1. 启动图标就是代表产品的象征符号,通过用户的点击起到运行及打开产品及软件的作用。
启动图标与标志设计相比有一定的相似之处,是产品或者企业的象征。但启动图标讲究可读性,而标志设计则更注重抽象和象征寓意并更多地从企业文化视角出发,强调寓意的深度。启动图标出现的平台单一,以电子屏幕为主,而标志可以出现在任何相关平台。
2. 工具栏图标就是软件及产品内部起到解说和装饰功能的图标,是工具文字化解释的图标化设计,以增强界面设计感的表达和用户体验的趣味性。
简约、概括、传达性是工具栏图标的主要特点,系列化设计也是工具栏图标区别于启动图标的典型特征。
(二)按表现手法分,分为拟物化图标和扁平化图标
1. 拟物化是指在最直观的印象上与实物尽可能地相像,通过造型、质感、文理、阴影等效果的运用对事物进行再现,让人可以一眼就看出来这是什么东西,有的可以表现得尽善尽美,有的可能就让人觉得过于追求细节,甚至是过剩的装饰。
拟物化的设计也有一些致命的缺点,比如过分注重形式,缺乏功能性的展现;将时间大量花在各种效果的呈现上,忽略了形式美的表现。拟物化设计确实引领过UI设计的先锋阶段,功不可没,我们从中得到了更多经验的总结,也锻炼了很多设计技能,是设计师进行UI设计的必经阶段。
2. 扁平化是指摒弃高光、阴影和透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面表现极简抽象,矩形色块、大字体、光滑、现代感十足,让你想去体会这是什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面设计。扁平化是通过尽可能抽象的语言表现图标的符号化和简约化,更加注重造型的形式美的视觉语言而摒弃细枝末节的设计。扁平化图标多以简约的线条、形状、高级的渐变配色和元素的构成关系夺人眼球,简约而不简单。
二、图标差异性的表现
图标设计在不同平台差异性还是很大的,比如不同的媒体形式,电脑、手机、平板电视、智能家居,等等。在同一平台的不同品牌也有很大差异,这也是体现多样化和个性时代所需。但总的设计指导思路是不变的,都是要满足视觉审美日益增进的用户,让他们真正地体验到什么是好的设计。作为设计师需要分清不同平台和同一平台不同阶段产品在规范上的具体使用,跟随时代发展与时俱进。
(一)在电脑系统中
windows历代系统中直到windowsphone系统出现,图标风格有了翻天覆地的变化,是拟物化到扁平化最典型的案例。极致的扁平化的界面,大胆的结构划分,图标的极简设计,纯色填充与镂空,一时间受到了众多评论,褒贬不一。现在来看是设计风格发展到一定阶段的必然结果,需要一个代表性的设计思想去做突破,这一过程也是人们的视觉审美认识水平进一步提升的表现。这也要求设计者不断积累学习最新技术,扩展设计思维,满足更加挑剔的用户。
(二)在手机系统中
苹果公司的iphone系列也是图标演变的教科书式范本。ios7横空出世之后,扁平的界面图标立马成为了大家议论的焦点,这次的风格转变得到了很多赞同之声,虽然有些较为传统的用户不大习惯,速度也受手机本身的配置所限,但界面的优化让用户看到了一个全新简约的界面形式,释放了屏幕,解放了双眼,图标颜色的全新配色也让人眼前一亮。
三、扁平化的逆袭
(一)开发更加简单
拟物化到扁平化的变革实际上是UI设计发展到一定阶段的必然结果。互联网科技下的数字媒体设备的更新换代逐渐代替了传统纸质、电视、广播等媒体,现在人们的生活逐渐被数字化的产品所替代,手机、电视、家电、电脑、平板等一切与生活有关的设备都趋于操控的智能化。拟物化在起初对人们认识新事物时是有一定的启发和指导认知作用的,让人们对这些智能产品的认知达到了一定的习惯性,对更新换代的新产品就有了更大的信心和好奇感,人们就会更加注重产品的美观和操作的流畅性,扁平化也就应运而生。而具有代表性交互动作的图标,则成为主要表现扁平化设计的载体,让人们能更好地与产品沟通与交流,开发也随着技术和界面扁平化变得更加简单。
(二)使用更加高效
拟物化的时代是装饰过剩的时代,经不起人们的细细品味。我们做的每一样设计不可能都去像画工一样描摹得逼真,我们更应该像艺术家一样提炼精髓,抽象简约地去表现事物,赋予它灵魂。大家都喜欢有意境的抽象符号,会让我们的认知更清晰。在未来的设计中,一个时钟APP要特地地设计成时钟的样子,那一定是傻透了,装饰过多会分散注意,无法更加注重更多好的互动体验,反而降低了效率。
(三)缓解审美疲劳
无论是绘画还是设计,繁久必简,这就像进化规律一样那么的有效。随着windowsphone和苹果ios界面的发布,扁平化就像一阵春风,瞬时间改变了流行的面貌,使得设计变得更加简约清晰。解放了用户的眼睛,削减了视觉审美疲劳,被更多逐渐变得简约、优雅的设计所替代,可以说这场变革改变了人们焦躁、烦闷的复杂生活方式,让生活越来越好。
四、扁平化图标设计的技巧
扁平化图标的流行也有了几年的时间,如果你细心观察过,各个平台的设计都趋于扁平,并且很多扁平化的设计都很雷同,令人印象深刻的也不多,甚至很多时候我们能找到一样的案例,怎样将扁平化赋予生命的力量,也有很多技巧。
(一)简单的设计元素
扁平化完全属于二次元世界,每个图形简单又安静,没有那么多繁杂的点缀。这个概念最核心的地方就是放弃装饰效果,诸如阴影、透视、纹理等能做出3D效果的元素一概不用。所有元素的边界都干净利落,就像剪纸一样有清晰的轮廓,美丽的形状,甚至单纯的颜色。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,操作起来简单便捷。
(二)关注色彩
关于扁平化图标设计中,从ios7的风格我们就有了非常明晰的感受:界面图标的色彩相对之前拟物化更加绚丽;一些简单的晕染和渐变颜色的使用让人极易被吸引;繁杂的修饰已经远去,让我们心动的是这些漂亮的颜色;颜色之间搭配的考究远远超过拟物化随意的配色方式。对色彩的敏感度也正是考验设计师水平的重要因素。
(三)图形更具创意
自从扁平化设计成为风潮以来,图形创意就尤为受到重视,再也不是元素的简单罗列,堆积成一个具象的图标,而是绞尽脑汁地去想如何用最简单的符号语言去做创意,达成一系列图标的统一化。也不是越简单越好,缺少了正确的传达性再简单也是失败的设计,让外观充分表现产品功能才是正解。并且这和标志的设计还有些不同,标志是单个体的表现,而图标往往是系列化的呈现,所以越是有想法有表现的图形越能被吸引,再加上完美的配色,想设计出一组精美的图标也就变得不那么困难了。
五、结语
UI设计流程以及设计师参与的环节 第9篇
UI的本意是user interface，也就是用户与界面的关系。它包括交互设计、用户研究、与界面设计三个部分。
我把UI设计流程分成10个阶段：产品调研与市场分析阶段——用户研究与分析阶段——架构设计阶段——圆形设计阶段——界面设计阶段——界面输出阶段——可用性测试阶段——完成工作阶段——产品上线——分析报告与优化方案。
一、产品定位与市场分析阶段。在这一阶段，UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。
二、用户研究与分析阶段。这时候UI设计师的工作是收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。
三、架构设计阶段。UI设计根据可以性分析结果制定出交互方式、操作与跳转流程、结构、布局、信息和其他元素，进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID则是等待效果图，开始代码编制。
四、原型设计阶段。UI设计主要职责是对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频”几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。
五、界面设计阶段。这一阶段目的是根据原型设计阶段的界面原型，对界面原型进行
视觉效果的处理，UI设计负责确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现。
六、界面输出阶段。配合好开发人员完成相关的界面结合，UI应对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果。
七、可用性测试阶段。这一阶段针对一致性测试、信息反馈测试、界面简洁性测试、界面美观度测试、用户动作性测试、行业标准测试等，在这里UI主要负责原型的可用性测试，发现可用性问题并提出修改意见。
八、完成工作阶段。此过程是为了对前面七个阶段的设计工作进行细节调整，UI主要负责可用性的循环研究、用户体验回馈、测试回馈，并把可行性建议进行完善。
九、产品上线。产品终于上线啦，这时候的UI就要收集市场对于产品的用户体验，并记录以文字说明。
十、分析报告及优化方案。为了解整个界面设计的优，UI要对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据。
大概的一个流程就是这样的，至于现在市面上的培训机构真的是遍地开花，很多人都犯了选择恐惧症，不知道怎么选，其实可以从几个方面来评估：
1）有品牌：选择知名度大口碑好的学校来学习，品牌越大，能直接反应这家机构经营越完善，经济效益好，越有能力聘请专业、有实力的教学讲师，要知道，名师出高徒，这是良性循环；
2）有历史：创办时间越久的校区，越好，所谓，存在即为合理，存在越久，其管理系统、教学体质越完善，越成熟；
3）有就业：技能的学习，都是为就业，一家培训学校就业率越高，其培养出来的学员越受企业欢迎，为此在业内的口碑越好。
当然，在实地考察过程中，其课程、师资、教学服务、教学方式也是考核的一方面。要是考察后还难以抉择的，可以先预约公开课试听再决定，现在很多培训机构都有公开课可以试听的。
现在市面上做UI设计培训口碑比较好的大概有这么几个：
1、CGWANG王氏教育集团
UI设计教育豪华名师面授。分校遍布全国一二线城市。拥有上千家合作名企庞大的就业网络体系，以快速培养具有实际项目制作能力的高薪设计精英人才为己任。
2、绘学霸线上教育APP 一个UI在线视频教学，技术交流，资源分享免费学习APP 是国内人气极旺的一个互助学习APP，搜索“绘学霸”苹果商店和各大安卓应用宝均有下载。
3、点艺数码科技有限公司
数字艺术教育人才培养，教育与制作于一体的公司
4、水火世界艺术教育
艺术UI设计教学培训机构，一所小型的规模的培训机构，与企业合作为主要标签。
5、禾月CG学院
专业日韩风格、规模小班教育，培养服务广大对设计有兴趣的人群。
