UI入门工作流程介绍-佛山网站设计

作者：网站建设公司 来源：佛山网站建设日期：2020-11-09 浏览： 次

网站建设 - 建站教程 - 网页设计 - UI入门工作流程介绍-佛山网站设计

佛山网站建设

　　设计师在工作中需要清楚了解设计的目的，尤其是你做的不是大众化产品，不能以个人认知、很强的主题性（如游戏）或”潮流“风格来确定目标时。比如设计小米手机的老人模式，老人需要什么样的颜色？增加样式是会产生干扰还是更好的体验感？按钮要多大才合适？在这种产品的UI设计时，设计师需要从头参与，而且到了设计环节时，设计师基本上已经心里有数了。

　　我倾向于说“交互设计的整个流程”。在我这里，UI是指“界面”，在视觉设计开始之前，界面的的交互策划与设计是很重要的前置步骤，对终的用户体验有很大的影响。
　　我团队在交互设计阶段一般有产品经理、交互设计师和UI设计师主要参与。以我的了解，很多公司不设专门的交互设计师，而由产品经理完成相关工作。以下是我这里的工作流程（图片来自于网络，本团队的就不贴了）。这个流程希望整个产品团队都能参与其中并共同加强对产品的理解。或者借一个时髦的概念，我是希望团队能具有更多Design Thinking，“设计思维”，来加强和推动解决问题的能力，并激发更多创新。
　　开始一定要把Scenario应用场景和Persona用户角色做出来。你的产品是在何种场景下被使用，你的用户角色是怎样特征的人。设计的对不对，要用用户角色来判断，而不是设计师或产品经理自己。把场景和角色描述清楚，并且让整个团队理解透彻，这能保证团队少犯错误。
　　*用户角色Persona，实际工作中写文字描述就好，不用做的如下图一般高大上。如果你要给客户或Boss提案，可以做一个提升逼格。
　　1.Storyboard故事版：
　　主要负责人：产品经理或交互设计师
　　早大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版快方便并易于修改的。
　　此环节要敲定Userflow，用户流程及其中的关键步骤，每一步骤都是一个主要界面。
　　*白板上一般都是这样，交互设计同学会在纸上重绘。
　　*移动产品设计这样做也行，不买专用的模板本和工具尺，自己打印也行。
　　2.Key wireframe关键界面线框图
　　主要负责人：交互设计师
　　在确定的用户流程中，选出几个关键的，有代表性的步骤，做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计，包括其大小和位置。我们做的线框图是1:1的，也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。
　　此环节要确定关键界面里的UI元素和布局，以及全局的布局排版风格。
　　*线框图做成1：1知名。输出到文档里要添加说明。在后面的工作里，这份文档可以让UI设计同学和工程师同学共用。
　　3.Key visual design关键界面视觉设计
　　主要负责人：UI设计师
　　此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计，进行配色、样式不同风格的尝试。
　　此环节要确定产品界面的视觉设计风格。
　　4.All wireframe全部界面线框图
　　主要负责人：交互设计师
　　此环节交互设计师要完成全部界面的线框图（1:1的）设计并且团队确认。
　　*做完全部的线框图，一般会出一个总结构图。如果有足够大的场地，也可以逐页打印出来贴到一面墙上。方便团队随时参考。
　　5.Prototype可动原型
　　主要负责人：交互设计师
　　此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点，那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型，特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过（PPT的开发工具+VB Script）几乎接近成品界面的可动原型。
　　此环节的确认同上一步，团队的理解会更精准。
　　*忍不住贴一个PPT的开发工具面板，提供VS风格的控件，并且直接用VB script写控件逻辑！还可以带dummy数据！客户都以为你开发完毕了有木有。
　　6.UI design全部界面视觉设计
　　主要负责人：UI设计师
　　完成全部界面的UI视觉设计。
　　此环节确认全部UI设计。同时把确认的UI更新到文档里。

网页设计

企业网站建设一条龙
找零度飞易网络公司-fslingdu所做php网站建设方案、网站设计、网站制作由北京上海深圳龙岗衢州兰州常州东营南通济宁桂林淮安烟台长春无锡天津昆山苏州合肥贵洛阳昆明天津唐山泉州惠州万州新乡商丘台州哈尔滨太原摄影海口随州学校商丘广东湖南广西江西海南广州企业中小企业武汉南山罗湖福田虎门肇庆汕尾汕头广州佛山成都杭州济南重庆福州西安厦门昆山沈阳青岛徐州郑州南京宁南宁长沙大连淄博石家庄南昌温州珠海番禺顺德南三水高明中山东莞合肥江门嘉兴西宁大良容桂伦教勒流陈村均安杏坛龙江乐从北滘祖庙石湾南庄等地区企业网站建设(广告)公司提供专业做网站价格规划书及营销型网站制作,网站建设基础知识
标签：佛山网站建设网页设计网页制作网站制作企业网站建设做网站佛山网络营销佛山网站优化

上一篇：移动网站设计应该避免的七宗罪-佛山网站设计

下一篇：营销型网站建设PC端+手机+微信网站未来趋势

网页设计

网站案例

网站案例

建站经验建站经验

教育网站设计方案
建材网站设计方案
机械网站设计方案
广告网站设计方案
家居照明网站设计方案
环保设备网站设计方案
五金网站设计方案
电器网站设计方案
家具网站设计方案
机械网站设计方案

网站建设费用

网站制作电话：137 1543 1176

网站开发QQ:378780108

E-mail：sale@ilingdu.cn如何制作网站QQ :378780108

网站建设服务

网站建设公司零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。零度飞易在家具网站建设、小家电网站建设、服装网站建设、电器网站建设、机械网站建设等行业的网站设计、网络运营都得到行业认可，在上海、深圳、北京、广州、佛山、中山、东莞地区有着良好的口碑品牌的网站建设公司。我们的使命是打造创新型的网站建设企业，能轻易地开展“互联网+”业务、实现“互联网+企业”的企业愿景。

粤ICP备2025386773号-3Copyright © 网站建设 零度网络建站公司 2026版权所有建站公司 标签地址：佛山市顺德区大良凤翔商业广场二座670

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗？您可以填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话，让我们听到你的声音！

零度飞易 互联网整合营销

地址：佛山市顺德区大良凤翔商业广场二座670

业务QQ：378780108

策划专线：13715431176

E-mail：sale@ilingdu.cn

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司，需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

价格预算

1-3万3-5万5-8万8-10万10万以上大型项目需要招标

业务QQ13715431176 提交需求网站建设