起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 职业教育 > 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次

海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次

时间:2019-09-21 18:11:54来源:海口达内 作者:海口达内 已有: 名学员访问该课程

  快捷搜索:薪资UI设计海口达内

前言:很多时候一副好的设计作品,并没有想象中的那么难~只是细心的人注意了每一个细节,并且这些细节完美的组合起来,成了大师。其实差距并不大,但是你的细节错误越多,积累起来就很可怕。 那么海口达内今天就给大家带来一篇大师在细节处理上的秘诀!一个小的改动,效果就大不同! 左图的文字为

很多时候一副好的设计作品,并没有想象中的那么难~只是细心的人注意了每一个细节,并且这些细节完美的组合起来,成了大师。其实差距并不大,但是你的细节错误越多,积累起来就很可怕。

那么海口达内今天就给大家带来一篇大师在细节处理上的秘诀!一个小的改动,效果就大不同! 

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

 

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

让交互元素更加生动

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

利用周围环境元素去进行人物层次的区分

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

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

 海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次_qh.itpxw.cn

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

更多百度海口达内~

 

文章出自:http://qh.itpxw.cn/qgtk/201954783.html

文章标题:海口达内设计透露做设计要注意这些,看完这些对比水平上升两个层次



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
海口达内 访问该机构站点 报名留言 加为好友 用户等级:开放浏览 用户级别:0 机构名称:达内科技教育集团 联 系 人:吴老师 联系电话: 联系手机: 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件: 网站域名:http://hk.tedu.cn/ 注册时间:2018-07-27 15:07 最后登录:2021-01-14 09:01