• 回复: 46
tangguangming 发布于:2014-07-01 07:43:39

符号化设计与用户使用经验

把标记化设计分为两种,一种是拟物设计的标记化,用一种通用的事物的详细形象来表现。通常是用一些有透视感的,有厚度的立体图形;另一种是纯粹的标记化,纯粹的平面图形,用大致的线条和配色来表现。我想把标记化设计分为两种,一种是拟物设计的标记化,用一种通用的事物的详细形象来表现。通常是用一些有透视感的,有厚度的立体图形;另一种是纯粹的标记化,纯粹的平面图形,用大致的线条和配色来表现。拟物设计便是只管即便还原物品本身的样子来举行假造视觉元素的设计。拟物设计中极具代表性的便是苹果App Store里的那些苹果本身设计的应用程序搁笔。有一个风趣的细节,在App Store里搁笔是没有使用同一光芒的,开辟者可以选择是否使用该光芒,如下图中的弧形光芒,但是在iPad大概iPhone上用了一个展示灯的光芒,这也是缸缰滹设计的效果。
上图中钢笔加一瓶墨水的是苹果Pages应用,重要用于文档编辑,讲台上放着一张发言稿的是Keynote重要备忘应用,赤色幕布、舞台、五角星和录像机是iMovie电影制作应用(电影文化),一本书的是iBook,一把吉他的是GarageBand(车库乐队文化),一大札的是iCloud。以iMovie为例,它撷取了舞台、幕布、设录像机、星光大道尚罾υ角星来组合成一个电影制作应用,这些元素的色彩和质感是拟物的,还原真实的,并且是电影文化的代表特征。而这些东西就成了“电影制作”这个应用程序要表达的意思,选取共性还原真实。就像Pages,钢笔加墨水很平凡常见的实际中文档处置的东西,选取这个普通的共同东西,形象上还原真实,就成为文档处置的标记。当然它们都是还原真实的,但又都是抽象的,所以是一种标记化的设计,有些另有文化标记。过去有看过报道说Scott Forstall是Jobs的诚实用魅栈,拟物设计也是做到了极致,我想是有些过火了,Jonathan Ive就很善于在拟物和抽象中取得均衡。别的一种是纯粹的标记化。着实我不知道纯粹这个词在这里是不是符合。Android的体系设置中各个选项的搁笔和Windows Phone的体系应用搁笔,比方德律风、短信、人脉都是纯粹标记化的典范。
膳缦沔两张图是安卓4.0的设置菜单,中间的是安卓4.0体系电源办理的搁笔,下面一张是Windows Phone的主界面,显然,这些搁笔的设计都是将实际物体的造型做了最大程度的抽象,只保存其最光显的特征。比如第一张图的电池、声音,第二张图的日期、安全,另有电源办理中的WIFI、蓝牙、GPS;Windows Phone中的相机、德律风、消息、设置,这些都是将事物的最光显特征采象成最简纯真粹的平面图形,德律风是一个听筒,寂静是一把锁,相机是一个大致的相机造星匀。有一个细节是Windows Phone的音乐用的是Zune的标记,那是不是意味着微软另有重回播放器市场的野心?
(看重其背壳上部的标记) WP中音乐应用使用了这个标记也是视觉辨认(VI)的表现,要将本身提供的音乐办事打上这个烙印。企业有好的、光显的VI是成功CI的一部分。自负微韧瞥绶做Metro UI(如今叫Modern UI),WP,Win8之后,微软的标记化就越来越明显, 把本身的logo都改成了四个方块。我个人很欣赏这种在满天下都是矩形圆角的时间突然来了一个看似偷懒的滑动瓷片界面设计的勇气,并且这个设计也很优秀。汉字的产生便是我们的先人对于一类人类活动大概事物所举行的抽象化的形貌。我们曾经的表意字,也是象形笔墨的一种,而后演变成篆书,便是一个对事闻缦汨述抽象化之后再标记化的过程。古埃及人和古玛雅人也都市在他们的壁画、雕刻上留下抽象的表达详细活动和事物的图形。WP体系和iOS在应用程序开辟上给了开辟者们更多的限定,在搁笔团体形状和构图上就要比安卓整齐划一的多,安卓的开放性使得其不可克制的碎片化,令安卓体系的应用程序搁笔设计总体显得比力乱。标记化设计对于设计风格同一性有着天生的良好,Windows Phone便是个典范。这里我很想用“设计熵”的理论来解释这个问题(关于设计熵可以见这里)。熵本是化学中衡量物质举动有序程度的量度,熵越大表现越无序,反之越有序。同一有序的设计可以或许形成一个光显的风格,就像iOS的拟物设计和WP、安卓的标记化风格越光显则设计熵越小,设计越有序。越低的设计熵,越光显的风格,可以或许形成越光显的产品VI,就能给用户最直果的企业辨认。好的企业辨认可以给产品设计锦上添花。标记化设计的条件大概说基础便是用户的使用经历,人对事物的抽象熟习便是源头于对大量经历的总结、抽象化。有的时间还是操纵户对其他抽象事物的熟习。就像前文中安卓设置菜单里的“表现”选项是用了电视机、电脑屏幕表现屏调理中常见的“比拟度”的搁笔。用户对传统产品的使用经历在前,那么在设计的时间就可以根据这种使用经历在举行界面视觉元素的设计,鉴戒其已有的交互操纵经历,这样可以减少设计本钱,减少用户使用时的产品适应本钱,进步产品易用性,优化用户体验。扫一扫,关注设计动量,随时参与互动。
我要评论
zhulongcao 发布于:2014-07-08 23:33:57 1#
[...] 符号化设计与用户使用经验 [...]
屏沙落雁 发布于:2014-07-08 19:38:42 2#
把符号化设计分为两种,一种是拟物设计的符号化,用一种通用的事物的具体形象来暗示。凡是是用一些有透视感的,有厚度的立体图形;另一种是纯粹的符号化,纯粹的平面图形,用简单的线条和配色来暗示。
zssdp 发布于:2014-07-08 14:18:15 3#
不错的标至,很喜欢。
takiyo 发布于:2014-07-08 10:17:47 4#
不错的标至,很喜欢。
yaowuhen 发布于:2014-07-08 05:14:08 5#
不错的标至,很喜欢。
liyanhong 发布于:2014-07-08 03:14:53 6#
不错的标至,很喜欢。
xszforever 发布于:2014-07-07 23:39:19 7#
不错的标至,很喜欢。
bluetec 发布于:2014-07-07 18:28:58 8#
不错的标至,很喜欢。
敏敏 发布于:2014-07-07 15:35:50 9#
不错的标至,很喜欢。
hhrr 发布于:2014-07-07 09:49:41 10#
不错的标至,很喜欢。
yaowuhen 发布于:2014-07-07 04:58:10 11#
不错的标至,很喜欢。
yaowuhen 发布于:2014-07-07 03:13:10 12#
不错的标至,很喜欢。
ypjpr 发布于:2014-07-06 20:53:08 13#
很有启发。记得之前看到过一套基于Mac OS的口角停笔,出格给力。
eyeooo 发布于:2014-07-06 17:05:20 14#
去体味一下Design Language
liyanhong 发布于:2014-07-06 13:06:07 15#
话说我今天刚在做CI的功课,对VI也就懂一丢丢。然后我只看懂了倒数第二段。很是拥护~
zhulongcao 发布于:2014-07-06 10:34:14 16#
内容很好,受教了。不外文前摘要的总有一种戏谑感,年夜于正文的字体是否也会使人感受鹊巢鸠占
yaowuhen 发布于:2014-07-06 06:16:22 17#
内容很好,受教了。不外文前摘要的总有一种戏谑感,年夜于正文的字体是否也会使人感受鹊巢鸠占
hhrr 发布于:2014-07-06 00:28:35 18#
内容很好,受教了。不外文前摘要的总有一种戏谑感,年夜于正文的字体是否也会使人感受鹊巢鸠占
天空光 发布于:2014-07-05 23:39:41 19#
内容很好,受教了。不外文前摘要的总有一种戏谑感,年夜于正文的字体是否也会使人感受鹊巢鸠占
yaowuhen 发布于:2014-07-05 17:25:59 20#
内容很好,受教了。不外文前摘要的总有一种戏谑感,年夜于正文的字体是否也会使人感受鹊巢鸠占