审美不好能学UI吗 感觉对色彩和排版不够敏感

很多时候一副好的设计作品，并没有想象中的那么难~

　　只是细心的人注意了每一个细节，并且这些细节完组合起来，成了大师。

　　其实差距并不大，但是你的细节错误越多，积累起来就很可怕，

　　那么今天就给大家带来一篇大师在细节处理上的秘诀！

　　一个小的改动，效果就大不同！

　　01

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

　　游戏web类设计小技巧汇总01_04.jpg

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

　　02

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

　　游戏web类设计小技巧汇总01_07.jpg

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

　　03

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

　　游戏web类设计小技巧汇总01_09.jpg

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

　　04

　　让交互元素更加生动

　　游戏web类设计小技巧汇总01_11.jpg

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

　　05

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

　　游戏web类设计小技巧汇总01_13.jpg

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

　　06

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

　　游戏web类设计小技巧汇总01_15.jpg

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

　　07

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

　　游戏web类设计小技巧汇总01_17.jpg

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

　　08

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

　　游戏web类设计小技巧汇总01_19.jpg

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

　　09

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

　　游戏web类设计小技巧汇总01_21.jpg

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

　　10

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

　　游戏web类设计小技巧汇总01_23.jpg

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

　　11

　　注意场景元素主次

　　游戏web类设计小技巧汇总01_25.jpg

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

　　12

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

　　游戏web类设计小技巧汇总01_27.jpg

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

　　13

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

　　游戏web类设计小技巧汇总01_29.jpg

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

　　14

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

　　游戏web类设计小技巧汇总01_31.jpg

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

　　15

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

　　游戏web类设计小技巧汇总01_33.jpg

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

　　相信大家通过这些实例已经明白了细节的重要性，大师作品=创意+无微不至的细节，希望大家看完此篇文章有所进步。加油！