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