审美、效用与情感——关于icon和Logo设计的一些想法

转载 2015年07月07日 10:47:03


虽然Pages和Keynote拥有非常精致的造型和拟真效果,但是就icon设计而言,Numbers要超过它们。 Numbers脱胎于现实中的物体但又不是完全模拟它们,形象更简洁有力。

 

从表意性上,Numbers 对图表工具的概念进行了成功的提取和抽象,相信任何人第一次见到这个icon的时候都能认出它是一种什么工具,但墨水瓶(Pages)的象征性太模糊,演讲台(Keynote)是一个人们不熟悉的且特征不明显的事物。人们在通过icon形象识别出工具用途时要更困难。

 

从辨识度上,透视和视角的选用形成了很强的立体感,配色也非常鲜明。这些都提高了你从dock条上把它辨识出来的几率。它的小尺寸表现也好于其它两者。

 

Icon的成功更多取决于它是否能有效表意(功能、用途或者非常鲜明的个性特征)并且具有很强区分度,容易认出并建立关联。而不是在于它是否材质更漂亮或更拟真。

 

为什么iOS UI上所有的icon都限制为圆角矩形?

 


有一些设备的UI上的icon允许透明通道,也就是允许icon是各种形状的。这显然让设计师有更大的发挥余地,能够创作出更漂亮的作品。

 

但是iPhone的桌面是一个访问频率非常高、空间有限、icon放置密度非常高的环境。icon之间的间距没法很大,如果不统一上面几十个icon的形状,会导致一个非常杂乱的界面,icon之间也会彼此干扰。(虽然LaunchPad也是这种罗列icon的方式,但拥有较大的空间和间距,情况会好一点。)所以规整统一的形状可以带来良好的节奏和协调的感官,同时也可以和设备的整体外形相呼应。

 

此外,设定这一“游戏规则”也平均了icon们的风格和水准。目前app stone上已经上架了10W个应用,也就有10W个icon,设计水平参差不齐。但统一的形状和iOS官方icon设计所引导的风格,让最差的设计师也不会做出烂得超过底线,影响整个设备UI的icon来。即使你啥都不会,选一个背景色,在上面放一个字母,也能成为你的icon,而且效果也不太坏。所以在iOS设备上你不会看到那种一堆icon里突然冒出一个特别土带着粗大的锯齿边和蹩脚阴影的刺眼玩意。

 

从iOS的开发定位来看,Apple一直都选用的是一个平均化但是最能保证整体效果的方案。让一个工程师,仅仅利用默认控件,也能做出可用可看的App。

 

设计和艺术的区别之一正是“设计是带着镣铐跳舞”。

 

游戏规则的设定,就是为了保障整个游戏的可玩性和所有玩家的利益,我想对所有icon外形的限制(包括HIG中对许多控件及交互方式的限制)就是整个平台设计策略的一环。

 

为什么Adobe套装里的icon都做成那个样子?

 

CS2在04年发布,CS3在07年发布。这3年间Adobe做了很多重要的战略调整,事件之一是收购了Marcomedia,并且更强调工具之间的兼容性,并提供一些平台化工具。Adobe需要推出更多套装,并在里面包含更多应用。从提供工具变成了提供工具箱。

 

CS3刚出来的时候,对icon设计进行了重大的改变,当然获得了大量恶评,理由都是一个丑。就单个icon来看,CS3的PS图标比CS2差几个级别,Adobe不是找不到好设计师,为什么要这么做。

 

看完这张图就明白了。Adobe的设计工具都比较难以根据功能来提取出一个具象概念,只好用羽毛,花朵,树叶这种很“精神层面”的的物体来表示。当套装变得更大,设计师桌面上需要放下更多Adobe应用的icon时会出现什么状况,他的鼠标会在几个icon之间遊移。当然假以时日,反射弧会被建立,也会通过摆放位置来进行记忆,但对于新用户而言,这无疑是一个悲剧。

 

展示这张图不是为了说明Adobe的新icon们在色相环上的分布,而是为了说明有它们工具数量的庞大。

 

CS3系列后的新icon虽然不好看,但无疑极为直观,无需建立对象及其象征物之间的关联,这不是表意而是直接对着你喊出来,“我是PS”。文字带来最快速的反应。

 

