界面设计2:圆形和方形头像的场景设计

在我们的产品设计中,有些产品为什么使用圆形头像,而有些产品为什么使用方形头像,在这里,我将从四个方面给大家依次分析:

图片发自简书App

第一:从感受与认知方面考虑

1.从人的心理来说,方形相对无趣,人更喜欢圆形。

2.大脑可较轻易的处理圆形内的信息,减少认知的压力。

3.相较于方形,圆形更柔性、有机、安全、顺眼、现代与友善,也更能与他人情感交流。

4.更有关注的感觉,例如想到望远镜或放大镜的视野。

5.大多照片的四周都是无意义的背景或信息,圆形可以将其切除。

6.通常拍照会把“人”摆在中心,而圆形中心到四周距离都一致,可让脸更突出。

7.方形的对角线比边缘还长,用户目光易延伸出去;圆形半径长皆一致,用户可花更少时间在理解内容,眼球也较不需要移动。

图片发自简书App

第二:从设计视觉角度考虑

图片发自简书App

1.视线在方形的焦点有5个(四个角+中心),而圆形只有一个(中心)

2.圆润的线条或角度,可让视线自然的追随与运动,不会像看到90度角而停顿下来。

3.在扫视的情况下,使用圆形可协助使用者辨识或区分是否为内容,因为内容通常会置于用方型容器,例如文字、照片或专辑等。

图片发自简书App

第三:从产品定位角度考虑

比如微博头像是圆形的、微信的头像是圆角方形的。源于对APP产品的深刻理解。

外圆内方,是一种做人的态度,外圆是一种手段,我们需要与他人连接,做事情就需要一种处事圆滑,八面玲珑一般能够在大场面混的很好的,内方呢,其实是我们自己做事做人内心的标尺,也就是我们自己的认知,是我们所认定的不会变的东西,目标,初心不变,变的是通向目标的方法,内方更多的是自己内心的操守,不为外界所变动的部分。

微博作为一个社交媒体,在信息洪流中,我们要做到圆融,才能更方便的与圈子融合,微信朋友圈作为熟人的社交场子,更多的是展示个性,释放自我,代表着的是自己的能能量。

图片发自简书App

第四:其他方面的因素决定

1.行动装置普及后,因圆形与手指按压在屏幕上的形状类似,而被广泛的使用。

2.其实人类早就有这样的应用,例如将人物应用于圆形硬币与圆形艺术画中。

3.只是一个设计的风潮,刚好流行到“圆形”这个周期。

4.很多准则或模板都只提供圆形版本。

5.现在的CSS3技术让圆角(圆形)轻易实现且各浏览器也几乎都有支持。

如下图,对比两种头像形式,我将阐述三个观点:

图片发自简书App

1:圆形头像能够更好地帮助用户聚焦到人脸。在前面的分析中也提到,手机拍摄的照片质量参差不齐。在这种现实情况下,圆形头像更有利于忽略照片的背景,提高头像的识别效率。

2:严格意义上讲左图并不能称之为头像,而更应该称之为照片。原因很简单,头像嘛,自然应该以展示“头”为主,而左图中头像只占画面二分之一不到的区域。从这个角度来说,显然右图更为合适。在选择照片作为头像时,如果是圆形,用户更愿意选择脸部的照片作为头像; 如果是方形,用户则相对更随意,通常是全身或是半身照。不信,你可以打开自己的微信,看看自己的好友头像。

3:日常生活中,我们看到的大多数相框都是方形的,圆形的相框较少,这是因为大多数照片都是方形的。因此,使用圆形的轮廓来表现头像,能够快速地和照片区分开来,更加突出。

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

推荐阅读更多精彩内容