入门：走进UI概要.ppt

思路篇 多看 是配色上吸引了你？为什么这2个颜色搭配起来这么舒服了，我要赶紧截屏到PS里吸取它的颜色看看，整理到一个色彩搭配素材库里，下次我也这么干。 还是版式设计吸引眼球？哇塞，这个圆形碉堡了，想法太好了。膜拜啊~！~赶紧保存下来。 某一句广告语言打动了你，让你记忆犹新？看看人家的广告语多好，下次要记得说服公司的策划人员给点有个性的能打动人心的标题文案。 细节处理的很有新意吗？这个按钮的高光做的太好了，这是怎么做到的啊，我要好好研究下。找几个人讨论下，到群里问问大家。 背景烘托的很有档次吗？这飘落的绿叶和花瓣是怎么做的，是用的素材还是自己画的，这素材哪里有，我去找找看。 字体变形，字体排版上很牛逼？太美妙了，想法太好了，图形切割的也很有美感，bia ji 赶紧收藏了。 为什么排版上看着很舒服？我要好好看看，肯定有规律可循，颜色，间距，构图，字体，能想到的都想想。 设计思路：多想 品牌设计推导 制作竞品图谱 找同行业（产品经理推荐、网上查找）产品，从中挑选设计质量较好的，把页面存成图片，把logo分类整理等 探访品牌感觉 召集产品等重要角色，拿出之前准备好的竞品图谱，询问五个问题： 您觉得目前的界面有哪些问题？期望本次改版达到什么效果？ 请整体评价竞品logo/界面，有没有哪些点符合咱们产品的气质？ 您认为咱们的产品应该体现出什么感觉/气质？ 如果把咱们的产品比作一个人，他应该是什么样的人？ 哪些logo/APP整体最贴近咱们产品的感觉，为什么？ Meet Our Design Process 关键词提炼 和产品经理一起头脑风暴，从理性角度（产品定位）及感性角度（大家分别说说产品给他的感觉）提炼一些关键词，再通过“投石问路”的结果及设计师的大胆创意，想象出个性关键词。 有“个性”的设计 映射个性风格 有了关键词，就开始找相关的图片制作情绪板，情绪板的作用是帮助设计师把关键词图形化，同时思考它是否合适？比如玄幻这个词应该是一种什么样的视觉表现？这种视觉表现体现在界面上好处理吗？太极用作 logo的话，能够有哪些表现形式？一方面要通过情绪板找感觉，一方面在界面上反复尝试（试稿），然后通过权衡找到合适的风格，这是一个反复迭代的过程。 “出彩”的设计 设计主题设定 经过多次试稿以及大家的意见，设定设计主题，注入灵魂。 设计方案推演 通过设计方案推演（大家给建议）不断改善，在这个过程中设计主题越来越清晰，再通过不断的推演达到最终效果。不管是做产品、交互设计还是视觉设计，都充满了无数的迭代过程。再优秀的设计师也要通过不断的修改完善自己的作品。 写在最后… 设计应该是由内心喜爱转化的职能，如果做设计就是因为想赚很多钱，做设计就是因为想获得更高的回报和影响力，你会发觉会慢慢失去对设计的热爱和动力。当你失去对设计的热爱和动力，你将成为没有任何竞争力的人。 做一个喜爱设计的人比一切都要重要。 “不忘初心，方得始终”。 Test UI 走进 UED 视觉设计_王倩 CONTENTS 目录 二、规范篇：移动端设计规范 三、工具篇：工欲善其事，必先利其器 五、写在最后 一、概念篇：什么是UI 四、思路篇：多看、多想、多做 概念篇 什么是UI？ 概念篇：什么是UI UI是用户界面，是英文User和 interface的缩写。 从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的关系，所以这样可分为3个方向，分别是：用户研究（研究人）、交互设计（研究人与界面）、视觉设计（研究界面）。 附： UI (User Interface) ：用户界面。 UE或UX (User Experience) ：用户体验。通常国外和国内的的外企叫UX，国内叫UE。 IXD (Interaction design) ：交互设计。区别于工业设计，加了个”X”。 UED (User-Experience Design) ：用户体验设计。 UCD (User-Centered Design) ：以用户为中心的设计。 概念篇：什么是UI 人 人与界面 界面 “设计不仅仅是简单的组装，控制，抑或编辑，它是增加价值和意义，启发和明晰，化繁为简，修正和劝说，包装和讲故事，甚至逗乐。” — 保罗·兰德