国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

发布时间:2019/09/10标签:   APP设计    点击量:

原标题:澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好
提到垂直列表,第一个想到的展现样式会是怎样的?本文通过整理各种各样的垂直样式,银河官网,方便设计师对垂直样式更加的直观,而不会因为一些错误的样式,出现垂直样式偏差。 提到垂直列表你第一个想到的会是什么?是这样吗↓↓↓

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

但其实垂直列表展开说是这样这样这样的↓↓↓

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

就比如你看到的蓝湛是这样的,而读弟机看到的蓝湛是这样这样这样的↓↓↓

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

因为了解,看到和想到的东西也就越多,才能更全面系统地考虑从而做出适合的分析和选择。我们平时工作中用到的组件、控件很多情况下都是零散的点,没有去整理和归纳,这样积累下来的经验就很有限,再遇到的同类型的场景时之前的案例提供的帮助并不多。同样是图文模式垂直列表,有人的脑内是这样的,而另一种人的是这样的↓↓↓

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

对一个事物了解程度的区别,决定着我们的思维方式。这里我要吹一波彩虹屁,每次遇到问题和师父聊天,他分析的纬度都能启发我,给我带来新的思路~除了瑞思拜,还是瑞思拜!@海边来的设计师。今天先梳理了垂直列表的几种模式,希望通过本篇自己能对垂直列表的认知搭建起基础框架,连点成线,更整体的去认识它。欢迎和我一起哟~史上最长前言结束,下面正文开始。  垂直列表 垂直列表顾名思义是将信息从上至下纵向排列展示,是最基础的一种列表形式,在产品中也是随处可见。iOS的设计规范将这种形式称为表视图(Table View),Android则称其为Lists。垂直列表通常是对各条目信息的整理、汇总与集合,方便用户在大量内容中能更快速地定位和查找到感兴趣的内容条目,以提高用户的浏览效率。列表中通常只显示条目的简要信息,如标题、简介、关键数据、缩略图、操作按钮等,根据信息的不同,可将其分为文本模式、图文模式和控件模式,设计时应选择相应的模式使用。

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

文本模式垂直列表 文本模式主要以文本为主,根据其排列方式可分为单行列表和多行列表。

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

· 单行列表 一行列表展示的条目信息多为标题,常用于索引、通讯录、搜索等。如下图iOS通讯录全行只展示姓名这一标题信息,其他信息则于详情页展示。因为对于通讯录来说,姓名这项信息是唯一而关键的,不需要其他信息。当然一行列表也不拘于只显示一项信息,还有一些情况是除了标题之外,也展示一些辅助信息。比如微博的热搜榜,除了标题还带有榜单排名、阅读人次、热度等级,这些与用户阅读紧密相关的参数。

澳门银河官网网址: 为什么常见的垂直列表,你却总设计不好

这里设计师也需要考虑每项信息文本的字符限制能否满足绝大多数功能需求,如果过于拥挤则需要删减信息内容或选择其他列表模式。 · 多行列表

多行列表的条目信息比单行列表要丰富,除了标题还有简介、用户昵称、时间、浏览量、点赞数等,多行显示可以保证信息展示的层级性、独立性和完整性,适用于有更多信息需要外漏的内容。

如iOS电话中的最近通话,电话号码或名称为最重要信息在第一行显示,地区为次要信息在第二行显示,两个信息从位置、字体大小、字重和颜色都予以区分,层级分明。

版权信息Copyright © 银河官网 版权所有    ICP备案编号:鲁ICP备09013610号