老板想换人了,他说我做的界面毫无设计感!

Recommanded by editor
深圳/学生/1年前/7299浏览
老板想换人了,他说我做的界面毫无设计感!Recommanded by editor
我们做ui设计是非常考研细节的,有时候甚至需要考虑1像素的问题,今天我基于ui课同学们的作业,来给大家说几个关于ui设计的知识点,必然对大家有很大的帮助!
01 视觉动线
我们先来看这两个页面,你觉得哪一个更加工整:
老板想换人了,他说我做的界面毫无设计感!
Collect
是不是第一个?为什么?
这里有一个视觉动线的概念,就是你的眼睛会跟着哪些元素进行移动,第一个界面做的很好,头像足够大,有重量,并且价格数字很大且靠边缘,所以这条视觉动线就在最左侧:
老板想换人了,他说我做的界面毫无设计感!
Collect
所以页面看起来非常工整。
而第二个界面,头像很小没有重量,并且价格数字不在边缘,导致整个视觉动线是这样的:
老板想换人了,他说我做的界面毫无设计感!
Collect
所以看起来有点凌乱!
这就是视觉层面的细节,需要我们认真的思考对待!
02 颜色降噪
有太多同学做的页面过于花哨,其中一个非常重要的原因就是颜色又乱又杂,我们看下面这个页面,其实都是一个问题,颜色用的太多了:
老板想换人了,他说我做的界面毫无设计感!
Collect
这时候,我们就需要进行颜色降噪,比如这个页面第一张图看起来非常乱,但是如果把中间区域变成空白,是不是就好多了:
老板想换人了,他说我做的界面毫无设计感!
Collect
我们只需要把颜色过多的地方先减掉,然后慢慢的去加颜色,不要一下加太多,否则很容易又乱又花,我们看看降噪完之后的效果:
老板想换人了,他说我做的界面毫无设计感!
Collect
看起来会清爽很多,如果觉得哪些地方颜色不够,可以再慢慢加,但如果一下子加太多,那就没办法看了!
就好比你炒个菜,盐放少了,我们还可以再加盐,但是盐加多了,就很难退回来了!
03 加点差异
我们在做界面的时候,最好可以有点差异化思维,能让你的界面稍微有点不一样。
比如下面这个界面,看起来就相对常规一些,不管是banner、图标入口、还是列表:
老板想换人了,他说我做的界面毫无设计感!
Collect
如果我们能把图标入口的形式改成这样呢:
老板想换人了,他说我做的界面毫无设计感!
Collect
不管是在排版的灵动性上,还是卡片的破形,都会好很多!
我们在创意性和差异化上还是可以多多思考的。
像这位同学还做了一版这样的形式:
老板想换人了,他说我做的界面毫无设计感!
Collect
中间那块就非常有吸引力,虽然可能最终没有落地,但这并不影响你大胆的去想象!
再比如下面这个界面作业:
老板想换人了,他说我做的界面毫无设计感!
Collect
中间部分的卡片,普通的矩形卡片肯定没有这个卡片有设计感:
老板想换人了,他说我做的界面毫无设计感!
Collect
而且,这个卡片的造型可不是拍脑袋做出来,是因为主题是游戏产品,根据游戏发散到游戏手柄,才产生了这样的创意,所以都是有理有据的,而不是为了差异而差异!
04 注重精致
界面的每一处都需要足够的精致,最后你的效果才会理想,举个例子,下面这两个界面,哪个好:
老板想换人了,他说我做的界面毫无设计感!
Collect
我一般都先去看他的图标精致度,其实没什么好比的,左侧完胜后侧:
老板想换人了,他说我做的界面毫无设计感!
Collect
左侧一看就是经过设计的,而右侧有点像在图标网站上找的图标,改个颜色!
所以这种界面里的精致度处处都需要我们去严格把控,尤其是图标,如果连图标都做不精致,那还谈什么界面精致度呢!
是吧!
总结
以上就是今天和大家分享的几个关于界面的小知识点,不管是精致度、创意性、颜色、视觉动线,都需要我们ui设计师认真对待,以此来提高我们的个人能力,做出更好的作品,加油,兄弟们!
156
Report
|
190
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
设计不設計
设计不設計
设计不設計
设计不設計
作品收藏夹
UI-项目总结
UI-项目总结
UI-项目总结
UI-项目总结
作品收藏夹
优秀教程
优秀教程
优秀教程
优秀教程
作品收藏夹
学习知识点
学习知识点
学习知识点
学习知识点
作品收藏夹
大家都在看
Log in