几个过程打造完美的UI设计师

2018-05-09 13:50

UI设计师是当下很火的一个工作,招聘商场上供不应求,在北上广有许多公司白领开端学习UI设计。有想法转行做UI设计的,有必要知道那些优异的UI设计是怎么一步步打造出来的。以下智库灯塔小编分享6大过程,教你高效打造完美的UI设计。
 
1. Storyboard 故事版:
 
最早我们开端评论用户体会流程,在白板上边画流程边增加大略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品司理、交互设计师、UI设计师、包含技术工程师会一起作许多的评论,而且首要评论的是流程和首要功能,因而手画故事版最快最便利并易于修正的。
 
此环节要敲定Userflow,用户流程及其间的要害过程,每一过程都是一个首要界面。
 
2. Key wireframe 要害界面线框图
 
在断定的用户流程中,选出几个要害的,有代表性的过程,做细化的Wireframe线框图。线框图里要保证每一个UI元素的设计,包含其巨细和位置。一般做的线框图是1:1的,也就是线框图与实践界面尺寸共同。1:1的线框图能在前期防止考虑不周和履行困难等许多问题的呈现。
 
此环节要断定要害界面里的UI元素和布局,以及大局的布局排版风格。
 
3. Key visual design 要害界面视觉设计
 
此环节交互设计师会按断定的用户流程及断定的布局风格来持续做其它界面的线框图。UI设计师则一起开端做关键界面的视觉设计,进行配色、样式不同风格的测验。
 
此环节要断定产品界面的视觉设计风格。
 
4. All wireframe 悉数界面线框图
 
此环节交互设计师要完结悉数界面的线框图(1:1的)设计而且团队承认。
 
做完悉数的线框图,一般会出一个总结构图。假如有足够大的场所,也能够逐页打印出来贴到一面墙上。便利团队随时参阅。
 
5. Prototype 可动原型
 
此环节依产品需求而定。假如静态的线框图还不能完好的体现出产品特色,那就需要做成可操作甚至有要害界面动画暗示的可动原型。通常是HTML的可动原型,特别项目也从前做过Flash的。
 
6. UI design 悉数界面视觉设计
 
此环节承认悉数UI设计。一起把承认的UI更新到文档里。
 
以上过程里省掉了了给boss报告或许给客户报告的描绘。有条件的话,最好是每一步都要让有关的决议计划人员参与承认。
 
假如要做用户调研的产品,那一定要做出可动原型再让用户运用测验,否则很难得到有价值的反应。有条件的公司直接出带设计的可动原型再测验当然最好。
 
要做出用户体会极佳的界面,除了这六大过程,前期的用户商场调研也十分的重要。在充分了解商场后再进行设计,必定事半功倍!

上一篇:三个半月能学好UI培训吗
下一篇:平面设计和UI设计哪个远景好

智库Times

UI培训中的三种导航形式

已结束

智库灯塔 2018-11-22

UI设计交互的推进

已结束

智库灯塔 2018-11-22

为什么电商规划中黄色特别青睐

已结束

智库灯塔 2018-11-22

精彩模块