童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

iOS和Android规范解析标签导航和分段控件

8月20日 回头爱投稿
  从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。
  MaterialDesignGuidelines
  标签(tabs)使内容在一个较高的层级被组织起来。一般,一个标签里需要展示与该标签相关的内容。标签的名字需要清楚地描述该标签里所包含的内容。
  信息架构
  标签导航一般用于从一个比较高的层级来组织信息,呈现出提纲挈领的效果。例如,使用标签呈现报纸的不同版面。不要使用标签导航来呈现不同页码的页面(就像搜索结果页中的第1页,第2页那种页面),也不要把标签的切换设计成可循环的样式(即,在最后一页,继续向下切换又回到第一页)。
  下面所示的用法示例需要注意:
  内容
  一个标签里的所有内容应该属于一个大分类(比如“设置”或者“音乐”),并且标签之间内容不能有重叠。标签可以包含图标(icon)和文字。如果使用文字,则尽量简短。
  另外有以下用法示例需要注意:
  使用
  标签有两种,一种是固定标签,适用于标签的数目比较少的情况。每个标签固定的位置,有利于用户的记忆:
  固定标签示例
  另一种是可划动标签,适用于标签数量比较多的情况。同时,可划动标签的宽度可以长短不一,根据标题长短决定。
  可划动标签示例
  通常,标签被建议使用在以下的情况:
  需要经常切换视图;
  应用包含的视图比较少;
  应用提供的几个视图都比较重要(由于标签切换,相对于别的导航方式来说,操作更容易。因此通过标签导航提供的几个视图,相对来说到达率会更好。笔者注)。
  iOSHumanInterfaceGuidelines
  分段控件可以包含两个或者更多的分段选项,每一个选项作为一个独立的按钮而存在。在一个分段控件里,所有的分段选项在长度上要保持一致。和按钮一样,每个分段选项可以包含文案或者图片。分段控件通常用来作为不同视图的入口,比如在地图应用里,分段控件可以让用户在“地图”、“交通”和“卫星”等视图间切换。
  iOS系统自带的地图应用
  关于分段控件的使用,苹果规范给出了以下几个要点:
  限制分段选项的数目,以提高可用性。更宽的分段选项更容易点击。在iPhone上,苹果建议一个分段控件包含的分段选项最多是5个(想说5个也不少了好不好。。)
  尽量保证每个分段选项里的内容的尺寸是一致的。因为所有的分段选项在长度上需要保持一致,所以如果有的分段选项内容很满,而有的比较空,在视觉上会不太美观。
  在一个分段选项里,避免同时使用文案和图片。尽管单个分段选项里可以包含文案或者图片,但是同时包含两者可能会使界面看起来割裂和迷惑。
  如果你定制了一个分段控件的外观,那么请确保内容的位置是恰当的。比如,如果你更改了分段控件的背景,那么请确保里面的内容看起来是OK的,并且是对齐的。
  以上介绍了MD和iOS设计规范中对于标签导航和分段控件的介绍。这两个控件由于长得比较相似,因此经常会用错;尤其是分段控件,需要注意它是不能通过划动来切换的。
  讨论使我们认识更加深刻,欢迎留言讨论。
投诉 评论 转载

复杂中见条理数据表格设计点集合(下)将复杂数据表格的设计点一点点理清,可能会使得表格更加趋于明朗。上一篇文章提到了数据表格设计的一些注意点,这一篇对这些注意点继续进行补充。同时结合最近看到的一些复杂表格的规……设计师应该知道的图标基础知识本文将来具体地归纳一下常见的图标类型和它们在UI中的使用。enjoy如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设……浅析Facebook改版设计Facebook最近在他们官方博客发布了他们改版一些界面,并且官方已抛出此次改版的目的,新闻Feed流更易读,更方便交流,更容易导航,内容为核心,减少不必要的UI元素。一般大公……iOS和Android规范解析标签导航和分段控件从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。MaterialDesi……做交互设计所需要的5种思维方式本文作者将以自身视角,与你分享几个做交互设计所需要的思维方式。enjoy交互思维是什么?网上的搜索结果大多是一些交互设计的方法。但是我这里要讲的,是真正做交互设计所具备的……Google对话式交互规范指南(九):对话中不存在“错误”本章节是这份系列指南的最后一节,关于”出错“情况的应对策略,以及一些具体的提出类型范例,正文如下。对话UI设计中难度最大也最容易被忽略的一点,就是对于”无法匹配”(系统无……UX心理学:为什么不能听用户的?虽然我们应该从用户那里获得反馈,但还是需要对用户所说的话保持谨慎的态度,不能尽信。用户有时候并不能对自己和事物做出正确的判断,他们表达的态度也未必决定他们的实际行为。这是为什么……Google对话式交互规范指南(八):通过确认和应答给予用户这一小节主要介绍了确认和应答两种对话技巧,对于确认,介绍了隐性和显性两种确认方式和使用场景。对于应答,也提供了一些使用原则,尤其是随机性应答的方式。正文如下。对于界面设计……Google对话式交互规范指南(七):开启口语表达的力量本小结围绕口语表达习惯,提出了几点建议,包括简洁、有信息含量的表达,提供示例性的引导、只在需要的时候引导等等,以下为正文。对话UI的一个优势是人们本来就知道如何去对话。好……设计规范详解组件控件结构体系:提示类本篇文章讲解功能分类之提示类,如果我是写信息的提示类,那么里面涉及到的会有toast、警示框、界面内嵌、loading加载、tips提示、空数据界面、卡片等等,这就和之前讲的有……不只是QA:好的AI对话体验应该是怎样的?基于AI(人工智能)的语音与对话式交互是近年新兴的一块领域,最近工作中也逐渐开始和这一块打交道,那么究竟怎样才算是好的对话流体验?作为用户体验设计师又能在这中间做什么?笔者结合……在网页设计的过程中,需要注意的12个常见问题网页设计说简单也简单,说麻烦也麻烦。同类型的网站大同小异,但是在具体问题和细节上,需要具体考虑和对待的问题一点也不少。面对这些不知道何时就会跳出来的问题,我列了一个常见的注意事……
VC大时代之裂变:细数三十大离职自立门户投资人互联巨头们深藏不露的投资秘籍天使投资圈6大“绯闻”:快播被封前夕曾李青撤股奶茶妹妹“处女投”:作业盒子获得1000万美元A轮融资图解2015年初创企业风投资金走向趋势投资人说:我为什么不碰在线教育怎么来审视创业者与创投趋势?一分钱业绩都没有如何打动投资人的2000万猪八戒网获26亿风投上市地将转向国内校园兼职招聘平台“口袋兼职”获2000万元A轮融资投资人大咖分享:互联网时代,投资人投什么愉悦资本:给创业者“找风口”的8大建议宝宝睡不好的原因是什么呢?应该怎么办呢?张恨水《虫声》原文欣赏说真的遇到这样的程序员嫁了吧四季豆中毒的症状原来竟然是这些房地产招商会邀请函上海自然博物馆一日游呼兰河传读书笔记乳腺癌放疗后注意事项客厅沙发怎么摆更舒服?这三种布局方案赶紧学起来二桃杀三士的故事二桃杀三士主要内容及启示方正证券白酒基本面稳健向上趋势不改继续保持乐观天龙八部康敏怎么死的康敏的结局是什么

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界