【网易UI设计师微专业学习笔记】UI设计概述

第一章：UI设计概述

1. 什么是UI设计？

• 开发流程

• 抽象概念——具体界面

• 战略层（老板）——战术层（产品经理）——结构层（交互设计师）——表现层（UI设计师）——技术层（开发工程师）

• UI设计师主要负责表现层的工作，需要有产品意识。

• 设计目的

• 核心目的——商业价值最大化

• 例子：设计师的寻猫海报

• 技术属性

• UI设计是科学与艺术结合的综合技能

• 例子：云音乐播放按钮

• 
  

2. UI设计的日常工作

• 两种设计师

• 风格定位，产品迭代——UI设计

• BANNER，专题活动——专题活动

• 风格定位

• 视觉线索直接影响决策，UI设计可以直接影响用户决策。

• 分析并设计出用户对该产品期望的产品质感。

• 例子：百度，lofter，网易云音乐

• 两个关键点

• 抓准方向。怎样培养直觉：需要我们在平时生活中多体验和多思考

• 极致技术。多观察优秀的作品，找出这些同类作品中的共通之处，后面更多的原则要靠自己来累积，所以每个设计师都有自己独一无二的设计原则

• 风格定位的设计流程

• 分析

• 产品属性。（工具型、娱乐型、大众型、小众型、混合型）

• 目标用户。（了解他们喜欢什么期望什么）

• 竞争对手。（了解他们的特征，超越or避开）

• 创作

• 筛选

• 规范

• 制作

• 风格定位是每个UI设计师都想追求的工作，因为它是最讲究创造力的设计。一旦被采用了，会跨越整个产品的生命周期，价值很高。

• 产品迭代（占比最大）

• 产品的生命周期：诞生——成长——成熟——结束

• 例子：云音乐

• 优秀的UI设计师会有很强的掌控能力，而这个掌控能力，又需要产品意识和用户体验的技术来做支撑。

• BANNER

• 配色构图具体设计

• 专题活动

• 对UI设计师来说，在学好产品设计的前提下，又有足够的时间，是可以去临摹一下优秀的专题活动，多涉猎一些业务范围对提升专业会有好处。

• 推广性的设计在精力充沛下再去研究。

3. UI设计的成长路径

• 一个例子

• PS是所有设计的基础。

• 临摹阶段是最重要的一步。

• 设计——参赛

• 发展路线总结

• PS技术

• 临摹ICON、界面（越多越好）

• 第一层：直接印，锻炼参数设置，百分百和原图一致

• 第二层：不印排版，锻炼布局手感

• 第三层：不吸颜色，锻炼配色能力

• 注意：不要一开始就去创作，要先学会基础的标准动作，对未来的成长非常关键。

• 累积经验、作品

• 开始自己设计，有机会尽量去参加一些实际项目，累积全局的设计经验

• 丰富设计理论

• 类似于修炼内功

• 如果想提升冰山的高度，就需要底下提供更多的浮力。

• 情感化设计、品牌价值、易用性、可用性——界面美感

• 插播临摹点评

• 设计师容易犯的一个毛病是，总觉得自己的作品还不够好，不敢拿出来。实际上没有作品是真正完美的，敢交流才能更快的进步。

• 太早创作没有什么意义

• 对比的时候可以从这些方面入手：字体、配色、间距、质感、大小、对比度等等。

4. 设计师的必备习惯

• 储备素材

• 整理一个属于自己的素材库

• 素材来源。

• 专业网站：花瓣、Dribble、站酷……

• 专业相关：书籍、艺术展

• 生活：马路上、看豆瓣、看新闻

• 收藏的条件：至少要有一个学习点。

• 
  

• 保存的方法，可以在电脑上开一个文件夹。或者在花瓣里开个标签来采集。

• 多个素材介绍

• 设计思考

• 要求我们在日常的生活中也时刻保持着对设计的探索。

• 分析什么东西对你产生感觉，思考它是怎么做到的，一步步分析它的设计原理。

• 时刻留意自己在生活中对美和丑的感受。必须思考背后的原理，这些沉淀下来都会让你的设计更成熟。

• 了解行业

• 关注设计行业，它能让你学习到更多专业知识。

• UI中国，Dribble，站酷，Behance，花瓣……

• 关注IT行业，帮你开拓视野，让你可以从更高层面来指导设计。

• 36氪，IT头条，知乎……

5. 面试那些事

• 提出招聘需求

• 收集简历

• HR筛选简历

• 学历和教育背景，我们这一行会没那么看重学历。更在意的是实际的动手能力，而这些能力又和天赋有很大关联。

• 天赋=兴趣+努力。所以你只要有兴趣而且垦努力就可能能做好设计。

  

• 从我的经历来看，最核心的设计师都是这样的人。所以对于屏幕前的你，这是一个很好的消息。现在入行UI设计并不迟，不过要在这个领域发展，后期投入的努力是必不可少的。只要你能提供展示出设计水平的作品，基本上找工作不难，学历和背景不会是你的障碍。

• 关键就是作品。新人面试，很多时候你只要提供一定数量的作品就能过这一关。

•  业务部门筛选简历

• 业务范围（APP界面，BANNER，活动专题）

• 技能广度（ICON，字体设计，原画，动画特效）

• 设计品味（版式布局、配色、元素搭配）

• 细节把握（设计规范，用户体验）

• 面试

• 设计是不是你做的

• 澄清设计时的问题

• 了解设计思路。一方面探索你的设计基础，另一方面看你是否能掌握一些设计规律，通过这样来判断你的作品中表现不错的设计是不是偶然发生的，同时也能推断出你将来设计水准的稳定性。

• 笔试

• offer

6. 准备面试材料

• 个人简历

• 对于转行的同学，没有太多可以贴金的内容的时候，反而简单一点会更好

• 设计作品

• icon，ui

• 手绘的技能一般来说不太用得上

• 准备面试材料

• 要如何开始？

• 业务范围、技能广度、设计品味、细节把握

• 临摹

• APP（50%），ICON（20%），活动页（10%），BANNER（20%）

• 总数20-60幅

• 只放最好的作品

• 原创

• 只放最好的作品

• 实习

• 总数30-60幅

• 作品是你能成功应聘的敲门砖，你可以把完成这个作品集设定为学习UI设计的一个终极目标，能不能成功面试基本上是看这个了。

7. 5大系统

• 技法

• 怎么画扁平和半写实的icon

• 规范

• 让你的设计至少不会出现一些原则性的错误

• 用户体验

• 掌握一些科学的方法，让产品更加好用

• 美感

• 把设计拉开距离，成为卓越的技术。

• 对于设计师来说，提升美感，是我们职业生涯一直努力的方向。

• 探索一些关于美的哲学理念。介绍一些基础审美的经验。

• 品牌

• 知道品牌是怎么设计出来的。

• 读懂品牌设计的意义和价值。