六安沧州西安三亚宝鸡菏泽
投稿投诉
菏泽德阳
山西湖州
宝鸡上海
茂名内江
三亚信阳
长春北海
西安安徽
黄石烟台
沧州湛江
肇庆鹤壁
六安韶关
成都钦州

界面框架与内容控件总结

  UI设计中一项很基本的工作就是界面设计,但是,如果一开始就是从界面这个概念去入手的话,往往会觉得无从谈起。所以,我会一个界面拆分成几个模块:框架、导航和内容。然后根据每个模块的特征去选择适合的展示方式,然后再拼凑成一个完整的界面。
  关于导航的部分,我之前已经总结过了,详情请见:《APP常用导航总结》。今天主要讲讲框架和内容控件的部分。
  框架
  对于框架,其实比较简单。因为现在有种趋势是以内容为中心,所以,界面设计的重点并不在框架上。加之现在iOS和Android平台都有比较成型的规范,所以直接套用就行了。
  对于Android而言,框架最主要就是工具栏,然后我们需要考虑的是工具栏上放置什么功能入口。工具栏一般有:顶部工具栏、悬浮工具栏和底部工具栏。
  对于顶部工具栏而言,需要预留位置给标题,最左边的位置要预留给汉堡菜单或者返回按钮或者品牌logo。所以需要自定义的就是右边的区域,不过这里不建议摆放过多按钮(我见过最多的是4个),关于这里放置什么按钮,就没有一套成型的理论的,根据实际界面来规划即可。不过一般来说只会放置最常用的按钮,然后把剩下的按钮折叠起来。或者可以参考竞品的习惯,毕竟用户也是有使用惯性的。
  对于悬浮工具栏和底部工具栏,限制没有顶部工具栏那么多,所以这里的设计大多就是八仙过海各显其能。需要注意的是,悬浮工具栏和底部工具栏都只是选用的,但是顶部工具栏是必须要有的。
  顶部工具栏【1】
  悬浮工具栏【1】
  底部工具栏【1】
  Android界面框架的第二个点是悬浮按钮,这个其实也是一个功能入口。这个入口要放置当前界面最最重要的功能,并且最好是正向操作的功能。关于悬浮按钮的介绍请见Materialdesign设计指南之按钮:浮动操作按钮,这里不再重复累赘。悬浮按钮也是选用的,只有当页面有且只有一个非常重要的操作的时候,才需要考虑悬浮按钮。
  悬浮按钮【2】
  内容
  讲完了框架的部分,现在讲讲内容的部分。内容的空间选择主要有:列表、网格、和轮播图。
  1、列表
  如果展示得信息以文字为主,列表是一种非常适合的形式。由于单个列表项占据的宽度刚好是手机屏幕的宽度,在阅读单个列表的时候,不容易受到其他列表项的干扰。其次,列表项的操作便利性较其他的控件来说会更好。什么意思呢?手机屏幕是一个二维的界面,当你需要点击一个位置的时候,你需要确定的是一个二维坐标,但是当你在点击一个列表时,由于列表的宽度就是屏幕的宽度,所以你只需要保证高度够得到列表即可。
  列表项(网易新闻)
  2、网格
  内容布局的第二种是网格,当内容是以图标或者图片为主的时候,网格是一种比列表更加适合的形式。网格有如下几种布局,一种是放功能图标的,比如常见的九宫格导航,这个时候,相同空间内,网格可以容纳更多的入口,但是容易造成视觉上的负担,所以,当图标过多的时候,需要进行分组展示;一种常见的网格是竖向的瀑布流,这种布局在图片应用中格外常见;还有一种比较少见,是一种横向的瀑布流,横向的瀑布流一般只有一列,但是可以横向拓展,可以左拉出更多内容。
  网格分布的图标(美团)
  竖向瀑布流(花瓣)
  横向瀑布流(百度外卖)
  3、轮播图
  不论是列表或是网格,不同的项之间是并列的。但是在轮播图中,一次只会展示一个项,其他项都是隐藏起来的。所以这也就意味着大片区域都用来展示一个内容,同时又没有其他内容的干扰,所以轮播图非常适合用来展示重要的信息。可以看到,在一个页面中,往往轮播图是最抢眼的地方,所以有时候,一些广告之类的推广消息也会选择放置在这里。需要注意的是,一个页面中一般只有一个轮播图。同时,轮播图中图片的个数也要有限制(我见过最多的是简书,竟然有8个,个人觉得太多了),不然数量太多的时候重要性就下降了。
  轮播图(网易游戏)
  变种轮播图(nice)
  变种轮播图(chrome)
  关于界面的框架和内容控件就说到这里,算是对界面设计的最后一部分总结。结合之前的导航总结,加上这部分的框架和内容总结,设计页面的时候就能有个依据和参考。
  专栏作家

宝宝生病服药技巧有哪些孩子在成长过程中,难免会生病,特别是在寒冷的冬季里,生病需要服药,给宝宝服药应该是很多们头疼的事情,因为药苦,孩子会直接拒绝,下面就和小编一起去了解一下宝宝生病服药技巧有哪些?……孩子维生素缺乏症怎么判断小孩总生病给家长造成很大的影响,有个原因大家可能容易忽略,维生素A缺乏症。那么关于孩子维生素A缺乏症怎么判断?怎样自测孩子是否得了维生素缺乏症?维生素缺乏会出现多种……值得竖起你的大拇指的爆笑笑话1、走,去帮我搬下东西。去哪?超市,刚刚我在那里偷吃东西,不想到被他们抓住了。不过超市老板真是个好人,他说如果下次我再去的话,一定让我吃不完兜着走2、昨晚去女……一块钱解决生理需求男:小姐,一次服务多少钱?女:1块钱男:这么便宜,里面不会不干净吧!女:我们都是做好措施的,肯定干净!男:那为什么这么便宜?女:我们这里是按进去次……猪狗不如1、前不久,办公室调来了一个漂亮的女同事,整个办公室顿时有了不一样的氛围,烟味、汗味、脚臭味没有了,取而代之的是芬芳的香水味。2、常常听到骂人的话,猪狗不如。猪狗不如是啥……别样西游之八戒买画为了跟高翠兰小姐好好过日子,从西天取经归来的猪八戒立刻把高老庄的房子重新装修一遍。俺的卧房里应该有点文化气息,这么想着,八戒便走进了一家画店。八戒左挑右选,终于选中了一幅……徐正曦的女朋友是三栖艺人周丽淇电视剧卫子夫是其定近日徐正曦主演的《独孤天下》正在热播,其扮演的宇文护用霸道圈粉无数,不少人都想到徐正曦的女朋友是谁,虽然徐正曦目前并没有正面回应过这件事情,但是早在多年前就有新闻报道徐正曦的女……孔雀笑话1,雄性孔雀羽毛艳丽,还会开屏,而雌孔雀羽毛相对就朴素得多!一次,爸爸带小明到动物园里看孔雀,里头有一雌一雄。爸爸问:儿子,知道哪只是公的吗?小明说:可爱的一……退了钱后老婆:去,打点酱油我:好的,拿钱来老婆:打酱油的钱你都没有?我:这叫专款专用嘛我来到小卖部:老吴,来打点酱油好唻。说着打好酱油,四块钱,我找你十六……职场开心趣事1、好友在银行做柜员,那天,一位老人家到银行取钱,她一看,数额是970元,她打算给他1000元,让他找回30元。于是,微笑着问道:大叔,您有30吗?那位老人家愣了一……这些话别跟老板说不是我的错。当公司或团队中发现一个问题,即使与你毫不相干,也千万别说不是我的错。因为这个问题肯定和老板有关。此时应该尽量帮助出出主意,这也是表现能力的一个机会。这事没法做……玻尿酸隆鼻保持时间有多久玻aclasstaghrefwiki10176IFDWE2d6。html尿酸a隆鼻是一种弥补自身缺陷,提升美感的好方法。那么很多人会关心玻尿酸隆鼻保持时间有多久?让我们根据这个……
小和尚下山九早上阳光透过小和尚的裤裆,师傅大喊起床晨练,师傅:一日之计在于晨,今天是锻炼智力,所谓得道高僧智力得超出常人,才能理解万物禅理。小师弟:师傅,怎么锻炼智力!师……阴阳师提灯小僧哪里多幸福的彼岸的首领挑战最多个说起阴阳师,想必大家应该都不陌生,就算没有玩过,也见过身边人玩过。阴阳师是由中国网易移动游戏公司自主研发的3D日式和风回合制RPG手游。在阴阳师中击杀提灯小僧获得悬赏是一种快速……昆仑山螳螂人之谜昆仑山螳螂人是真的吗真的图片昆仑山是中国第一神山,早在1962年以前,人们就在昆仑山上发现了恐怖的蟑螂人,但该消息被封锁了。1962昆仑山螳螂人之谜事件,有很多军方人员伤亡,不过庆幸的是,到最后蟑螂人被击……冰封年的冰人奥茨长什么样想一睹5000多年前新石器时代欧洲人的真容吗?想了解当时欧洲人的生活状况吗?冰人奥茨能很好地满足你的愿望!冰人奥茨是一具有5300多年历史的木乃伊,是最古老、也是至今保存最完好……宇宙学家发现最大证据可证明世界或是被设计出来的宇宙学家发现最大证据,可证明世界或是被设计出来的!纵观历史,几乎在每个古代社会,人们都相信有其他层次的存在,有天神和幽灵的居所。基督教徒相信天堂、地域和炼狱,佛教徒相信涅……宿舍教室里的冷人爆笑1、有个女同学长得比较黑,她男朋友又太白了些。有天,宿舍同学说:你们不合适,会生出斑马来的2、某高校院系调整圆满完成,各系无论大小纷纷挂牌学院。总结大会上校长慷慨陈词:从……被国家隐瞒的超能力者能控制水火电八名超强能力者超能力者我们在电视中见过,他们每个人都身负神奇能力,这在现实的当中是不存在的,但是人们正是那种对世间没有的事情感到渴望的人,例如没有鬼便编造了更多灵异事件,再如今天要讲的,世界……煮咖喱要盖锅盖吗可盖可不盖根据个人习惯都可以咖喱饭很多人都做过,它是先放肉,再放洋葱,之后放土豆、胡萝卜,最后放盐、食用、咖喱饭等调料。而等咖喱饭放入锅中后,还需要煮5分钟左右,此时对盖不盖锅盖,很多人不清楚。那么,煮咖……苹果公司与分工原理我终于读完了《乔布斯传》。这是一本好书,我应该早点读的。最大的收获,就是理解了苹果公司为什么是现在的样子。苹果公司与其他计算机公司截然不同,有着鲜明的风格。以前,我……英菲尼迪那些本土化的事儿2014年11月23日晚,英国车手刘易斯汉密尔顿(LewisHamilton)夺得世界一级方程式赛车(F1)锦标赛阿布扎比站冠军,这是2008年之后他第2次夺得车手总冠军,整个……是如何在美国提供家政服务的Managershare:Homejoy有两件事情引起大家注意,创始人是女性,同时它是提供线下家政服务的,或许创始人AdoraCheung的很多体会对目前的O2O创业也是有启发……怎样做香脆可口的家常土豆丝土豆适量,胡萝卜适量,青椒适量,盐适量,鸡精适量,五香粉适量,生抽适量,白砂糖适量,干辣椒适量,花椒适量,八角适量,姜适量,蒜适量,白芝麻适量。操作方法01:hr准……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网