在做视觉画面UI设计时候,经常容易犯的一些基础错误,大家一定要注意。

01 构图不稳

构图就相当于楼房的地基,地基如果不稳,啥都不用说了,那最后的效果肯定是不会太好的。

比如下面这个练习的构图:

感觉人物有点自己的想法,他很想跑到右边另外一个画面里去,这样就会导致整体视觉中心很空旷,没有视觉焦点。

而下面这个就很稳了:

人物就是妥妥的视觉中心上,这是新媛的融图作业,完成度很高,非常棒。

大家在判断是否在视觉中心的时候,也可以像我这样,在中心画个圈,看看你的主体物有多少在圈里面:

如果大部分都不在,那估计就是主体要跑路,赶紧抓回来。

做视觉图一定要构图稳定,这是最首要的事情,如果构图做不稳,先不用急着往后做了,最后的效果不会太理想的。

02 识别问题

做图标讲究识别度,做视觉也是一样的,如果你的设计的视觉画面让人看不出是什么,这就会有很大问题,最容易出现问题的地方就是字体,比如下面这个字体:

做的变化有点太大,导致看不清是什么字体了!

当减少一些复杂度之后,就好很多了:

再比如下面这个画面,找的人物素材:

说实话,没太看懂人物在干嘛,也看不太懂想表达什么,这样观看的人就会比较懵。

记住,咱们不是艺术家,还是要讲究识别度的,毕竟我们找工作的时候是给面试官看作品的,

03 颜色奇怪

在看大家练习作业的时候,会发现很多同学会使用比较奇怪的颜色,比如这种:

其实配色挺难的,一不小心就容易用错颜色,所以我一般用色都会相对比较保守一些,以前也有写过关于配色文章,其实最简单的方法,就是使用邻近色去配,像我之前做的这个画面:

色相也算是丰富,但是基本都是相似色、邻近色来配合使用,虽然也有对比色,但是面积非常小,不会影响全局,这样不容易出错,大家可以借鉴这种方式。

04 主次不明

我们在做画面的时候,一定要注意比例,一定要有主次,尽量不要使用 5:5 的这种方式,比如像下面这种:

这就是五五分的比例,看不出主次,导致画面很空旷,有点散

当把人物比例调大之后,整体的主次就清晰很多了:

画面的也很饱满了,这是阳阳的剪影练习作业,最后的大感觉也还是 ok 的。

当然, 五五分也不是绝对的不可以,常见的那种 pk 视觉画面,就会用到比例五五分,比如:

但是这种五五分,两个五五分元素的属性是相同的,他们俩共同组成一个主体,充满画面,最后让画面比较饱满,所以也是 ok 的。

大家在做画面的时候尽量要有主次,如果用到比例 5:5 的时候,也一定要注意画面的最终的饱满度。

05 比例不适

比例不适一般发生在前后关系没找准的时候,比如明明这个物体是在前面的,但是却画的很小,导致比例不太舒服。

之前有举过一个例子,比如这画面里面:

山和树是在后面很远的地方,船是在大树前面的,但是这个船也有点太小了,按照这样的比例,这个树可能比一座山都要大了。

这就是比较明显的一个比例不适的例子。

再比如,这个画面:

这个仙鹤是在人物前面的,但是却那么小一点点,即使是刚出生的小鹤也不会小的那么可怜的。

如果每个元素的比例没有分配好,就会导致画面看起来很奇怪,和现实不符,所以一定要时刻审视比例!

总结

好了,以上就是今天要分享的内容了,大家在做视觉画面的时候,一定要注意哦!