风格强烈,你可以轻易识别出它们是属于一个Adobe的。

 

此外它最大化利用了系统中icon的尺寸限制,一整个大色块。所以你会发现它们无论是在dock条还是windows桌面上,都是抢眼的。

 

设计过程中如何做决策,美的标准是什么,我借用一下《data visualization》一书中的观点:novel (创新), informative (这里可以理解为否实现设计的功能,传达出需要传达的信息), efficient (能否有效地达成设计诉求), aesthetic (是否有视觉魅力)。受众、目标和情境是设计开始之前必须回答的问题,一个不能保障可用性(有效达成目标,满足需求,适配于使用情境)的设计,再好看再创新也是失败的。Adobe的选择也正是基于这一点。

 

安卓开发——logo与icon两个属性的区别

首先要注意,aplication的icon属性是用来显示在安装界面和安装包缩略图的,而不包括桌面和启动器图标。桌面、启动器上显示的图标呢是应用的主activity里icon。  这一点很容易被忽视,...
  • qq_28484355
  • qq_28484355
  • 2016年02月26日 22:49
  • 439

Android中icon和logo的区别

在Android的AndroidManifest.xml文件中的元素中有两个容易迷惑的属性——android:logo和android:icon。例如下面这段: ...
  • showbaba3
  • showbaba3
  • 2015年07月23日 12:47
  • 4418

关于物联网,人工智能的想法一

关于物联网,人工智能的想法
  • DONGWEIJHZHANGLI
  • DONGWEIJHZHANGLI
  • 2017年04月30日 20:35
  • 301

乔布斯:关于Flash的几点看法

当初这篇轰动一时的文章,据说是乔大爷去世前亲自写的(好吧,Java虽然同样被拒,但还没这种待遇) -------------------------------------------------...
  • arvin0
  • arvin0
  • 2016年03月14日 16:10
  • 762

前景理论和期望效用理论

1 期望理论期望值:无数次相同风险决策的最总平均值。期望值理论即人们会把期望值最大的选择最为自己的最终选择效用: 消费者对从某一商品组合的消费中得到的满足感的主观衡量,其衡量单位是任意的,一个单位的效...
  • csl13
  • csl13
  • 2010年06月15日 15:19
  • 1018

面向对象分析与设计——过程

6           过程 以为有银弹;按指南步骤去做(滋生进度谎言);完全忽略文档,或文档驱动。   6.1   首要原则 6.1.1   成功项目的特征          成功的软件...
  • wangfei_edu
  • wangfei_edu
  • 2014年10月22日 13:04
  • 730

对于团队的一些感悟感想

对于团队的有些感悟 什么是团队,团队的作用是什么,有什么优势。 我认为可以先从做一件事情说起。 人做一件事情,要具备几个因素,一个是知识,就是做成这件事所具备的知识,而是资源,就是完成这件事情所...
  • zamzll
  • zamzll
  • 2015年06月09日 21:16
  • 1529

我对销售人员的一些看法和建议

    我在网上看到一些朋友写一些有关如何做销售,比如说销售目标一要一切为了销售,二要关注业绩,三如何与客户沟通等等,这些文章给我的感觉是为了销售可以不择手段。   我们公司有一个软件代理商,我就目睹...
  • fstao
  • fstao
  • 2008年09月13日 21:15
  • 2318

关于设计的方法和一些想法

关于设计的方法和一些想法 关于设计的方法和一些想法这些都我是从Robin Williams Design Workshop(不是坏小子那个Robin Williams)一书做笔记摘出来的一些文章和我个...
  • suilam
  • suilam
  • 2006年03月17日 12:15
  • 969

最近的一些开发想法

实习近三个月 确实真正的企业级开发要比之前的小打小闹正式不少 以至于现在有打算重写配棉系统的冲动 如果是局域网的项目 带宽大 尽量能不要AJAX就不用AJAX 这里指的是原生的AJAX 因为之前开发都...
  • xboxeer
  • xboxeer
  • 2011年06月25日 01:43
  • 301
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:审美、效用与情感——关于icon和Logo设计的一些想法
举报原因:
原因补充:

(最多只允许输入30个字)