Photoshop智能手机UI设计
上QQ阅读APP看书,第一时间看更新

1.4 UI设计师如何自我提升

在职业发展道路上,你遇到过困难,面临过瓶颈吗?如果有,那么“如何自我提升”便常常成为值得探讨、研究与相互学习的热点话题了。让我们从美术职业发展的角度上来探讨一下如何自我提升吧。

关于如何提升自我这个问题的提出,伴随而来的疑问也有不少。什么是美术人员必备的素质?如何打造对玩家和游戏有意义的作品?如何提升美术技能?很多人会告诉你“不断地动手练习啊”“不断地实战演练啊”“不断地吸取经验教训啊”。虽然这基本上是对的,但答案不止于此。毕竟,你要花很多时间在错误的道路上磨练——如果真的是这样的话,你的提高会有很多局限性。

过程必然是苦闷的。所以,在开始谈论自我提升这条道路之前,我想与大家分享一条非洲人的智慧箴言:“很不幸,种树的最佳时机是20年以前;幸运的是,现在就是下一个最佳时机。”

图标设计稿和最终稿的对比

1.4.1 形状/轮廓

我们通过物体的边缘来感知物体。为了清楚地表达,你应该首先考虑轮廓,确保通过轮廓可以识别物体。为了增加趣味,物体应该让人容易理解,不引起困惑。在保持美术风格的同时,你应该努力让观者只看轮廓就能识别道具和角色。

1.4.2 美术基础

首先,我们是美术设计师,画出好图的基本功应该是必需的。使用工具、使用设计软件的唯一用途就是执行你的想法。把重点放在想象力、执行速度和工作合作方面,与相关团队保持有效的沟通。从想法、清楚的意图、理想的目标和贯彻设计原则的合理的方法开始,将所有选择导向你的目标。

一个图标的草图设计稿

1.4.3 色彩识别

色彩是一个值得讨论的话题,主观性也比较强。没有什么硬性标准,如果有的话,也都有例外。所以只要记住几件事:颜色带有温度和情绪范围,要以所表达、表现的意图为基础,可能要避免使用某些颜色(例如大面积的黑色,会造成空间上的不透气,画面不美观等)。可以用颜色创造象征性的联系。这可能很微妙,但却很强大,比如皮克斯动画公司的《飞屋环游记》就用得很好。在那部动画里,美工用紫红色作为Ellie的象征色,在她的穿着和使用的物品中经常可以看到紫红色;当粉红色的阳光消失在窗户的反光中,她离开了,这种既定的色彩象征为观众描绘了一幅凄美的画面。很多书都专门讨论了色彩,但学习色彩的有效方法是看电影,然后仔细分析其中的色彩运用以及对剧情表达的作用。我们不只关注和谐的色彩搭配,还要注意剧情氛围与和谐的色彩之间的组合。以下列举了最常用的设计原则和元素。

设计原则:统一、冲突、支配、重复、交替、平衡、和谐、渐变。

设计元素:线条、值、色彩、色相、纹理、形状、轮廓、尺寸、方位。

利用以上原则和元素,一定会帮助你构思出清楚准确的画面。可以借助这些工具从设计的角度看待画面,当你觉得对基本形状、比例满意后,再从各个独立元素出发,把注意力放在正题画面上。如果你的基本设计草稿都不耐看,那么就谈不上什么细节了。

几组简洁的图标设计

1.4.4 引导视觉

在美术概念中,构成大概是最难理解的。如果我可以将它表述成一句简单的话,那我会说,构成是通过画面引导视觉的艺术。假设不存在糟糕的构成,只有误用的构成——太紧密或太松散。在某个情节中管用的构成放到另一个情景中可能就不管用了。构成的唯一目的就是让玩家读并且理解预期的空间和剧情,最常用的办法是使用冲突和对比,形状上的冲突、颜色上的视觉冲突、方向线带来的视觉引导。人的眼睛通常最先注意到框架内的最高对比区域。当你确定焦点,请确保其他元素不会产生冲突或干扰观者的注意力。所有元素的分层结构应该最终引向一个焦点。人们往往误解了构成,把它简单地理解为黄金分割,事实上构成的内涵远不止于此。

从铅笔设计稿到Photoshop上色稿

不同质感的图标设计

不同尺寸的图标设计完成稿