互联网产品设计第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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,843评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,538评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,187评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,264评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,289评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,231评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,116评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,945评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,367评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,581评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,754评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,458评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,068评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,692评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,842评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,797评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,654评论 2 354

推荐阅读更多精彩内容