这几个被吐槽的坑,我先帮你踩了!

Recommanded by editor
深圳/学生/5年前/8439浏览
这几个被吐槽的坑,我先帮你踩了!Recommanded by editor

菜心的第167篇原创

2020年的第45篇

距离2020年小目标40篇原创已超出5篇



总有人说ui设计师,天天画个线框图,还拿那么高工资!


肤浅!


幼稚!


切!


你是不了解,UI设计并不是把一张图做好就完事了,要考虑它的可用性,延展性,全面性、实现成本,还原程度等等等等.....


因素可多了呢!


这其中一个全面性就可以难倒很多新人。


今天就分享几个自己遇到过的“没有考虑全面”的几个小案例,帮你增加点工作经验,以后你遇到类似的坑,可以尽量避免一下。


大纲如下:

1.文字一多就放不下了

2.你的滑杆拉到头试试

3.只考虑了暗色图片,浅色的呢?

4.语种一变,让你猝不及防


1.文字一多就放不下了 

之前在做抽奖页面的时候,每个信息模块的排布最初是这样的:



看起来似乎没有问题,在设计层面也还算ok,但当与产品沟通后,才知道这样的布局是有问题的,为什么?


因为我们没有了解全局的信息情况,比如很多奖品的名称会有很多文字,并且会显示奖品数量。


这样的话,原来的结构扩展性不够友好,显示不了几个字就要折行,一折行就会密密麻麻全是文字,并且数量也不好区分显示:




在了解了全局信息后,才调整了上下布局:



这样扩展性就好很多,信息足够清晰,也基本保证了一行显示完整奖品名的需求。


我们在做设计前,也一定尽量了解全局信息,这样会对自己执行的时候有很大帮助,避免没有必要的时间浪费。


 2.你的滑杆拉到头试试 

很久之前做过一个视频播放器的需求,其实里面的细节还蛮多的,举一个例子吧,被开发吐槽过,说考虑的不够全面,哈哈。


播放器都有滑杆:




这样看也没有啥问题,看着间距也都还挺舒服,但是当我把滑杆的原点拉到最开头的时候,问题就出现了:



由于时间与进度条的间距太近,导致滑杆拉到最开端的时候,两个元素叠到一起。

这就是没有把所有情况考虑清楚出现的问题,所以文字与进度条保持一定间距是很有必要的。


我们可以看下爱奇艺的默认间距就很大:





大家下次在做播放器需求的时候,一定要注意下哦。



 3.只考虑了暗色图片,浅色的呢? 

其实我们做设计稿的时候,很容易沉浸在最美方案当中,无法自拨,这就导致后续的全面性、扩展性不够,再举个例子,比如做详情页的时候,我们在顶部导航栏设计成这样:





又看似没什么问题,但是当图片变成白色,问题就会出现,导航栏的图标看不清了:




所以只有想清楚所有情况,才有可能给出比较稳妥的方案,比如顶部加一个黑色蒙层,或者图标下面加一点黑色投影:





都是可以的。


4.语种一变,让你猝不及防 

我们在做按钮规范的时候,经常会忽略一点,就是文字极限值的情况,比如文字和按钮边距最小距离是多少:



有人会说,我们按钮会限制字数,不可能会有那么长的情况,但是如果你的项目设计到多语种切换,一换语种,问题就会暴漏:



所以我们一定要给出文字与按钮的安全边距,只要超过这个边距,文字就必须要打....


不仅是按钮,有所场景都要考虑清楚极限值的情况,这样才能保证不会出错.


总结 


以上就是今天分享的内容,都是以前遇到过的一写坑,我帮大家先踩了,所以你们

后面做的时候就可以尽量避免啦,这也算是增长工作经验的一种方式。


工作经验都长了,不点个在看吗?哈哈!


长点心,比啥都强!

点个赞,更强!


393
阅读原文
|
Report
|
141
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
IP设计合集 DGS FRIENDS
Homepage recommendation
小猫咪插画合集
Homepage recommendation
相关收藏夹
文章,教程
文章,教程
文章,教程
文章,教程
作品收藏夹
教程学习
教程学习
教程学习
教程学习
作品收藏夹
一些设计人
一些设计人
一些设计人
一些设计人
作品收藏夹
文章
文章
文章
文章
作品收藏夹
知识点
知识点
知识点
知识点
作品收藏夹
Ui按键设计
Ui按键设计
Ui按键设计
Ui按键设计
作品收藏夹
大家都在看
Log in