太阳城申博:APP!图标设计的原型理论

图标设计 急速飞驰 浏览

小编:①App扁平化图标。App扁平化图标,是摒弃高光、阴影、透视感等效果,通过抽象、简化、符号化的设计元素来表现的。界面上极简抽象、矩形色块、大字体、光滑、现代感十足。App扁平

  ①App扁平化图标。App扁平化图标,是摒弃高光、阴影、透视感等效果,通过抽象、简化、符号化的设计元素来表现的。界面上极简抽象、矩形色块、大字体、光滑、现代感十足。App扁平化图标交互核心在于功能本身的使用,去掉了冗余的界面和交互。

  ②App拟物化图标。拟物化形式的图标,是模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等效果对实物进行再现,也可以适度变形和夸张,界面模拟现实物体,交互方式也模拟现实生活的交互方式。拟物化图标属于智能手机、平板电脑传统的图标设计形式,目前主要用于游戏类App的图标之中。

  ①形状和颜色。对于APP图标,人们首先是视觉上的感知,即形状和颜色。依照原型理论,在许多不规则的多边形中,规则的正方形、圆形、三角形最具认知上的突显性。也就是说,无论顺序如何排列、放置在何处,人们一眼就能分辨出这些形状,即它们是辨认某一类形状的原型成员;黑色和白色是人眼最具分辨能力的色彩,色相环中的互补色在颜色搭配上最具人们认知的突显性。这些规则都是我们在设计App图标时应该考虑的。

  特别是在扁平化App图标的设计中,对于突显性应用的尤为突出。扁平化图标设计的第一个要素就是极简,即追求简洁、简单、易于识别,反对使用复杂的、不明确的元素。因此在设计时,应当尽量使用由规则的正方形、圆形、三角形所构成的图形,配色上尽量使用人眼分辨能力较强的配色方案。也就算说,构图和配色上尽量使用相关概念范畴中的原型。这样设计出来的APP扁平化图标,虽然线条简洁、颜色简单,但是由于采用了原型成员的形状和配色,依然可以准确的表达图标所代表的意义,便于浏览者快速识别。

  ②出现的高频性。对于APP图标,人们对其的感知还有一个重要的方面,即APP图标的代表物是否具备出现的高频性。代表物出现的频率愈高,人们对其就愈熟悉,经验也就愈多,对其的认知度也就愈强,也就是其突显性愈强。因此我们在进行APP图标设计时,其代表物要具有出现的高频性。

  原型理论中,太阳城娱乐城范畴是由该范畴成员之间的相似性决定的。当呈现新的成员时,根据范畴特征匹配可以估算出它与原型的相似性。在进行APP图标的设计中,相似性推理主要用于一组APP图标设计的一致性和某一个APP图标代表物的组合设计上。

  ①APP图标设计的一致性。在设计一组APP图标时,首先要考虑到的是应该有利于培养用户的使用习惯。作为用户,他们也是希望尽可能快地进入潜意识习惯,将注意力集中在自己所要做的事情上。因此设计智能手机、平板电脑的一组APP图标时,要注意保持形式上的一致性。比如,设计开机界面的一组APP图标,虽然它们代表的App不同,但是它们的尺寸和设计风格都应该保持一致性,而且内容相近的App图标应该排列在一起。显然,这种一致性的设计正是原型理论中范畴成员之间相似性推理的应用,它能帮助用户很快进入潜意识习惯,方便用户使用。

  ②某一个APP图标代表物的组合设计。有时我们进行某一个APP图标代表物的组合设计,也需要用原型理论中范畴成员之间的相似性。比如我们设计一个天气预报App的图标,可以使用一朵云彩为代表物,但是总觉得仅用它来表现天气预报这个概念,其力度还是有所欠缺,因此需要再找一个代表物与其组合。

  根据原型理论中范畴成员之间相似性,我们可以在天气预报这个概念的范畴里去找其它成员,比如找20℃这样的字图案与一朵云彩图案进行组合。于是一个比较完美的天气预报App图标代表物的组合设计就出来了。这也就是说,由于范畴成员之间存在相似性,将范畴内的成员进行组合,提高概念的表现力度。

  经典范畴理论认为:范畴的边界是明确的,范畴具有闭合性。范畴内所有成员地位相等。特征(属性)具有先天性。而原型范畴理论认为:范畴的边界是不明确的,范畴具有开放性。范畴成员之间的地位是不相等的,具有家族相似性。原型样本的属性是后天习得的。

  显然,对于普通大众来讲,对于许多概念范畴的认知都是遵循原型理论关于源自生活经验、与原型相似匹配这样的认知分类规律进行的。只有专业人士才有可能对其本专业有经典范畴理论的分类能力。所以,进行APP图标设计时,遵循原型理论的原型样本的属性是后天习得的性质,应该是更贴近普通大众的认知习惯,按此规律设计的APP图标才会得到更广泛的认可。

  App图标是实现人机交互的第一个入口,App图标设计的成败直接关系着相应的应用程序是否能得到较好的传播和推广。本文所论述的将认知科学中原型理论关于概念范畴的突显性、相似性推理、属性的后天习得原理应用于App图标的设计之中,也是经过多年大量反复的实验之后得出的经验总结,它们无疑会对App图标设计者有较强的理论指导意义和实用价值。推荐阅读:APP界面设计的视觉原则!

当前网址:http://www.builder.org.cn/linggan/icon/430.html

 
你可能喜欢的: