APP列表页，很通俗的打算元素了，便是这容易又通俗的列表却困恼了多数打算师。让打算师又爱又恨，奈何样本事够更好地映现它们呢？先来看看列表打算的时势吧；常用的列表打算的分为：为主，这类列表页拥有视线流从上到下，浏览体验疾速的上风，被遍及app操纵！

　　这是表格的轨范形式，此中的列数据有固定的表头，表格呈网体式结构。为表内的行设定差异的色彩（这种时势也称为斑马纹），或者正在各行之间用细线离散，都能提拔表格的可读性。

　　不要操纵暗色的网格线和笔直离散格式。文字左对齐，数字右对齐。一屏幕内显示的表格实质不宜过多。要是要正在单个屏幕内显示大宗消息，请采用其他格式。

　　无表头表格的特质是——没有列标签，用较宽的行显示某一对象的多项消息。平常的做法是，用较大的字号显示行标帜，用较幼的字号显示细节实质.

　　这种表格形式尽头适适用来显示项目鸠合与列表相像，这种时势能轻易用户迅速浏览和选取。每一宽行内最多显示三行消息。不太紧急的细节实质操纵较幼、淡色的字体。

　　看待较大的表格，固定某一列或某几列是个可行的做法以Roambi 使用为例，最左边的一列固定，其他列滚动显示。

　　文字为主构成的列表型页面，用的是文字的巨细，色彩，对齐造成对照，形成列表感，也能够用线条，背风物等辅帮做成列表！

　　譬喻要是用户操纵时代召集正在早上坐车和放工的时分，那创议换一个格式，由于图片太大，下载慢、耗流量会让用户操纵的时分有肯定的疑虑

　　这里必要幼心下，两列图片的对齐格式有两种，一种便是高度同一，一种是瀑布流，高度差异一

　　之前许多电商类的APP都是采用两列高度同一的形式，由于很一律，而且也能有用的通报商品消息，一屏承载的实质也多，相对一列的来说，加载速率也会较量疾，这种形式是相对照较合理的。

　　要是图片不是轨范尺寸而且不行压缩剪裁图片，譬喻艺术品，你务必操纵，由于你不行去剪裁压缩作品，那样会耗损掉艺术作品的全貌，花瓣便是如许的，再有艺术类的少少使用。

　　这种形式图片很幼了，它原来是跟手机相册差不多，好处是或许正在一屏内放较量多的图片，通常正在用户部分页面闪现较量多，打算时必要思考这两个题目：

　　1、界面实质相对拥堵而且或许显示的尺寸更幼了，是以尽量不承载文字实质不才面

　　如许的格式除了手机相册，其他的APP采用这个形式是很少见的，它跟三列图片相像，只是正在iPhone手机相册内部，是根据时代线来分隔图片的，app打算我仍然不太创议采用。

　　1、横向显示的图片有限，要是太多，那么后面的图片就会没有效户流量，是以artsy正在首页是如许的，而且束缚显示的图片不凌驾10张，点进详情页面后就操纵瀑布流格式。

　　3、必要幼心一点是，正在用户认知内部，横向滑动更多是导航，纵向滑动更多是实质，是以正在打算的时分打算师必要多思考。

　　图片+文字的形式较量常见，能够承载更多的消息量，打算时必要思考这两个个题目：

　　导航置信多人都不目生，它能够让咱们大白“我现正在正在哪里”“我能够去哪里”“我奈何去宗旨地”。正在手机端内部，导航尤为紧急。由于手机的尺寸题目，正在打算手机网站或APP的时分，比起web端的必要思考的更周全，尽量连结简约和易用性高。

　　选项卡式（tab）导航能够说是最常见的导航了，更加是APP。大局限的APP都采用这种导航形式举动主导航，有时也会将tab导航和其他的导航形式配合，举动次级导航操纵。下面咱们就沿途来看看选项卡式（tab）导航简直是奈何的。

　　底部导航是最常见的主导航形式，且这是适宜拇指热区操作的一种导航形式。当正在这个APP中有几个模块消息对用户来说是性能性和操纵频率肖似，而且接济操纵者第偶然间获取紧急性最高、频率最大的消息或职司，同时用户能够正在差异模块、消息或者职司之间举办迅速的切换。

　　正在操纵这种导航时要幼心，因为尺寸的束缚，tab的数目最多不要凌驾5个。要是凌驾5个的话，并且实正在不行做出选择的话，通常的做法是结果一个标签是“更多”，将其他的tab放正在“更多”中。

　　顶部菜单和底部意旨差不多，把菜单放正在顶部，能够遵照上至下的阅读习性。然则顶部导航较量难举办单手操作，真相咱们的手指没有那么长。

　　固定选项卡，顾名思义，选项卡的地点和数目是固定的，这个多人能够看一下上面的例子，比如网易云音笑。它的tab数目是4个，每个tab的地点城市固定的。

　　固定选项卡是安卓编造供给的三种顶级导航格式之一。它或许扁平化全豹消息构造，而且接济把握滑动切换到差异的视图。要是必要时时切换视图，实质视图有限或者必要让用户了然地大白可供选取的视图，这几种环境下能够操纵固定选项卡。

　　通常滚动选项卡要比固定选项卡要窄，一个模块中能够显示多个（凌驾5个）种别的视图，而且还能够举办扩展以及自界说映现（多用正在频道/模块定造中），同样能够把握滑动切换差异种别的视图。

　　滚动选项卡比固定选项卡操纵上更天真。它能够显示更多的选项，能够更多紧急性和操纵频率处于统一级此表性能模块、消息或者职司。同时用户能够通过把握滑动切换，映现更多的选项，这也是它为什么叫滚动选项卡的因由。

　　咱们对选项卡式（tab）导航做了一个容易的分类。咱们正在本质操纵中时时是差异的导航配合操纵，譬喻无间播（上方的图片），就将底部选项卡式导航和滚动选项卡式导航联结操纵。大白了每品种型的操纵场景之后，就能够依照本身的必要操纵此中的一种或者几种，同时也能够与除选项卡式导航的其它导航配合操纵。

　　留白空间的紧急性是显而易见的，字体元素之间的空间干系是很微妙，必要奇异地统治。固然列表没有像组成那样必要富裕呈现力，然则咱仍然不行忽略它。紧凑的或者疏离宽松的，张力的或者安靖的…好的留白是一种升华。

　　左对齐，右对齐，居中对齐，双方对齐，依照元向来选取文字对齐格式。边距、间距同一对齐。无正经不可周遭嘛~~唯有正在规整的环境下，本事愈加慎密，经得起商量。

　　对照正在字体上的利用，很紧急哦。远大的字号讓消息愈加耀眼，巨細的元素組合更有節律。

　　明亮的颜色让言语更“嘹亮”，你思表达什么，你思卓越什么，颜色出色让人印象更长远。

　　若隐若现让主体更实更近，卡片以及按钮的虚虚暗影，让他们卓越，与其他的元素造成空间感，浮于上层；加上动效，体验感更佳。

　　美图相配，思欠好都难。 除了打算细节的工致表，图片也必要赏心好看的，壮伟上的感触不行配个鄙俗不堪的图吧，适合的图，很紧急，能够说是点睛之笔了。往往起初吸引人的便是美美的图。

　　容易的列表也能够美美的，打算必要试验种种的时势来呈现。请不吝一遍遍的颠覆本身的打算，破而立！获胜就正在面前！