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

经验分享:IOS平台设计规范

3月11日 无镇楼投稿
  此文分别从控件布局模态情景手势交互动画字体等六个方面介绍了一些iOS平台设计的基础规范,有志于UI设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。
  一、UI的控件概述:
  1、框架UI的元素分为4类:
  A:栏:状态栏目和导航栏的结合体;
  B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;
  C:控制元素:产品行为或显示的信息;
  D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。
  2、框架UI的尺寸:
  3、图标icon的尺寸:
  二、UI的布局概述:
  1、可点击对象的区域:尺寸不要小于4444
  2、将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏比较好,对于阅读习惯从左到右的用户来说,更贴近屏幕左侧位置容易引起关注的;
  3、利用视觉表现形式的权重和平衡,尺寸较大的元素具有更高的权重,对于尺寸较小的元素来说,更能吸引目光,看上去更加重要;
  三、UI的模态情景概述:
  1、模态:一种用来承载特定内容、功能或体验的模式,有其自身的优缺点。它可以帮助用户完成某些任务,或在不受干扰的情况下获取信息,但会暂时性的强迫用户停止与应用其他部分的互动;
  2、保持模态任务的简单、简短、易聚焦:不要将模态视图打造的好像是嵌在应用当中的迷你应用;
  3、始终提供一种明显而安全的退出方式:要确保用户在退出模态视图时,能够对接下来要发生的事情有明确的认知;
  4、使用警告框来传递那些必不可少的重要信息,通常还要提供可执行的功能选项。
  
  四、UI的手势交互概述:
  A:通过点击(tap):按压或选择一个对象;
  B:通过拖拽:滚屏或移动对象(将从界面的一边移动到另一边);
  C:通过滑动(flick):快速滚屏或移动对象;
  D:通过一个手指轻扫(swipe):可展现更多内容,例如:列表的删除按钮,从界面顶端展开通知中心;
  E:通过双击(doubletap):可将内容放大置于屏幕中间,主要是放大和缩小的转换;
  F:通过双指涨开(pinchopen)或闭合(pinchclose):对内容进行放大或缩小;
  G:通过长按(touchandhold):在可编辑或可选择的文字上显示放大镜,用来定位光标;
  H:通过摇晃(shake)机身可执行撤销或重做的操作。
  五、UI的动画概述:
  1、漂亮而精致的动画效果遍布于ios各处,它们使应用体验更具动态性,更加吸引人,精细而恰当的动画效果可以:
  A:传达状态
  B:增强用户对于直接操作的感知
  C:通过视觉化的方式向用户呈现操作结果
  2、尽可能与ios内置的应用的动画模式保持一致:人们已经习惯内置应用当中各种精妙的动画效果,实际上,用户往往会将内置应用当中的动效看作一种体验的标准,例如切换视图时的平滑过渡效果,切换横竖屏时的流畅反馈,或是能表现出各种物理效果的滚屏动画等等,这些都逐渐成为了人们预期当中的一部分。
  六、UI的字体概述:
  1、字体是ios7设计的关键,大多数操作都是点击文字或点击图标,按钮也会有,但是占的比重很小;
  2、苹果的默认字体是HelveticaNenu,一种纤细简单的文字,但那不是你唯一的选择;
  3、Ios7的字号稍微加大了,主要由于它的用途,而且文字之间的层级关系至关重要,利用颜色和不同的粗细,来保持文字的布局和UI元素的清晰易懂。
  4、苹果字体规格说明:
  A:导航栏标题:medium34
投诉 评论 转载

这样接地气的网站!才能更吸引客户展示工作流在网站设计中的地位已经不可小觑了,这样会更接地气,让客户直观的知道你们在怎样的环境为他工作。这些新颖的网站里,设计师都通过了巧妙的手法将办公环境、办公流程优雅地……QQ导航改版设计心得前言在切入设计正文前先来看一组08年的搞笑图片,对比了日本的NHK,TBS,朝日等电视台与东京电视台同一时段播出节目的差别:新泻发生六级强震,只有他们还在播料理节目……微信红包,带着祝福送上新年惊喜!1、创新特性名:微信红包,带着祝福送上新年惊喜在微信上给好友发送新年红包和祝福,通过微信支付封红包,每个红包金额根据用户封红包的总金额和发送红包个数,由系统随机分配,打破……产品经理干货,如何让你的产品界面更完美在国内,好的UI设计格外的少。就拿手机应用来说,国内部分大公司和大产品为了迎合已经被惯坏的用户,跨平台移植用户界面、傻大粗的按钮文字等设计行为,频频出现。亦或者直接抄袭照搬国外……有利网金融产品之我见有利网于2013年2月25日上线,是一家主打互联网理财新渠道的P2P理财网站。这次呢,我主要是想从有利网的金融产品角度来分析互联网金融产品,先来看一下现阶段有利网有的产品,点击……设计师,怎样才算名符其实?把自己叫做设计师。这事里面可有点讲究。我(英文原文作者)在与软件行业当中很多同行的互动过程中,发现不少人都自豪于“设计师”这个雅号。谁说不是呢?这是个很酷的title,听……多一个按钮,满足N种需求导读:勇斗黑中介一键录音;无需解锁一键打开微信,总有一个功能会帮到你。前言手机上最常用的功能都会配置一个实体按钮方便操作,比如解锁键,比如拍照键。可是我还想要一个微……设计师应该扮演的四个角色C7210:以下引用来自MiltonGlaser:有次我正在一位医生的办公室,看到墙上贴着一篇文字,标题是”一名外科医生应该做到的”,撰写于14世纪。我发现如果……扁平化设计的前世今生〔摘要〕“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。如今一提到网站设计,就会不可避免地碰到“扁平化设计”(flatdesign)这个词。近几……YY李学凌干在线教育三狠招:互动、分成、体验在线教育将是块大蛋糕,但谁能真正吃到嘴里,现在还说不好。李学凌的100。com,从目前来看,是最接近成功的案例解决了传统教育中师生互动不良、教师收入低、师资力量良莠不齐之问题,……经验分享:IOS平台设计规范此文分别从控件布局模态情景手势交互动画字体等六个方面介绍了一些iOS平台设计的基础规范,有志于UI设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。一、U……你真的了解互联网用户行为吗?看看你错了多少。翻译:花满楼如果你是一位普通的网民,你把注意力放在这篇文章的时间不会超过15秒。那么我现在赶紧开门见山,说重点:我们现在对互联网的认识普遍存在着严重误区。我们把“人们所点……
交互译文清晰度,可读性和可理解性:让用户阅读你的文章扁平化设计的8个实用小技巧订单流程研究之提交订单用户体验三重门:不仅仅是你看到的界面细节4个方法帮你零基础快速完成AppleWatch的项目通知邮件,潜移默化地影响着用户体验UI设计师工作必备的七个设计神器当我们在讨论用户至上的时候,我们在讨论什么?3种基本方法,引导用户正确操作引导性交互界面怎么设计才能直观有效?Google移动APP体验准则优化用户体验并提升转化率移动端文字与排版设计的六个原则孕期乳房异常情况如何应对?美菱冰箱质量如何(美菱冰箱全国服务热线)我们该如何防治沙尘暴四川微型城市遂宁内江自贡资阳和广安,谁最看好?五三班的坏小子读后感真的取消了刘海屏?iPhone新机渲染图公开学校教学工作计划心理健康的标准有哪些留个造句用留个造句大全八月十五石家庄好玩的地方石家庄八月十五好玩的地方广本纯电动SUVVE1至高综合优惠5万元

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