互联网产品设计第4课•课堂笔记：情感定位与视觉设计

导语：本篇文章是参加产品设计课程整理的笔记，本文主要说明了产品的情感定位和界面设计，在实际工作过程中，产品是不需要深入视觉设计的，但是具备一定的视觉设计常识，对于产品的把握还是有帮助的。至于情感定位，使用产品的过程中你一定会体会这个产品背后的性格哟！

关于产品的情感定位与视觉设计，最后的产出结果是产品的界面。

产品的界面设计关注哪些要点？

1.界面的视觉风格（品牌形象，一般不会轻易改变）

2.用户的视觉感受

3.界面视觉焦点的组成（关注的焦点是什么有很多方法，但视觉焦点的多少与显示的尺寸成正比，如电视机的视觉焦点不能超过手机，因为存在用户与屏幕距离的问题）

4.操作控件的视觉表达

情感定位

情感设计在意的是你的用户使用你的产品时会有什么感受

如何设计用户的感受？为产品进行性格定位

用户满意度，越往上走，用户可能的满意度就越高。

一般产品设计包括功能设计、易用性设计和情感设计，但一般投入时间主要在投在前两项。

产品设计的一般流程：风格-》样式-》感受

为何要去定义产品的性格？

在电影人物中，我们一般都会很快记住主角，因为一般主角的性格特征突出，产品也一样，鲜明的产品性格，更容易让用户记住并使用它。

什么是性格？它指的是稳定的，具有核心意义和长期的一种气质。

随着技术的发展，大而全的东西反而不受欢迎，而垂直个性化却有很大的市场。

如何去定义产品的性格？

(1) 产品定位

清新感？还是富有激情？

（2）拟人角色

ex:nike+

给人严厉、专业又有点小幽默的感觉

500px：

给人摄影大师的感觉，不爱说话，所以只有图片

（3）功能+场景

思考你的产品用户的形象，性别，年龄、语言...

ex：3-4岁用户，好动、有一定认知能力，需要人陪伴

产品的形象接近mama，具有亲和力，同事也有适度的威严

针对青年白领的电商产品：

售前产品形象：懂行、年龄接近、大人、经验丰富

售后产品形象：有决策权，识大体

明确产品的性格后如何进行风格设计？

1.收集素材

2.做剪贴板

推荐书目

《版式设计的原理及应用》

《交互设计沉思录》

视觉设计

视觉设计是一项长期收集的阶段，它涉及版式设计、文字设计、色彩设计和图形设计。

在实际的工作过程中，通常有专门的UI团队进行视觉设计。

从网上找的一些资料，是产品视觉设计的注意细节

1 界面元素的对齐，在布局的时候经常需要做到视觉上的对齐，而不是机械的对齐，但这不是界面元素可以随意摆放的借口，该对齐的内容需要对齐。

2 像素精确，虽然现在的分辨率越来越高，但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。

3 界面光源的一致性，一致性是个很大的课题，细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果，那正文就应该避免用深色的文字向上投深色的阴影

4 图标面积的一致性，设计的时候放到实际屏幕上以较远的距离查看，是不是有哪些会特别轻或特别重，然后再去调整尺寸

5 文案，虽然这不是直接的界面设计元素，但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等

6 别直接使用 Windows 自带宋体 / 黑体里的英文

7 谨慎地使用高饱和度颜色、大差别渐变，一些醒目出跳的颜色和渐变使用起来要比较小心，否则很容易产生“俗气”的感觉

8 适当的留白，做一些“大气”的设计时候能成为一个很好的说辞，但是留白同时也很难掌握度，过度的留白有时候会起到反作用，让作品看起来没有细节、内容空洞。

放一张本人做的一张图好啦~请轻拍！

小T：连高校产品经理，不会运营的设计不是好产品经理，求轻拍！求关注！­

个人微信号：timebaby91

运营公众号：

连高校（lgaoxiao）你的梦想智囊团

个人公众号：

我有一个小秘密 （smallsecret）关注互联网产品、运营和设计

http://www.chanpin100.com/archives/8723