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