南京万和UI设计培训分享—四个元素让你深刻理解UI

　　这是 Jesse James Garrett 在 2000 年发表的用户经验元素一书中所提出：使用者的经验可分成抽象到具体，也就是由策略、范围、结构、骨架、表层所构成。今天南京万和UI设计培训和大家分享四个元素，让你深刻理解UI！

　　策略

　　使用者需求和开发的目的。

　　用户需要什么、建立这个 App/Web 的目标是什么，这些都是整个项目最底层的根基，也是一切发源的基础。基础不稳越往上发展问题就会越多越大，所有炫又酷的接口、多到爆炸的功能通通比不上这个阶段的重要程度。搞不清楚这个项目的目标是什么就贸然开发…嫌钱多烫手可以捐给我，我好想去捷克看慕夏。这个阶段主要活跃的角色会是 BD、PM、UI/UX。有时候 PM 和 BD 不那么清楚要怎么问才能从「出张嘴」的金主口中挖出开发所需要的情报，可以把这份工作交给 UI/UX，在这个阶段加入 UI/UX 做访谈得到更多的信息，能减少未来开发遇到问题的机率。

　　范围

　　找出需求与目的后以需求为基础，整理出所有用户可能会需要的信息及功能，以愉快且有效的运用各种功能为出发点建构合理的互动模式与流程。

　　这个阶段就是把抽象需求内容转成可实行的功能，并订定出 Spec。把所有需要的信息、功能等全部列出，并归纳分类，以「策略」层决议的目标和需求为出发点，考虑各种操作方式。（南京万和UI设计培训再强调一次，同样都是音乐播放器，列表型的和很炫型的就算功能大同小异，操作方式和接口设计还是会差很多。）

　　结构

　　把所有信息整合起来，依用户能直觉理解的方式组织成完整的概念。

　　既然「范围」层在制作 Functional Map，那「结构」层就是在做 UI Flow 了，这个阶段必需定义信息、功能等要用什么方式呈现。比如说 iPhone 上小张的美食照片只是预览功能、需要「开大图」，那大图要怎么个开法？点击放大？只放大单张图吗？需不需要 Page Control ？还是在该页把手机横拿就会自动把图片放大满版？这阶段订定的 Flow 会左右界面的长相。

　　骨架

　　结合接口设计、信息设计、导览设计三者将信息做可视化的呈现，协助用户理解信息。

　　表层

　　以视觉与感觉为基础，设计接口元素如文字、页面的视觉图像、导览组件等。

　　当逼真的纹理、高光、阴影这些元素不再存在后，如何能够即表达本身图标含义的同时又能带给用户美感，这是每一个UI设计师所要思考的。扁平化设计风格与拟物化设计风格这两种风格并非水火不相容，两者之间存在很多的交集。

　　如果还想要更多的内容，那么来南京万和UI设计培训吧！江苏万和作为专业的南京UI设计培训中心，还会定期邀请知名企业的高级UI/UE设计师，项目经理为学生做经验分享会，参与到国内各大UI设计圈沟通交流群，让更多的UI大咖成为你的人脉朋友。