![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=1739199453-qDgFFd5inyvskxmcH3oibMc7ezNl6V4k-0-ea6069f377d9cf163aa65b7e3a30e8b9)
图标设计稿和最终稿的对比
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a859.jpg?sign=1739199453-0oCMFz03GdKSdsBg7R9d8FjIxgxKZkAb-0-89562002569e023bd52ce62cd5ea3265)
1.4.1 形状/轮廓
我们通过物体的边缘来感知物体。为了清楚地表达,你应该首先考虑轮廓,确保通过轮廓可以识别物体。为了增加趣味,物体应该让人容易理解,不引起困惑。在保持美术风格的同时,你应该努力让观者只看轮廓就能识别道具和角色。
1.4.2 美术基础
首先,我们是美术设计师,画出好图的基本功应该是必需的。使用工具、使用设计软件的唯一用途就是执行你的想法。把重点放在想象力、执行速度和工作合作方面,与相关团队保持有效的沟通。从想法、清楚的意图、理想的目标和贯彻设计原则的合理的方法开始,将所有选择导向你的目标。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a946.jpg?sign=1739199453-gG9WUcLb2mRjxc0MO4tZdStPOByjUSf3-0-50eefcac3905bd48c43a20a54b46397c)
一个图标的草图设计稿
1.4.3 色彩识别
色彩是一个值得讨论的话题,主观性也比较强。没有什么硬性标准,如果有的话,也都有例外。所以只要记住几件事:颜色带有温度和情绪范围,要以所表达、表现的意图为基础,可能要避免使用某些颜色(例如大面积的黑色,会造成空间上的不透气,画面不美观等)。可以用颜色创造象征性的联系。这可能很微妙,但却很强大,比如皮克斯动画公司的《飞屋环游记》就用得很好。在那部动画里,美工用紫红色作为Ellie的象征色,在她的穿着和使用的物品中经常可以看到紫红色;当粉红色的阳光消失在窗户的反光中,她离开了,这种既定的色彩象征为观众描绘了一幅凄美的画面。很多书都专门讨论了色彩,但学习色彩的有效方法是看电影,然后仔细分析其中的色彩运用以及对剧情表达的作用。我们不只关注和谐的色彩搭配,还要注意剧情氛围与和谐的色彩之间的组合。以下列举了最常用的设计原则和元素。
设计原则:统一、冲突、支配、重复、交替、平衡、和谐、渐变。
设计元素:线条、值、色彩、色相、纹理、形状、轮廓、尺寸、方位。
利用以上原则和元素,一定会帮助你构思出清楚准确的画面。可以借助这些工具从设计的角度看待画面,当你觉得对基本形状、比例满意后,再从各个独立元素出发,把注意力放在正题画面上。如果你的基本设计草稿都不耐看,那么就谈不上什么细节了。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a948.jpg?sign=1739199453-CiwCo1dqd0hs0EXqmHO2rqdNdEiKxeDi-0-e423fb20753eee658e410c08fd3175aa)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a947.jpg?sign=1739199453-Mwjd26q4oTU2yxPPKvqIVvGRfwLn3k6W-0-8460b7a9f3b37b7213d904f8b9636ea2)
几组简洁的图标设计
1.4.4 引导视觉
在美术概念中,构成大概是最难理解的。如果我可以将它表述成一句简单的话,那我会说,构成是通过画面引导视觉的艺术。假设不存在糟糕的构成,只有误用的构成——太紧密或太松散。在某个情节中管用的构成放到另一个情景中可能就不管用了。构成的唯一目的就是让玩家读并且理解预期的空间和剧情,最常用的办法是使用冲突和对比,形状上的冲突、颜色上的视觉冲突、方向线带来的视觉引导。人的眼睛通常最先注意到框架内的最高对比区域。当你确定焦点,请确保其他元素不会产生冲突或干扰观者的注意力。所有元素的分层结构应该最终引向一个焦点。人们往往误解了构成,把它简单地理解为黄金分割,事实上构成的内涵远不止于此。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1011.jpg?sign=1739199453-qmWa6g7WWzLmNSvPP7JpUZiStblCv82R-0-80d432bc90e62426ed259043147c2bc5)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1012.jpg?sign=1739199453-Gn31HMFsebQtwaCV8TSRuxHHZP40G8hn-0-2b4a212b29b87aa2a92bb160ee8e681a)
从铅笔设计稿到Photoshop上色稿
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1010.jpg?sign=1739199453-t7nYHMMW4Xz0bd9aC14LNUk01xtDB0c1-0-8cd1de985eddeb40b3c4b773a9e77cef)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1009.jpg?sign=1739199453-A2wizfBH5RTpdWgMB10eebZF2jMb117z-0-95a3b614ec15ec9dc38c651b9ce7ce51)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1105.jpg?sign=1739199453-f9gabTy0UzMrplxszFDZSXJ4JHEm3pxN-0-24d0c6912ea11601cd2e9ee1221ab2a3)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1094.jpg?sign=1739199453-TnUFMW7MR202SRJLhCa9yViRWZTIKQxR-0-0a0fa8d68e3ad139d9d3a4b8e5b7c56d)
不同质感的图标设计
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1107.jpg?sign=1739199453-kKP4BR6w2fbLpWdCCT0qV5ywWD76KQoL-0-aecb1c039b456fcecf7f1787d4d84d55)
不同尺寸的图标设计完成稿
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/24-1.jpg?sign=1739199453-ZHjlP3CiPW9keOZ47WmK787W3cUp2or4-0-75a7e0a40739adafd4b91f138d940ab0)