![Photoshop智能手机UI设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/723/32515723/b_32515723.jpg)
1.4 UI设计师如何自我提升
在职业发展道路上,你遇到过困难,面临过瓶颈吗?如果有,那么“如何自我提升”便常常成为值得探讨、研究与相互学习的热点话题了。让我们从美术职业发展的角度上来探讨一下如何自我提升吧。
关于如何提升自我这个问题的提出,伴随而来的疑问也有不少。什么是美术人员必备的素质?如何打造对玩家和游戏有意义的作品?如何提升美术技能?很多人会告诉你“不断地动手练习啊”“不断地实战演练啊”“不断地吸取经验教训啊”。虽然这基本上是对的,但答案不止于此。毕竟,你要花很多时间在错误的道路上磨练——如果真的是这样的话,你的提高会有很多局限性。
过程必然是苦闷的。所以,在开始谈论自我提升这条道路之前,我想与大家分享一条非洲人的智慧箴言:“很不幸,种树的最佳时机是20年以前;幸运的是,现在就是下一个最佳时机。”
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a860.jpg?sign=1739589668-l57iiaYuxK1c0f2LbAdUSTXHfZqTDKLz-0-0b69c45aac799bb4dbee9428e93e53b7)
图标设计稿和最终稿的对比
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a859.jpg?sign=1739589668-M47YFZRnsxBa7aGGHGW3xTfwRFanVjyW-0-d77c88c5b6ae6d9b4ca4d850134b17f6)
1.4.1 形状/轮廓
我们通过物体的边缘来感知物体。为了清楚地表达,你应该首先考虑轮廓,确保通过轮廓可以识别物体。为了增加趣味,物体应该让人容易理解,不引起困惑。在保持美术风格的同时,你应该努力让观者只看轮廓就能识别道具和角色。
1.4.2 美术基础
首先,我们是美术设计师,画出好图的基本功应该是必需的。使用工具、使用设计软件的唯一用途就是执行你的想法。把重点放在想象力、执行速度和工作合作方面,与相关团队保持有效的沟通。从想法、清楚的意图、理想的目标和贯彻设计原则的合理的方法开始,将所有选择导向你的目标。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a946.jpg?sign=1739589668-z7LEIIni92k35CPFO688OCsoxQR2Dm4s-0-8a042373a26ace6ebddd2e038e0d9202)
一个图标的草图设计稿
1.4.3 色彩识别
色彩是一个值得讨论的话题,主观性也比较强。没有什么硬性标准,如果有的话,也都有例外。所以只要记住几件事:颜色带有温度和情绪范围,要以所表达、表现的意图为基础,可能要避免使用某些颜色(例如大面积的黑色,会造成空间上的不透气,画面不美观等)。可以用颜色创造象征性的联系。这可能很微妙,但却很强大,比如皮克斯动画公司的《飞屋环游记》就用得很好。在那部动画里,美工用紫红色作为Ellie的象征色,在她的穿着和使用的物品中经常可以看到紫红色;当粉红色的阳光消失在窗户的反光中,她离开了,这种既定的色彩象征为观众描绘了一幅凄美的画面。很多书都专门讨论了色彩,但学习色彩的有效方法是看电影,然后仔细分析其中的色彩运用以及对剧情表达的作用。我们不只关注和谐的色彩搭配,还要注意剧情氛围与和谐的色彩之间的组合。以下列举了最常用的设计原则和元素。
设计原则:统一、冲突、支配、重复、交替、平衡、和谐、渐变。
设计元素:线条、值、色彩、色相、纹理、形状、轮廓、尺寸、方位。
利用以上原则和元素,一定会帮助你构思出清楚准确的画面。可以借助这些工具从设计的角度看待画面,当你觉得对基本形状、比例满意后,再从各个独立元素出发,把注意力放在正题画面上。如果你的基本设计草稿都不耐看,那么就谈不上什么细节了。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a948.jpg?sign=1739589668-5biUvDi191MpThQUWLjo4FGVBFtwa3Jg-0-14c41fe3b2326a98840036451c4a74ca)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a947.jpg?sign=1739589668-Z9luRS9ZBIdKBDQQxinmnqYkRkBXhFF1-0-7cc87fbe4f17b37b717e181e57c46d44)
几组简洁的图标设计
1.4.4 引导视觉
在美术概念中,构成大概是最难理解的。如果我可以将它表述成一句简单的话,那我会说,构成是通过画面引导视觉的艺术。假设不存在糟糕的构成,只有误用的构成——太紧密或太松散。在某个情节中管用的构成放到另一个情景中可能就不管用了。构成的唯一目的就是让玩家读并且理解预期的空间和剧情,最常用的办法是使用冲突和对比,形状上的冲突、颜色上的视觉冲突、方向线带来的视觉引导。人的眼睛通常最先注意到框架内的最高对比区域。当你确定焦点,请确保其他元素不会产生冲突或干扰观者的注意力。所有元素的分层结构应该最终引向一个焦点。人们往往误解了构成,把它简单地理解为黄金分割,事实上构成的内涵远不止于此。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1011.jpg?sign=1739589668-LGJdxjNY7NpaFQUriDgzRMEABzbBsfa2-0-57b9a6f5718a555d79ace311ae3d99d1)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1012.jpg?sign=1739589668-PtDv3irjS9eZLqcjAwClqdwbtLEEKQKg-0-eb711547904471584bfe44763f490ba2)
从铅笔设计稿到Photoshop上色稿
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1010.jpg?sign=1739589668-zIleMNSpAMtS60JKYa9j4RDdhMW5O2D7-0-7f4017e67efd95095561bda2172cc35c)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1009.jpg?sign=1739589668-LjOiGPbBSRxMoKyfp60SG52HJteMNp5T-0-5bd2785e13aab824bba3b548d2aeddd4)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1105.jpg?sign=1739589668-vM5qGgN8arYOZ2xMrVjbIsJfLJt6Nn48-0-72c79f7013ed561925d652002094bfb9)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1094.jpg?sign=1739589668-pOd2zSwaVkVAV0URBm7gbIOfioP87mQP-0-42241c25739535385947771d2a5f7d85)
不同质感的图标设计
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1107.jpg?sign=1739589668-IH6ZyrrAubl4Y9fmtn2cpgGwa6EVfvlV-0-0900a2a44ecf87d9a7cc492601e480fc)
不同尺寸的图标设计完成稿
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/24-1.jpg?sign=1739589668-aCZmqMATK6T5ai1jtTf02FH9zaHk3N76-0-5a1d5c72d3234f77ef1898f27f89c968)