ui设计入门概论.pptVIP

* * * * * * * * * * * * * * * * * * * UI DESIGN UI设计师也就是设计用户界面的人。 毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、App、网上店铺等）的颜值。毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、App、网上店铺等）的颜值。下一步就是关闭/卸载。 一个好的UI设计师，能润物于无声，在浑然天成的设计中为产品注入新的价值，绝不是普通的打杂美工。 什么是Ui设计 User Interface（用户界面)，简称UI，是指对软件的人机交互、操作逻辑、界面美观的整体设计。 1、研究界面 图形设计师Graphic UI designer，简称GUI,国内目前大部分UI工作者都是从事这个行业。包括（网页设计，软件界面，移动端界面设计），每天工作做着各种界面设计。 2、交互设计师 做整个项目的交互流程。 3、用户体验研究师 主要是通过各种方法去了解用户现在需要什么样的体验什么样的界面，从而对这个项目的总体性体验做决策的。 UI设计分三个分支： 好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。 ? 维护现有的应用产品； ? 收集和分析用户对于GUI的需求。 ? 编辑负责软件界面的美术设计、创意工作和制作工作； 根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计； 对页面进行优化，使用户操作更趋于人性化； ? ? 工作内容 UI设计师的基础修养 技术基础 画图基础 设计总体认知 各平台设计规则 理解能力 设计总体认知 在进入一个未知的领域前，我总倾向于先梳理这个领域的架构，待有了比较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。学习UI设计也是一样，先对整个设计专业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整，如果有条件，可以尝试了解一个新的互联网产品出炉的工作流程。这样，在局部学习前，就能对重难点、课程框架都心中有数。 技术基础 如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。 画图基础 有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。 各平台设计规则 iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。 理解能力 作为设计的上游，产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们最爱合作的设计师了。 ? 审美意识 什么是设计感呢？投射到设计师身上，就是设计师自身的审美意识。 日积月累地浏览、学习、思考、联系，大概就是逐渐提升的可能途径 ? 用户体验 如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式 ? 交互设计 交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。 ? 代码能力 互联网产品最火的推广方式是什么？自然是H5！如果一个设计师既能做好设计，又能完善布局前端代码，那么只要有一个简单idea，经过你的手就能完全实现。 ? H5 H5是指第5代HTML，也指用H5语言制作的一切数字产品。 ? H5界面 用户层面，邀请函、小游戏、品牌展示、抽奖、H5小游戏、H5大翻页，到H5站点、H5营销等等。 UI设计师的进阶修养 《Don’t Make Me Think》（点石成金） 讲的是如何通过网站设计来提高网站的可用性，除了网页设计外，也包括了一些用户心理研究等内容，语句晓畅，读起来十分轻松。作为初入学者，能从一本书里看到整个领域的大局，也有逐渐养成设计师的思维，是入门启迪型书籍。 书籍推荐 《写给大家看的设计书》 一本Robin Williams大师写的老生常谈，本书主要围绕对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)四个设计