- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
高手之路:浅谈多终端产品视觉一致性
高手之路 :浅谈多终端产品视觉一致性
KDD :随着智能终端的多样化和快速普及 ,越 越多的产品都面临着多终端的挑战。那么视觉设计
师应该如何去把控好多终端产品的设计 ?如何让多终端的产品做到具备一致的品牌识别性 ?这是我
想跟大家一起探讨的话题。首先对于”一致”一词 ,本人诠才末学 ,只能说是在自己目前的层次上去
解释这词 ,请不吝赐教 ,相信探讨完后会让我更上一个层次。
什么是视觉一致性 ?
一致 ,即整体、统一。在我看 ,它与对比是形成了互斥的矛盾关系 ,但两者同时也是相辅相成的
。因为两者的和谐存在 ,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥
乏味 ,如果缺少了一致也会显得杂乱无章 ,所以两者是不可或缺 ,但需要调和。所以说 ,美就像是
走在钢索上的人 ,两边都是陷阱 ,要走下去就必须保持两边的平衡。
笼统上讲 ,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们
也可以从生活中找到些体现一致性的例子 ,而视觉一致性可以提高产品所塑造的品牌形象 ,一定程
度上减少用户的认知成本。
好比你进去Lo uisVuit t o n的店铺时 ,你不可能会看到有Chanel或者其他品牌风格的包包罗列在里
面吧 ,Lo uisVuit t o n同一个系列的包 ,从手提包到肩包到行李箱 ,虽然产品上略有不同 ,但它们的
细节和气质都是一致的 ,标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至
其衍生产品也都保留着LV独有的气质。
我不是一个网游爱好者 ,但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏 ,途中突然
弹出一个3D的很唯美的又带有东方古典风的广告弹窗 ,肯定会觉得很不和谐吧。当你使用游戏中的
充值币时 ,细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一
致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等 ,这
样才会给用户带 好的体验。
还有就是你常看到的系列广告 ,他们系列感也是可以通过好些方式 (画面表现手法 ,内容
板式 ,slogan的位置等 ) 体现出视觉一致性 ,让用户可以直观出同一个产品的系列广告。
言归正传 ,视觉设计师如何把控好多终端产品的设计 ? 首先各终端的设计师必须要有同一个设计策
略和了解产品的大局观 ,在处理各种系统之间细微的差别时 ,负责各终端的设计师必须保持紧密
沟通 ,保证在不同设备和平台上 (甚至在各个端发展的不同阶段 )建立一个平衡点 ,并同时也能
利用、发挥起不同平台的优势 ,让产品在不同终端有其最好的呈现。 当然这些都只是前提 ,具体我
概括出了几点 :
1. 品牌色
色彩是每款成功产品使用的最主要的手段之一 ,它是最容易吸引用户的 ,成功的产品往往都是会巧
妙的运用它独有的品牌色。利用色彩刺激用户的视觉 ,增强对产品的记忆力 ,让色彩在用户的脑海
中形成一种强势的语言。
目前市场上存在不少成功互联网产品的品牌色让用户记忆犹新。比如说Evernot e的生命绿 ,腾讯的
科技蓝 ,Pat h的激情红 ,Faceboo k的安全蓝 ,Yahoo 的智慧紫。。。这些产品是如何让用户记住
他们的颜色 ?当然 ,不可否认设计师下的功夫。
当初Faceboo k的设计师选用这种象征力量、可靠的蓝色 ,最主要是因为创办人 ark Z uckerberg是
红绿色盲 ,只能辨认出蓝色 ,所以成就今天Faceboo k经典的品牌色。无论是在官网、移动应用
程序、LO GO 、各类弹窗、按钮、图标、线条 ,甚至连某些样式的投影都夹杂着细微的蓝色投影 ,
巧妙的被运用在Faceboo k中。
除了品牌色需要被大范围的运用在产品的各个角落上 ,还需要有一些辅助色 适当的搭配 ,才不会
显得单调。而大多数用户的记忆是有限的 ,绝不能给产品增添乱七八糟的辅助色 模糊用户对产品
品牌色的认知。所以无论是在哪个平台 ,品牌色以及辅助色需要一致 ,但有些时候因为一些因素的
干扰 ,还是需要看具体情况再对品牌色或辅助色进行细微的调整 ,以达到最贴切的状态 ,不赞成设
计师一眛为了追求一致而一致。
2. 色彩比例
用户在体验产品时 ,色彩比例会是用户首先可以直观到的内容之一 ,如果说在多终端的各种界面上
色彩比例视觉上给人印象是均匀的话 ,即使人们在观察不同的终端界面时 ,也会觉得视觉已达到了
一致性。但有的时候多终端并没有达到色彩比例一致性时 ,其实是因为设计师缺少在空间上对颜色
与颜色间色彩差异的度量 ,这样会导致色彩比例在多终端上呈现的准确性。因此 ,在色彩
文档评论(0)