1700424244
在你的设计中保持一致性(uniformity)是另一个重要的组成部分,它能使你的设计有效地传达信息,而不会导致用户迷惑或焦虑。“一致性”在视觉设计的许多不同方面都会起到作用。
1700424245
1700424246
将视觉元素的大小保持一致的尺寸,这可以使你在需要的时候把它们更容易地重新组合成一个新的设计。举个例子来说,如果你在导航中使用的所有图形按钮都是同一个高度,那么它们就可以在需要的时候被混合并匹配,而不会形成一个布局杂乱或要求重新设计的图形。
1700424247
1700424248
基于栅格线(grid-based layout)的布局是来自平面设计的一种技术,是一种对网页也同样有效的技术。这个方法通过使用“母版”来确保设计的一致性,各种布局都是根据这个模板来创建的。不是每一个布局都要使用栅格的每一个部分(事实上,大多数的布局可能只会用到很少的一部分)但是每一个元素在网格上的位置应该统一和一致的。
1700424249
1700424250
1700424251
1700424252
1700424253
创建一个栅格来指导布局工作可以保证一致性而不会牺牲统一。
1700424254
1700424255
不管怎样,由于设备、屏幕尺寸和屏幕分辨率千差万别,把栅格应用到屏幕交互式产品上不会像平面设计一样简单。你很容易就掉到“坚持使用栅格系统”的漩涡之中(或者任何一种可以保证一致的标准)甚至在它们根本就行不通的时候。在没有设计标准的情况下进行工作是不好的,但是教条地遵守设计标准,而不顾你适当的需求就可能会更糟。
1700424256
1700424257
也许产品采取了一个在栅格被开发出来的时候没有人能想像出来的新功能;也许这个栅格从一开始就不怎么行得通。不管原因是什么,重要的是,你要能认识到什么时候应该重新考虑设计系统的基础是什么。
1700424258
1700424259
1700424260
1700424261
1700424263
用户体验要素:以用户为中心的产品设计(原书第2版) 内部和外部的一致性
1700424264
1700424265
由于网站被生产出来的方法通常是在企业内部的、其他进行中的设计中,被逐渐、临时、独立生产出来的,所以它们的视觉设计的一致性已经被折腾得千疮百孔了,它们的毛病一般会有以下两种形式:
1700424266
1700424267
▼内部一致性的问题。这是说,在产品的两个不同的地方反映了不同的设计方法。
1700424268
1700424269
▼外部一致性的问题。这是说,这个产品没有在同一个企业的其他产品中,反映出被使用的、相同的设计方法。解决“内部一致性”问题比较好的办法,是建立在对网站框架的深刻理解上的。其中的关键在于,确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。在进行设计之前,从这些不同的环境中将每一个设计元素独立出来,通过这个方法,我们就可以更清楚地看到困扰我们的小规模问题,而不是被环境所造成的大规模问题分散了注意力。与其一次又一次地设计同样的元素,还不如像这样只设计一次,然后将这个设计方案应用到整个产品中去。
1700424270
1700424271
对于这样的一种工作方法,我们还是必须要检查这些设计元素在不同环境中的呈现。可能一个较大的、圆形的、红色的“停止”按钮在结账页面上的表现不错,但是它放到一个拥挤的产品定制页面的时候,这个视觉效果可能就不那么理想了。最好的办法是设计出每一个独立的元素,试着在不同的环境中应用它们,然后在需要的时候进行调整。
1700424272
1700424273
即使大多数的设计元素被相对独立地设计出来,它们最终还是要放到一起的。一个成功的设计不仅仅是收集小巧的、精心设计的东西;相反,这些东西应该能形成一个系统,作为一个有凝聚力、连贯的整体来使用。
1700424274
1700424275
用一个“统一的品牌识别形象”强化呈现在你的用户(客户、潜在客户、管理层、员工或其他访问者)面前的产品“跨媒体的一致性”,这种品牌识别的一致性应该呈现在你产品的每一个层级的设计中,从每个界面都会出现的导航元素到只出现一次的普通按钮。
1700424276
1700424277
呈现一个在其他媒体上有的、与你的产品不统一的样式,影响的不仅仅是访问者的印象;它还影响了他们对整个企业的印象。人们会对那些具有明确定义的企业产生积极向上的印象。不统一的视觉样式会破坏你的企业形象的清晰程度,并且留给访问者一个“企业还没搞清楚自身定位”的坏印象。
1700424278
1700424279
1700424280
1700424281
1700424283
用户体验要素:以用户为中心的产品设计(原书第2版) 配色方案和排版
1700424284
1700424285
色彩可能是向外界传递品牌识别的一个最有效的方法。一些品牌与色彩具有如此密切的关系,很难相信如果没有色彩,这些企业如何才能被不假思索地记住—想想可口可乐、UPS或柯达。这些企业多年来一直坚持使用了同一种很特别的颜色(红、棕、黄),这在公众的脑海中创造了一个很强烈的感觉。
1700424286
1700424287
这并不是说他们使用这些色彩而排斥其他所有的颜色。核心的品牌色彩通常是一个更广泛的配色方案(color palette)的一部分,这套配色方案是要在一个企业的所有材料中得到应用的。一个企业的标准配色方案中所使用的色彩,是为了它们在一起工作而专门挑选出来的,它们之间是互补而不冲突的。
1700424288
1700424289
一套配色方案应该能整合其中的色彩,以便于能将它们应用到一个广泛的范围之中。在大多数情况下,更亮或更醒目的色彩可以用于设计你的前景色—那些你希望得到更多注意的元素中。更暗淡的色彩最好用于那些不需要跳出页面的背景元素中。拥有多种可选择的色彩,为我们提供了一套能做出高效的、可供设计选择的工具包。
1700424290
1700424291
正如“对比”和“一致性”对于视觉设计的其他领域很重要一样,它们在创建配色方案时也扮演了一个重要的角色。在同样的环境中使用时,一个非常接近其他颜色、但又不完全一样的色彩,会破坏你的配色方案的效率。这并不意味着你只能使用一种红色、蓝色,等等。这是说如果你想使用不同色度的红色,要保证它们之间的差异足够用户把它们区别开,同时也用了一致的方式来应用它们。
1700424292
1700424293
[
上一页 ]
[ :1.700424244e+09 ]
[
下一页 ]