专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
上海证券报  ·  同一日,两家公司IPO有进展 ·  昨天  
上海证券报  ·  突发!乌军空袭俄境内军用机场 ·  昨天  
湖南日报  ·  列车载着赵丽颖,开进“仙境” ·  2 天前  
天风研究  ·  天风MorningCall·0606 | ... ·  2 天前  
中国证券报  ·  工业机器人龙头埃斯顿,拟赴港上市 ·  2 天前  
51好读  ›  专栏  ›  学ui网

你必须了解的3种排版法则

学ui网  · 公众号  ·  · 2018-10-22 21:07

正文

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




我们在设计界面时可以尝试根据古登堡图表的四个部分来安排界面中模块的分布方式,首页我们可以把标题,logo或者是关键操作放在主视觉区。如下图:



接下来我们视线会移动到右上方的高闲置区,所以这个部分我们可以加入一些推广,图片,辅助资料列表等(移动端的界面大小相对Web没有那么大的浏览范围,所以高闲置区以Web端为例。)如UI中国的详情页,会把标签、最新话等权重比不高的放大右侧。如下图:



然后我们会进入左下角的低闲置区,这个部分可以理解为“休息区”,例如我们在资讯APP中,左下角通常是评论的输入区,或者在网页中,左侧也是留资的区域。最后,在右下角的终端区将引导用户得出合乎逻辑的结论。


在界面上使用古登堡图表可让用户把握阅读节奏和增强对阅读的理解。这种模式也可以让我们洞察到在那些最有可能被阅读或注意的地方放置重要元素。










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