组长又说我的设计没细节,心好累!

共 1234字,需浏览 3分钟

 ·

2021-10-11 02:54

菜心的第338篇原创

2021年的第115篇

2021年小目标100篇原创已完成,已提升至150篇


今天来分享几个细节干货,大纲如下:


页面细节

透视细节

疏密细节


1.页面细节


下面这个页面是一位星友问的问题,问问怎么增加细节:



其实小问题挺多的,可以从很多方面优化,


头图:


现在的头图只是一个色块,没有颜色变化,也没有图形纹理,也没有主体设计,所以看起来就很平静:



信息主次:


信息主次问题,我们可以看到,整体画面是很平的,比如一排信息里,都是平级的,没有做信息层级的区分:



还有像更新时间这种信息其实并没有那么重要,重要到比主信息还大,就会有点宣兵夺主了:



而且这块信息的对齐方式也看起来怪怪的,没有做好。


前几名的样式设计:


其实增加设计感,我们完全可以找到一些需要强调的地方,把样式好好雕刻一下,比如像排行榜的前几名,之前是这样的:



比较寡,所以很多排行榜前几名都会放几个图标,以显特殊性,像这种:



当把上面这些基础问题优化后,再加上一点设计的样式,就能改的差不多,下面这张图是群里一位热心的星友咔咔几下改的:



要比之前丰富很多。


2.透视细节


透视是我们非科班设计师很容易出现错误的地方,哪怕是一些优秀的同学有时候也会有些小问题,像下面这个游戏机:



透视就看起来有点问题,这张图的视角看起来是正视图,而且视线应该就是物体的正中间,但是为什么还能看到顶部那个面呢?这样会就有一种游戏机不是直立的感觉。


我们在做图标的时候有时候也会带有透视,但是一般情况下,如果我的图标是带透视的,那我一定会把透视表达清楚,就像这种:



如果是纯色的面性图标,像下面这种:



我就感觉有点奇怪,它这个视角看起来应该是俯视的视角,因为下面是有弧度的:



既然有透视,但是有没有表达清楚,直接用黑色全部概括了,我个人就感觉比较难受,所以这种图标,我一般都只做正面视角,如果有透视,我一定把透视交代清楚,比如做质感图标的时候就比较容易交代清楚了:



所以关于透视,大家平时一定要多多注意,多看一些基础原理。


3.疏密细节


之前有写过图标的9大统一性,如果能把统一性做好,其实就能让图标看起来更精致。


其中有一个原则是节奏感统一,这个可能稍微有点抽象,但是一些特别明显的错误就不应该出现了。


比如像下面这组图标里:



我们拿出来两个图标,很明显的,疏密节奏就有很大问题,有的地方挤的要命,有的地方有空的要命:



简单一调整,就可以让他们看起来更加舒服。

所以,这种很明显的问题,我们一定要注意下,不要再出现了。


总结


好了,以上就是今天和大家分享的几个小点,希望能给大家带来一点启发,老弟虽说不能陪你一生,但每天的知识点必须满满登登!


不想迷茫看这里


30岁迷茫,都是因为20岁的时候没有好好沉淀,沉淀基础要趁早,快来看看吧:



浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报