UI设计入门概论

如今多元的趋势下，一个互联网产品的视 觉设计，需要懂一点产品、懂一点用户体 验，才能更有效的推进合作流程，同时也 会培养自己多元化的思维方式
交互设计主要做处理点事人机互动的界面， 任何与机器打交道的过程，都需要交互设 计师来参与。

代码能力

H5

H5界面
互联网产品最火的推广方式是什么？自然 是H5！如果一个设计师既能做好设计，又 能完善布局前端代码，那么只要有一个简 单idea，经过你的手就能完全实现。
网易用户体验设计中心UEDC：网易用户体验设计中心
APP
App集邮能力，就是你资历的一部分，很多超越也是在巨人的肩膀上改出来的。
每日故宫
榫卯
食茶
One
练手
光说不练假把式~
创业
接私活
听上去有点微妙，但临摹能力、 技术能力，这些都能在接私活中 慢慢培养起来
有激情有财力有头脑的就直接创 业去吧，大学生创业还有补贴。
分享facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章
在设计追求上，初级 设计师追求设计美感； 高级设计师则创造新 的价值。
分享facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章
在解决问题上，初级 设计师往往脱离实际； 高级设计师则更贴近 产品实际。
UI设计分三个分支：
好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件 的定位和特点。
1、研究界面
图形设计师Graphic UI designer，简称GUI,国内目 前大部分UI工作者都是从事这
2、交互设计师
做整个项目的交互流程。
3、用户体验研究师
主要是通过各种方法去了解用 户现在需要什么样的体验什么 样的界面，从而对这个项目的
实习
出去历练，是走向社会的第一步。
参加比赛
现在App设计各种比赛很多，适 当参加比赛，都是锻炼人能力， 崭露头角的好地方，运气好就直 接拿到offer了。
分享facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章
从工作流程上来看， 初级设计师就像亢奋 的小精灵；高级设计 师则在疯狂中有规则。
书籍推荐
《写给大家看的设计书》
一本Robin Williams大师写的老生常谈，本书主要围绕对比 (Contrast)、重复(Repetition)、对齐(Alignment)、亲密性 (Proximity)四个设计基本原则展开。这本书的排版、文字编排 也很有设计感，读起来更加舒服。
书籍推荐
《写给大家看的设计书》

UI设计师的基 础修养
设计总体认知
技术基础
画图基础
理解能力
各平台设计 规则
设计总体认知
在进入一个未知的领域前，我总倾向于先梳理这个领域的架构，待有了比 较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门 导论课，了解基本概念，再进入细分领域。学习UI设计也是一样，先对整 个设计专业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填 充完整，如果有条件，可以尝试了解一个新的互联网产品出炉的工作流程。 这样，在局部学习前，就能对重难点、课程框架都心中有数。
这本是则比较注重实践，结合本土互联网公司案例解释了很多 落地的问题，甚至还有具体岗位介绍，面试细节，工作流程等， 可以作为工作的工具书。
书籍推荐
《主动的Ui设计师》
展示了新媒体下的UI设计流程和细节技巧。通过主动沟通，素 材的设计，草图的绘制，网页端、常用端、移动设备端设计及 项目总结，引导读者在设计之路上可以举一反三。
网站推荐
•Dribbble：https:/// •站酷：站酷 (ZCOOL) •花瓣：花瓣网_陪你做生活的设计师（发现、采集你喜欢的灵 感、家居、穿搭、婚礼、美食、旅行、美图、商品等） •UI：UI中国-专业界面交互设计平台
•优阁网：优阁网(UIGREAT)
•灵感枯竭的时候，觉得自己审美不够的时候，都可以去上面 逛逛，寻找灵感，提高审美，陶冶情操，和谐生活。 •推荐互联网公司UED部门博客，干货很多，值得学习。 腾讯CDC：腾讯CDC 腾讯ISUX ：腾讯ISUX – 社交用户体验设计 淘宝UED ：TaoBaoUED | 做地球上最好的 UED 阿里巴巴UED ：阿里巴巴（中国站）用户体验设计部博客U一 点设计 UED团队
一本Robin Williams大师写的老生常谈，本书主要围绕对比 (Contrast)、重复(Repetition)、对齐(Alignment)、亲密性 (Proximity)四个设计基本原则展开。这本书的排版、文字编排 也很有设计感，读起来更加舒服。
书籍推荐
《破茧成蝶：用户体验设计师的成长之路》
个行业。包括（网页设计，软
件界面，移动端界面设计）， 每天工作做着各种界面设计。
总体性体验做决策的。
工作内容
编辑负责软件界面的美术设计、 创意工作和制作工作；


维护现有的应用产品；
根据各种相关软件的用户群， 提出构思新颖、有高度吸引力 的创意设计；


收集和分析用户对于GUI的需求。
对页面进行优化，使用户操 作更趋于人性化；
THANK YOU
画图基础
有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可， 其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试 临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的 创新能力。
各平台设计规则
iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和 偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标 尺寸、字体、颜色值都有严格的规定。
UI DESIGN
什么是Ui设计
User Interface（用户界面)，简称UI，是指对软件的人机交互、操作逻辑、界面美观的整体设计。
UI设计师也就是设计用户界面的人。
毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互 联网产品（网站、App、网上店铺等）的颜值。毫不夸张地说，在颜 值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、 App、网上店铺等）的颜值。下一步就是关闭/卸载。 一个好的UI设计师，能润物于无声，在浑然天成的设计中为产品注入 新的价值，绝不是普通的打杂美工。
理解能力
作为设计的上游，产品经理常常会直接发需求文档给设计，能读懂产品文 档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉 化，就是产品经理们最爱合作的设计师了。
UI设计师的进阶修养

审美意识

用户体验

交互设计
什么是设计感呢？投射到设计师身上，就 是设计师自身的审美意识。 日积月累地浏览、学习、思考、联系，大 概就是逐渐提升的可能途径
H5是指第5代HTML，也指用H5语言制作的 一切数字产品。
用户层面，邀请函、小游戏、品牌展示、 抽奖、H5小游戏、H5大翻页，到H5站点、 H5营销等等。
书籍推荐
《Don’t Make Me Think》（点石成金）
讲的是如何通过网站设计来提高网站的可用性，除了网页设计 外，也包括了一些用户心理研究等内容，语句晓畅，读起来十 分轻松。作为初入学者，能从一本书里看到整个领域的大局， 也有逐渐养成设计师的思维，是入门启迪型书籍。
技术基础
如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了 Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里， 也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条 件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是 至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能 通个七八分。