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

用户头像
深圳/学生/2年前/7566浏览
老板想换人了,他说我做的界面毫无设计感!
我们做ui设计是非常考研细节的,有时候甚至需要考虑1像素的问题,今天我基于ui课同学们的作业,来给大家说几个关于ui设计的知识点,必然对大家有很大的帮助!
01 视觉动线
我们先来看这两个页面,你觉得哪一个更加工整:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
是不是第一个?为什么?
这里有一个视觉动线的概念,就是你的眼睛会跟着哪些元素进行移动,第一个界面做的很好,头像足够大,有重量,并且价格数字很大且靠边缘,所以这条视觉动线就在最左侧:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以页面看起来非常工整。
而第二个界面,头像很小没有重量,并且价格数字不在边缘,导致整个视觉动线是这样的:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以看起来有点凌乱!
这就是视觉层面的细节,需要我们认真的思考对待!
02 颜色降噪
有太多同学做的页面过于花哨,其中一个非常重要的原因就是颜色又乱又杂,我们看下面这个页面,其实都是一个问题,颜色用的太多了:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这时候,我们就需要进行颜色降噪,比如这个页面第一张图看起来非常乱,但是如果把中间区域变成空白,是不是就好多了:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们只需要把颜色过多的地方先减掉,然后慢慢的去加颜色,不要一下加太多,否则很容易又乱又花,我们看看降噪完之后的效果:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
看起来会清爽很多,如果觉得哪些地方颜色不够,可以再慢慢加,但如果一下子加太多,那就没办法看了!
就好比你炒个菜,盐放少了,我们还可以再加盐,但是盐加多了,就很难退回来了!
03 加点差异
我们在做界面的时候,最好可以有点差异化思维,能让你的界面稍微有点不一样。
比如下面这个界面,看起来就相对常规一些,不管是banner、图标入口、还是列表:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4Njg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
如果我们能把图标入口的形式改成这样呢:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
不管是在排版的灵动性上,还是卡片的破形,都会好很多!
我们在创意性和差异化上还是可以多多思考的。
像这位同学还做了一版这样的形式:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4NzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
中间那块就非常有吸引力,虽然可能最终没有落地,但这并不影响你大胆的去想象!
再比如下面这个界面作业:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4ODA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
中间部分的卡片,普通的矩形卡片肯定没有这个卡片有设计感:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4ODQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
而且,这个卡片的造型可不是拍脑袋做出来,是因为主题是游戏产品,根据游戏发散到游戏手柄,才产生了这样的创意,所以都是有理有据的,而不是为了差异而差异!
04 注重精致
界面的每一处都需要足够的精致,最后你的效果才会理想,举个例子,下面这两个界面,哪个好:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4ODg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我一般都先去看他的图标精致度,其实没什么好比的,左侧完胜后侧:
老板想换人了,他说我做的界面毫无设计感!(图ZMTQ3OTI4OTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
左侧一看就是经过设计的,而右侧有点像在图标网站上找的图标,改个颜色!
所以这种界面里的精致度处处都需要我们去严格把控,尤其是图标,如果连图标都做不精致,那还谈什么界面精致度呢!
是吧!
总结
以上就是今天和大家分享的几个关于界面的小知识点,不管是精致度、创意性、颜色、视觉动线,都需要我们ui设计师认真对待,以此来提高我们的个人能力,做出更好的作品,加油,兄弟们!
158
举报
|
194
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面风格黄绿色系花朵装饰
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
平面书法字手写
城阙凡花
海底世界插画
平面花卉图案扁平简约无缝拼接插画
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面设计 吊牌设计
古风平面仕女与瓷器
倒计时,海报,平面
平面人物插画
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
平面插画设计女孩喝咖啡
城市园林平面布局航拍
你可能喜欢
相关收藏夹
大家都在看
登录注册