美工不是那么好做的杂谈
导语:Path那篇文章发表后,听到的最多的一句是“你丫才美工,你们全家都是美工!”美工=美术工程师,在我眼里一直都是一个非常中性的词汇,说Path是美工Team,其实是在美术方面表扬Path,Path的美术工程师水准高是褒义,Path的产品水准低是贬义。写Path的时候就想好了要连续写几篇关于用户体验的文章,上一篇写的动画,今天以一个外行人的身份说说美术,既然只聊美术,我会继续沿用美工这个简称,请多包涵。
1、与现实世界中几十上百种美术流派不同,UI设计的好坏其实只有一个标准,就是让人在潜意识里的感觉是舒服的还是不舒服的。就像在动画那篇文章里提到的一样,自然的UI最舒服。
专业人士们每天争论着苹果的“拟物”、微软的“扁平”和谷歌的“没准儿”(谷歌自己做的东西还是偏“小清新”的)这些流派到底哪种更好,强纳森代替了福斯特尔之后更是传出了未来iOS会逐渐“扁平化”的小道消息,难道市场杯具的Metro UI反倒是未来的发展方向?
其实想明白这事儿,无关美学,无关技术,它就像是一层窗户纸,只待我们轻轻捅破。
在这件事情上,过去做的最正确的还是苹果(虽不完美,但还是比另外两头猪强多了)。如果用动画那篇文章里的观点来类比的话,苹果的UI设计方式就好比是动画效果里的非匀速运动,谷歌是匀速的,微软没动画,所有认为Metro UI是未来可以洗洗睡了。
现在让我们来思考一个场景:
每天起床睁开眼,您看到了雪白的墙,透过洁净的窗望向窗外,蓝天白云,神清气爽,一切都是那么的惬意。
等等,您觉得墙很白,蓝天很蓝,玻璃很透亮。其实,在您视网膜里的光学影像以及传送给您大脑后续处理的图片资料中,并不是纯白的墙、纯蓝的天、纯透明的玻璃,对您这位观察者来说,这个世界没有纯色。
不仅不是纯色,墙的颜色还是渐变的(而且不是匀速直线的渐变)。墙上还会有窗户的影子,白云看着也像是大号的棉花糖一般的立体、饱满、有质感。
现实世界里,没有纯色,一切都有质感、有阴影,没有质感、没有阴影的是“鬼”。
从出生开始,我们就在努力适应的这个世界,我们的认知越来越习惯于周遭的环境,如果将我们放在一个纯色的、无质感的、无阴影的世界里,就好像在没有动画的世界里一样,我们将无所适从。
看出来了吧?Windows Phone的Metro UI风格其实就是个渣,Metro UI完全算不上设计流派,以自然的标准来看,Metro UI的差已是极致。
估计有人该跟我抬杠了,据说微软的灵感来自巴士站的站牌和地铁的指示牌,为什么站牌和指示牌没让我们不舒服呢?
昨天在公司里小宋又问了我一个问题,“听说强纳森以前是设计马桶的,洁白简约的马桶设计,或者纯白(黑)的iPhone外观,都没有让我们不舒服啊!”
这些说的都没错,但仍然不影响“Metro UI是个渣,谷歌的小清新只比渣好了那么一点点”这个事实。
因为,当我们看到洁白简约的马桶、纯白(黑)的iPhone、公交地铁的牌子时,进入我们眼睛的是反射光。而当我们看手机、平板、电脑屏幕的App界面时,进入眼睛的是屏幕本身发出的光线。就这么一点点不同(反射光与屏幕发光),却已是本质。
无论多么简约、多么洁白的马桶,通过反射光进入我们视网膜的影像都不是纯色的,它立体、有质感、有阴影,如果进入我们视网膜的影像是纯色、扁平、无阴影的马桶,虽然不会像纯色、扁平、无阴影的人(鬼)一样吓我们一大跳,却仍会导致我们潜意识里的不舒服,说不出来,但就是不舒服。
与其说消费者购买Windows Phone的时候是在用脚投票,还不如说是在用潜意识投票。
想明白这个道理之后,我就特同情那些高价购买“撸妹”的群体,唉,花了那么多钱之后,每天还要在潜意识里不舒服那么多次,多可怜啊。
当然如果看了我这篇文章之后,他们就更可怜了,因为会从潜意识里的不舒服升级为意识里的不舒服的。
记住这句话,UI设计可以拟物、也可以扁平,可以清新、也可以简约,但好的UI设计一定是符合自然的,自然的最舒服。
即便是Metro UI,正确的努力方向应该是把磁贴作得让人看着有真实的公交地铁牌子的感觉,而不是傻了吧唧的弄个完全纯色、无阴影、无质感方块放在那里,“鬼”啊!
在这里提前做个预测,以微软官僚们的智商来看,等到Windows Phone彻底消亡那天,估计他们也想不明白这个道理的。
2、只显示局部界面的设计不是符合自然的UI设计,在这一点上错的很多。
在现实生活中,人们在看到任何局部的、不完整的东西时,或多或少都会有点儿不舒服,差别仅在于有的人不舒服的多些,有的人少些。
比如说,拉开一半的抽屉,半开半掩的柜门,我凑合还能忍,老婆大人一般是会逼着我赶紧把它弄好。
局部的、不完整的UI其实或多或少也会给人的潜意识里带来不舒服,因此这种UI不是符合自然的UI,这种设计也不是好设计。
在这一点上最2的还是Windows Phone。
记得在一些低分辨率的Windows Phone上,貌似连主界面都是不完整的,右边一列的磁贴只显示了一半。
那个微软引以为傲的全景视图,就更牛逼了,让您的界面永远都不可能完整,关于这事儿您就想想一个永远无法关上的柜门吧。
Path的抽屉式菜单其实也一般,这种设计用来做Setting还凑合,毕竟基本上不用,主界面之类的大家就别玩儿“残缺之美”了。
特别说明,这里说的局部的、不完整的指的是界面要素,而非内容,List View滚动加载更多不再此范围内,滚动加载更多就像是从纸筒里拽出更多手纸一样,没什么不自然的。
-
店铺美工主图设计的六大技巧
随着淘宝市场的不断扩大,卖家与卖家之间的竞争力也在不断扩大,如果你没有自己的特色和优势,是很难在竞争中取得优势的。宝贝主图的设计也是可以留住消费者的重要因素,所以接下来小编就给大家分享关于店铺美工主图设计的六大技巧,希望可以帮助到各位卖家,提升店铺的竞...
-
广告设计图片的方法
广告设计中主要包括的其中一个内容是“图片”。先成运用了广告图片的设计方法,将广告设计图片的特点都抓取的非常细致,也总结了在广告设计中的一些图片方法。下面是小编为带来的广告设计图片方法,欢迎阅读。一、图片的大小通常一张篇幅大而醒目的图片,比起一堆零星...
-
做一个淘宝美工设计有什么具体要求
导语:淘宝这个词我想大家都听的不少了吧。现今已经有大千女性掉在网购的圈子里爬不上来了,这也可以说明淘宝是个好东西。现今网店开的也是跟天上的星星一样多,数都数不过来,要是想提高顾客点击率,那就得靠一个好的网站页面,那就对淘宝美工有跟高的要求了,我们如何才能...
-
网页美工设计色彩怎么搭配
色彩,是最先也是最持久地给浏览者以网站形象的因素。那么如何做好色彩的搭配呢?下面小编总结了几个色彩实用设计的要点,希望能给大家带来帮助。一、确定主体色遵循主从关系,这是最稳定的处理色彩原则。其实红、黄、绿、蓝、紫等每一个字都代表一类具体的颜色,也就...