如何用Photoshop制作iOS 7透明磨砂玻璃效果

半个月前,苹果发布了iOS 7系统正式版,于是伴随着扁平化界面一同而来的透明磨砂玻璃效果让所有支持iOS 7的设备的用户都能用上了。因此,我做了一套iOS 7的透明磨砂玻璃效果的UI。可是,没想到很多人对于怎么设计这个透明磨砂玻璃的特效甚是不解。这真是我始料不及,当iOS 7 Beta版本发布的时候我就分析了一下怎么在Photoshop中来设计这个界面,其实就是很简单的事情,很容易想通的。那既然有这么多的童鞋不太明白是怎么制作的,于是我决定写一篇文章大致讲解一下吧。

Flat UI Kit

准备

首先,你要挑选一张看着舒服的图片作为背景,图片好看心情才好。由于我写此篇文章的目的只是讲解透明磨砂玻璃效果的制作,其他一些基本且无关的操作因此忽略,因此需要有一定的Photoshop操作基础。
Continue reading

拥抱扁平化的设计——我对iOS 7的看法

作为一个设计师,不能不对这次苹果的发布会加以关注,尤其这次是新发布的iOS 7自诞生以来最为重大的设计改版。我没有用过苹果的产品,更没有iPhone,不过作为一个设计师的修养,我还是保持相关行业保持相当高的关注。而且,不管怎么说,还做过iOS的App UI设计,多少有点经验。

iOS 7 Screenshot

拟物主义时过境迁

尽管当下拟物主义的设计方式仍然占据很重要的位置,但是不可否认的是,越来越多的网站,App采用了扁平化的设计风格。扁平化的设计是未来的设计趋势。拟物主义的设计方式解决了用户使用入门的问题,通过对实物的模拟,让用户能够产生对产品更为熟悉的感觉,操作方式如同操作真实的物品一样。但是经历了6年的发展,触屏操作的用户界面已经为用户所接受,越来越多的设备采用了全触摸的方式。因此,拟物主义的设计方式的功能使命已经达成。

扁平化设计的简洁与高效

扁平化设计并未像拟物主义设计受到太多的褒奖,其中一个很大的原因在于,扁平化的设计方式对于设计的要求更高,想要设计的好看并不是容易的事。扁平化的设计风格去除了多余的不必要的装饰,尽最大限度的展示内容,而要把设计做的好看则需要考虑色彩,形状,大小,比例,位置,纹理等各个方面,想要设计的好看反而不容易把握。而相比之下,拟物主义的设计风格虽然制作上难度更大,但是只要遵循现实中的物体则不会出太大的问题。将设计最大的简化之后,突出核心的内容,这也是用户最为关心的部分,最大化的利用可视区域。

苹果形象的重新定义

当下的苹果迫切的需要一种对自我形象的重新定义,提升在用户心中的形象。自从乔布斯去世之后,苹果并没有任何实质性的创新产品,每一年都是针对既有的产品线进行迭代式的更新。对于一个存在了6年的iOS系统来说,这种重新定义更为迫切。自从初代iPhone问世以来,iOS系统的设计几乎没有太大的变化,拟物主义主义的设计风格也逐渐落伍,苹果需要给用户一些不一样的新鲜血液。微软与Google已经充分的将扁平化的设计风格部署到了各个产品线中,其中尤其以微软最为彻底,虽然扁平化的设计风格中苹果是个后来者,但是现在改变还不算迟,不至于在设计上落后。如果说苹果抛弃拟物主义的设计风格之后没有了自己的特色,那我认为一味保留着时过境迁蹩脚且落伍的设计也能算是特色的话,这种特色不要也罢。

虽然这次iOS 7的图标广受诟病,但是这不能代表扁平化的设计风格的不好。前面已经说过扁平化的设计其实更难把握一些。目前iOS 7只是初次尝试扁平化的设计,而且还在测试阶段,相信后面的设计会有改进,变得更为成熟。至少,这样的扁平化的设计与iPhone简洁的外观设计风格很搭。

其实这次iOS 7的扁平化设计对于广大UI设计师更是意义非凡。长久以来,很多设计师在设计风格的选择上很大程度上受到客户审美的制约。优秀的设计师能够把握当下的设计趋势,而客户则不然,因此在给客户选择扁平化设计风格的时候会有相当大的阻力。而现在,苹果亲自将设计拍扁了,通过苹果在移动领域强大的影响力,对于设计师向客户推荐扁平化的设计方式是个很大的帮助。因此,拥抱扁平化的设计就是拥抱未来的设计趋势。

一些扁平化的设计作品

扁平化设计风格是未来的设计趋势,越来越多的网站与软件都采用了扁平化的设计方式。这其中尤其以微软贯彻的最为彻底。不仅微软在Windows 8,Windows Phone,Office 2013等软件全面采用了扁平化的设计风格,就连很多软件的iOS版本也逐渐的采用了扁平化的设计方式。

相比苹果为主导的拟物风格设计的方式来说,扁平化的设计方式在制作难度上大大降低,但是要想把设计做的好看,我认为扁平化反而比拟物风格更不好掌握。去除繁琐与不必要的装饰,达到简约的风格,仅保留有用的信息,对于排版,布局,配色,大小,比例等设计元素有着更高的要求,一不小心就容易设计的非常难看。

SoleilNeon从事设计工作多年,一直以来就非常喜欢简约风格的设计作品,在微软采用扁平化的设计风格之前,就有一些网站使用了扁平化的设计风格,甚是喜欢。因此,SoleilNeon的大部分的设计作品中也采用了扁平化的设计方式,这些是最近的一些设计作品,与大家共勉。

Flat

Continue reading