专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
新浪科技  ·  【#AI真的大幅提高工作效率了吗#?或让人大 ... ·  12 小时前  
新浪科技  ·  【#余承东称不能以差生限制行业标准##余承东 ... ·  14 小时前  
雷科技  ·  红米这机子,价格血崩了! ·  昨天  
DeepTech深科技  ·  Yann ... ·  昨天  
51好读  ›  专栏  ›  学ui网

需求拆解秘诀——兵分三路进攻法

学ui网  · 公众号  ·  · 2018-11-10 20:59

正文

请到「今天看啥」查看全文



下图就是做需求中搬运的部分控件:





2.优化类


这一类属于基础性优化,需要简单的思考和基础理论进行支撑,比如说大家耳熟能详的亲密性、统一性、视觉流等等,举个例子:社区原版帖子的样式是这样的:



最大问题就是整体信息不够聚焦,比较松散,但这只是现象,作为设计师,不能仅仅停留在现象层面,而是要根据现象进行解析,并最终根据理论给出解决方案。


比如:我认为导致信息松散的原因有三个:



2.1 信息间距不讲究


根绝亲密性原则,内容内部间距一定要比内容与边界的间距小,因为内容本身是一个整体,更加亲密,如图:



所以我会认为一般情况下,间距1会大于间距2,并且尽量让间距1和2都分别保持一样的大小,这样会让整体间距更加统一。


有了这样的理论之后,我们会发现原版的页面间距其实是有很大问题的:



首先违反亲密性原则,红色间距没有大于蓝色间距,其次间距的种类过多并且没有规律。



2.2.空间利用不合理


看下图我们很容易发现,红色和蓝色区域都很空旷:



那何不把两部分内容重新整合,比如把时间和昵称放在一起,点赞评论和标签放在一起,这样就可以节省一行空间,移动端寸土寸金啊!



2.3.图标按钮不精致


最后就是精致度的问题了,比如点赞评论的图标、关注的按钮,都可以优化。







请到「今天看啥」查看全文