UI设计中一项很基本的工作就是界面设计，但是，如果一开始就是从界面这个概念去入手的话，往往会觉得无从谈起。所以，我会一个界面拆分成几个模块：框架、导航和内容。然后根据每个模块的特征去选择适合的展示方式，然后再拼凑成一个完整的界面。 关于导航的部分，我之前已经总结过了，详情请见：《APP常用导航总结》。今天主要讲讲框架和内容控件的部分。 框架 对于框架，其实比较简单。因为现在有种趋势是以内容为中心，所以，界面设计的重点并不在框架上。加之现在iOS和Android平台都有比较成型的规范，所以直接套用就行了。 对于Android而言，框架最主要就是工具栏，然后我们需要考虑的是工具栏上放置什么功能入口。工具栏一般有：顶部工具栏、悬浮工具栏和底部工具栏。 对于顶部工具栏而言，需要预留位置给标题，最左边的位置要预留给汉堡菜单或者返回按钮或者品牌logo。所以需要自定义的就是右边的区域，不过这里不建议摆放过多按钮（我见过最多的是4个），关于这里放置什么按钮，就没有一套成型的理论的，根据实际界面来规划即可。不过一般来说只会放置最常用的按钮，然后把剩下的按钮折叠起来。或者可以参考竞品的习惯，毕竟用户也是有使用惯性的。 对于悬浮工具栏和底部工具栏，限制没有顶部工具栏那么多，所以这里的设计大多就是八仙过海各显其能。需要注意的是，悬浮工具栏和底部工具栏都只是选用的，但是顶部工具栏是必须要有的。 顶部工具栏【1】 悬浮工具栏【1】 底部工具栏【1】 Android界面框架的第二个点是悬浮按钮，这个其实也是一个功能入口。这个入口要放置当前界面最最重要的功能，并且最好是正向操作的功能。关于悬浮按钮的介绍请见Materialdesign设计指南之按钮：浮动操作按钮，这里不再重复累赘。悬浮按钮也是选用的，只有当页面有且只有一个非常重要的操作的时候，才需要考虑悬浮按钮。 悬浮按钮【2】 内容 讲完了框架的部分，现在讲讲内容的部分。内容的空间选择主要有：列表、网格、和轮播图。 1、列表 如果展示得信息以文字为主，列表是一种非常适合的形式。由于单个列表项占据的宽度刚好是手机屏幕的宽度，在阅读单个列表的时候，不容易受到其他列表项的干扰。其次，列表项的操作便利性较其他的控件来说会更好。什么意思呢？手机屏幕是一个二维的界面，当你需要点击一个位置的时候，你需要确定的是一个二维坐标，但是当你在点击一个列表时，由于列表的宽度就是屏幕的宽度，所以你只需要保证高度够得到列表即可。 列表项（网易新闻） 2、网格 内容布局的第二种是网格，当内容是以图标或者图片为主的时候，网格是一种比列表更加适合的形式。网格有如下几种布局，一种是放功能图标的，比如常见的九宫格导航，这个时候，相同空间内，网格可以容纳更多的入口，但是容易造成视觉上的负担，所以，当图标过多的时候，需要进行分组展示；一种常见的网格是竖向的瀑布流，这种布局在图片应用中格外常见；还有一种比较少见，是一种横向的瀑布流，横向的瀑布流一般只有一列，但是可以横向拓展，可以左拉出更多内容。 网格分布的图标（美团） 竖向瀑布流（花瓣） 横向瀑布流（百度外卖） 3、轮播图 不论是列表或是网格，不同的项之间是并列的。但是在轮播图中，一次只会展示一个项，其他项都是隐藏起来的。所以这也就意味着大片区域都用来展示一个内容，同时又没有其他内容的干扰，所以轮播图非常适合用来展示重要的信息。可以看到，在一个页面中，往往轮播图是最抢眼的地方，所以有时候，一些广告之类的推广消息也会选择放置在这里。需要注意的是，一个页面中一般只有一个轮播图。同时，轮播图中图片的个数也要有限制（我见过最多的是简书，竟然有8个，个人觉得太多了），不然数量太多的时候重要性就下降了。 轮播图（网易游戏） 变种轮播图（nice） 变种轮播图（chrome） 关于界面的框架和内容控件就说到这里，算是对界面设计的最后一部分总结。结合之前的导航总结，加上这部分的框架和内容总结，设计页面的时候就能有个依据和参考。 专栏作家
小和尚下山九早上阳光透过小和尚的裤裆，师傅大喊起床晨练，师傅：一日之计在于晨，今天是锻炼智力，所谓得道高僧智力得超出常人，才能理解万物禅理。小师弟：师傅，怎么锻炼智力！师……阴阳师提灯小僧哪里多幸福的彼岸的首领挑战最多个说起阴阳师，想必大家应该都不陌生，就算没有玩过，也见过身边人玩过。阴阳师是由中国网易移动游戏公司自主研发的3D日式和风回合制RPG手游。在阴阳师中击杀提灯小僧获得悬赏是一种快速……昆仑山螳螂人之谜昆仑山螳螂人是真的吗真的图片昆仑山是中国第一神山，早在1962年以前，人们就在昆仑山上发现了恐怖的蟑螂人，但该消息被封锁了。1962昆仑山螳螂人之谜事件，有很多军方人员伤亡，不过庆幸的是，到最后蟑螂人被击……冰封年的冰人奥茨长什么样想一睹5000多年前新石器时代欧洲人的真容吗？想了解当时欧洲人的生活状况吗？冰人奥茨能很好地满足你的愿望！冰人奥茨是一具有5300多年历史的木乃伊，是最古老、也是至今保存最完好……宇宙学家发现最大证据可证明世界或是被设计出来的宇宙学家发现最大证据，可证明世界或是被设计出来的！纵观历史，几乎在每个古代社会，人们都相信有其他层次的存在，有天神和幽灵的居所。基督教徒相信天堂、地域和炼狱，佛教徒相信涅……宿舍教室里的冷人爆笑1、有个女同学长得比较黑，她男朋友又太白了些。有天，宿舍同学说：你们不合适，会生出斑马来的2、某高校院系调整圆满完成，各系无论大小纷纷挂牌学院。总结大会上校长慷慨陈词：从……被国家隐瞒的超能力者能控制水火电八名超强能力者超能力者我们在电视中见过，他们每个人都身负神奇能力，这在现实的当中是不存在的，但是人们正是那种对世间没有的事情感到渴望的人，例如没有鬼便编造了更多灵异事件，再如今天要讲的，世界……煮咖喱要盖锅盖吗可盖可不盖根据个人习惯都可以咖喱饭很多人都做过，它是先放肉，再放洋葱，之后放土豆、胡萝卜，最后放盐、食用、咖喱饭等调料。而等咖喱饭放入锅中后，还需要煮5分钟左右，此时对盖不盖锅盖，很多人不清楚。那么，煮咖……苹果公司与分工原理我终于读完了《乔布斯传》。这是一本好书，我应该早点读的。最大的收获，就是理解了苹果公司为什么是现在的样子。苹果公司与其他计算机公司截然不同，有着鲜明的风格。以前，我……英菲尼迪那些本土化的事儿2014年11月23日晚，英国车手刘易斯汉密尔顿（LewisHamilton）夺得世界一级方程式赛车（F1）锦标赛阿布扎比站冠军，这是2008年之后他第2次夺得车手总冠军，整个……是如何在美国提供家政服务的Managershare：Homejoy有两件事情引起大家注意，创始人是女性，同时它是提供线下家政服务的，或许创始人AdoraCheung的很多体会对目前的O2O创业也是有启发……怎样做香脆可口的家常土豆丝土豆适量，胡萝卜适量，青椒适量，盐适量，鸡精适量，五香粉适量，生抽适量，白砂糖适量，干辣椒适量，花椒适量，八角适量，姜适量，蒜适量，白芝麻适量。操作方法01：hr准……