图片的设计

木质音箱的使用范围图

场景图

场景图

尺寸图

功能图

配件图

按键图

插件图

使用范围图

主图

01

书法标题排版时尽量拆开每一个字去排

左图的文字为输入法直接输出，右图则是每一个字拆开单独去排版，对比之下右侧的文字通过大小和位置上的变化，使得排版更加错落有致，整体性更强。（也更能表达出作者想吃鸡腿的决心）

02

在合适的场景给素材增加溢出的暖光

右图中心的暖光起到画龙点睛的作用，会让浏览者感觉到画面更加鲜活温暖，毕竟有阳光的地方总是充满生机。

03

段落性的内容排版，请优先考虑易读性

字号、颜色、行距等等，都是基于能够让浏览者更易阅读的角度出发；在设计时考虑给出重点文字及链接文字的配色方案，让文字层级更加明朗。

04

让交互元素更加生动

结合游戏本身，对页面中的交互元素进行更加形象化的设计，不仅可以增加页面的趣味性，也可以直接刺激浏览者的点击欲望。

05

文字叠加材质时避免出现过曝现象

同样的材质，文字颜色取自同一色系，但是饱和度和明度上的差异，导致最终呈现效果的差异。材质过曝不一定只由文字的色彩决定，有时也跟材质的叠加模式有关，这个平衡点需不断尝试。

06

适当地增加前景有助于拉开空间感

右图中通过添加两侧前景的树无疑让画面的纵深感更强了，通过这样的处理，能让浏览者明显感觉到右图中的人物离我们更远一些。

07

背光时可尝试给文字增加透光效果

右图中，文字增加透光效果后能让人感觉到文字与整体画面的联系。文字是受到背光影响的，感觉呼吸性更强了，而不是直愣愣地丢在画面中。

08

多人组合时，利用周围环境元素去进行人物层次的区分

多人组合时，如果不人为地进行层次区分，会给人感觉素材重叠严重，画面平坦没有景深。合理地利用周围环境中的光、云、烟雾等元素，可以很好地对画面的主体元素进行层次上的区分。

09

竖排文字时要注意正确的阅读顺序

古文中文字竖向排版时，阅读方向为从上至下，从右到左。通常情况下还是按照正常的阅读顺序去进行排版。（PS直排文字工具输入时也能体现）

10

学会给场景中的素材添加环境色

未经的原画怎样才能跟场景融合？添加环境色是必不可少的。不知道应该怎么添加？建议你找找类似场景的照片去进一步观察。

11

学会给场景中的素材添加环境色

这部分很好理解，网页是传达信息的，不止是单纯让你关注画面的。弱化场景后，人物、文字以及按钮能，都能得到进一步的突出。（模糊是比较常用的一种方法）

12

给文字做效果时应首先基于文字的识别度

同样的文字效果，右图暗色背景下要明显好于左图亮色背景，左图考虑的不应该是如果让文字更有质感，而是先搞清楚文字配什么颜色识别度更高。

13

试着让画面中的元素关联起来

右图中通过添加人物投影，让人物和圆盘之间产生了联系。虽然只是一个很不起眼的小细节，但是往往就是这些小细节，决定了你画面的高度。

14

修饰类元素不要影响主体的识别度

绿叶、花瓣、碎石、火焰等类型的元素，只是起到进一步烘托氛围的作用，切勿本末倒置，让其抢了主体的风头。

15

尽可能让LOGO能够清晰地展现

LOGO最为一款游戏最直观的视觉标识，虽然不能直接对其进行修改，但是可以通过调节其附近的元素，使LOGO得以清晰呈现。

小伙伴们是不是工作中常常遇到各种图片的需求了，当然我们可以直接跟设计或者美术大大提需求，但是如果遇到紧急需求他们无法及时提供或者他们无法理解本宝宝的需求理念时，还是让本宝宝自己动手吧。

需求沟通太麻烦？PS太复杂？ 让这些设计网站解救你吧：

【有个美工】-做图只要一分钟。这个网站简洁快速，主要提供电商的banner和微信公众号的首图的制作。只需要输入文案信息，就可以自动生成符合尺寸的6张图片， 任意选择，不满意的可以重新再次生成。可以直接采用官方图库的图片， 也可以自己本地上传图片然后生成海报。

优点：界面简洁，操作简单，生成速度快。

不足：使用范围比较窄，目前比较使用的是电商的banner和微信公众号的首图；无法做过于复杂的设计和修改。

【Fotor懒设计】-不仅可以进行图片编辑和美颜修图，还有齐全的图片设计功能。可以自由选择和设计，各种封面图、广告图、海报、贺卡都能做。

优点：功能齐全，素材量大，覆盖范围广。选择模板后可以对模板上的内容进行任意的自主修改，不仅可以借鉴专业的设计样式，还可以更加自由的加入个人元素。同时还有海外版本，使用范围非常广。

【创客贴】-极简的平面设计工具。同样素材丰富，功能齐全，操作简单。

更多设计教程，设计神器，图片网站和灵感创意可以进入“设计师网址导航”中查询，内容丰富齐全！