做视觉UI设计时,都需要注意哪些常见的基础错误相关推荐

  1. UI界面设计都有哪些基础原则和规范

    用户界面(UserInterface)又称人机界面,是指软件用于与用户沟通的外观.部件和程序,简称UI,这是用户与智能手机沟通的平台和纽带,也是用户感知.认知.使用和体验软件的主要媒介. ​一般来说, ...

  2. 计算机教室冷量负荷,空调设计时,楼层或者个别房间的空调冷负荷是怎样确定的...

    空调设计时,楼层或者个别房间的空调冷负荷是怎样确定的 室内冷量的计算: 空调房间所需冷量与房间用途.房间朝向.所处楼层以及房间面积等因素有关.一般用单位面积负荷乘以房间面积进行计算.单位面积耗冷量我们 ...

  3. UI设计要做什么,UI设计培训都要学什么

    UI设计要做什么,UI设计培训都要学什么?相信有很多人都对这个问题比较感兴趣,近几年,UI设计被越来越多的人关注,行业薪资水平也是一路飙升,很多人都在准备学习UI设计,那么具体的内容,下面我们来看看详 ...

  4. 做PPT设计时,需优先设置好哪些功能

    PPT大神与小白之间的差别有很多,除了设计的技术以外,恐怕连制作幻灯片的流程习惯也有很大的差异. 作为一个小白,如果你有细心留意过大神们做PPT时的那些习惯,你会发现大神们之所以能成为大神,不是没有道 ...

  5. 【转】当你进行地图设计时,需要了解这些小知识

    原文地址:当你进行地图设计时,需要了解这些小知识 英文原文:https://github.com/maptimeBoston/cartographic-design 译文: 本文是一系列有关制图设计主 ...

  6. 北京视觉ui设计培训内容介绍

    ui设计的日常从业内容包含网页界面设计.图标设计.交互设计等,虽然现在国内的ui设计处于急速发展阶段,但是只要大家去认真观察就会发现,除了一些行业top级人士所做设计之外,其他ui设计呈现出大同小异的 ...

  7. 用简单的方法做整套UI(教程第一/二/三弹合集)

    http://bbs.66rpg.com/thread-329530-1-1.html http://v.tieba.baidu.com/p/2985559487 首先要准备两个工具,"美图 ...

  8. 做一个项目,平时都用到哪些工具提高效率(上)

    做一个项目,平时都用到哪些工具提高效率(上)  转载 做.NET 相关项目,Visual Studio 2008,SQL Server 2000/2005是标准的配置,但是,除此之外,还可以应用哪些工 ...

  9. c语言1ms延时程序,请教老师,51微控制器在12M晶振,C语言程式设计时,延时函式120次=1ms(书本上是这样的,不懂),是怎样得来的?...

    请教老师,51微控制器在12M晶振,C语言程式设计时,延时函式120次=1ms(书本上是这样的,不懂),是怎样得来的?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集 ...

最新文章

  1. win10笔记本永久删除文件文件怎样恢复
  2. redis源码剖析(五)—— 字符串,列表,哈希,集合,有序集合
  3. 账号类型_2019年头条、百家、大鱼、企鹅四平台哪种类型的账号最受欢迎?
  4. 程序哲学how to make love,简称 html
  5. IP实时传输协议RTP/RTCP详解
  6. java图片转ASCII码_将图片转化成对应的Ascii字符图片
  7. 215.数组中第的K个最大元素(力扣leetcode) 博主可答疑该问题
  8. ubb php论坛程序,论坛UBB代码 推荐
  9. 求ReportMachine的OCX教程
  10. 疫情当头,宅家看剧!微信公众号图文应该这样排版
  11. mysql左表有右表没有_查询左表存在而右表不存在的记录
  12. SNIFFER问题集锦
  13. 计算机语言栏无法设置,win10系统修改语言栏设置的解决方案
  14. python导出excel文件数字签名_如何使用带有etoken(笔驱动器)的Python对PDF文档进行数字签名?...
  15. sequence_item、sequence、sequencer、driver的关系
  16. windows环境系安装flask框架,pyth3.x版本
  17. web前端进阶<7>:3d图像翻转效果
  18. 戴红计算机网络安全,我校举办第二届信息安全与网络攻防竞赛
  19. Android应用市场平台应用认领
  20. scConverter 文档转换 DLL / SDK

热门文章

  1. Elastic Beanstalk部署策略
  2. ZigBee室内采暖计费系统设计
  3. 计算机二级考试及格是什么意思,请问一下计算机二级考试的分数影响大吗?还是及格就好?...
  4. 华为数通笔记-BGP路由选路实验
  5. 细数网易云音乐上那些值得收藏的粤语歌单。
  6. 16基于主从博弈理论的共享储能与综合能源微网优化运行研究
  7. 关于XML文档的xmlns、xmlns:xsi和xsi:schemaLocation
  8. 走进人工智能| 智能物联网 AIoT的魅力交织
  9. CentOS7安装配置FTP
  10. Unity基础系列(四)——构造分形(递归的实现细节)