欧美一区二_欧美一区二区大片_欧美一区二区公司_欧美一区二区黄色_99久久精品无免国产免费_99久久精品无免国产免费75

网站设计知识

首页 > 免费 > 网站设计知识 >

iOS7设计需要注意的五件事

来源:北京汇仁智杰科技有限公   时间:2016-01-05   点击:

  在WWDC上,苹果推出了采用全新设计语言打造的iOS7。新系统弃用了诸如皮革、木质一类的伪3D拟真效果,取而代之的是更加简洁轻量的设计路线,其中文字排版成了重头戏,另外在某些方面也受到了扁平化设计的影响。

  对于负责打造iOS应用界面的设计师们来说,长久以来的设计习惯和规则即将被改变。在iOS7的这些变化当中,哪些与设计师们最为相关?苹果公司在转变了自身的设计思维之后,又会希望我们这些应用设计者们将哪些新东西体现到自己的应用当中?

  我们分析了苹果的iOS7 UI过渡指南,并从中挑选出了设计师们需要知道的最重要的10条设计方面的变化。希望你能通过本文了解到iOS7的这些新特性将会怎样影响到你的内容呈现方式。

  1.三大设计主题

  根据苹果官方的设计规范,设计师们需要遵守三点最核心的设计主题:

  依从:UI要帮助用户对内容进行理解和互动,但绝不能与内容产生竞争关系。

  清晰:任何字号的文字都要清楚易读,图标要精细且含义明确,装饰性元素要少而精,且使用得当;聚焦于功能性的实现,并以此激发设计的进行。

  纵深:视觉外观的层次以及逼真的动画效果可以传达出界面的活力,使界面更容易被理解,并提升用户的愉悦度。

  苹果希望你在设计应用的界面和交互模式时密切关注这些设计主题,特别是“依从”。它着重强调了怎样使设计更好地支持内容,而不是反过来压制内容。

  可以看看苹果是怎样在iOS7内置的日历应用当中贯彻这一点的。新的日历应用在界面上极大的简化了,去除了一切不必要的设计元素,并使用了干干净净的白色背景,完全以内容为中心。

  2.动态字体

  iOS7使用了全新的动态字体系统,以改善文字内容在任何字号下的易读性。

  动态字体可以自动调整任何字号下的文字粗细、字间距和行距。它同时支持字体风格,使你能够为内容标题、正文和按钮当中的文字设置不同的样式。

  新的天气应用为我们展示了新的字体以及清晰的文字排版在使用了动态背景的全屏视图当中的表现。

  3.导航元素的半透明化

  iOS7当中最重要的设计变化之一就是在界面中引入了透明与半透明化。

  状态栏(status bar)能够以完全透明的形式呈现,导航栏(navigation bar)、标签栏(tab bar)、工具栏(tool bar)和其他一些控件也采用了半透明化的处理方式。因此,你可能需要调整内容视图在纵向上的实际尺寸,以便在半透明控件的下方将内容上下文隐约地展示给用户。

  另外你也要考虑到全新的控制中心(control center),用户可以在这里快速访问到一些常用功能,例如开启蓝牙、调整屏幕亮度等等??刂浦行氖且恢帜L油?modal view),它会随着用户的手势从屏幕底部向上展开,并覆盖在系统界面或当前应用界面之上;用户可以透过其半透明毛玻璃背景看到下方界面中的内容环境。

  4.按钮去掉了边框

  iOS7里的按钮不再有边框和背景。这使得按钮中的标题文字可以使用相对大一些的字号,但对于那些经过自定义设计的按钮来说,你需要重新考虑它们的样式能否适用于新的系统风格。

  苹果在iOS7当中加入了右滑切换界面的手势。切换过程中,导航栏会展现出精巧的界面覆盖叠加效果。如果你为导航栏中的按钮使用了自定义设计的背景图片,那么现在你需要创建一个蒙版图片来确保这种动画效果的实现。详见iOS7 UI过渡指南之Bars and Bar Buttons一节。

  iOS7的标签栏和工具栏也有了全新的外观,对于其中的图标,你可能需要重新绘制一套更简洁、更线条化的图片了。

你可以在iOS7自带的短信应用当中看到最官方的按钮使用示例,包括导航栏中的新消息按钮、返回到消息列表的按钮、联系人按钮、发送按钮等。

  5.屏幕上更多的可用空间

  透明的状态栏,移除了左右边距和边框的界面,这些新风格体现出苹果正在鼓励设计师们将界面中的内容扩展至屏幕边缘。

  例如系统键盘一类的模态视图都采用了半透明的风格,使得它们底部的内容元素可以被用户感知到,即使模糊不清,也可以传递出纵深的含义。系统内置的天气、照片和相机应用都非常好的展示了怎样使用全屏风格展示内容。

网络营销推广?。”本┗闳手墙芸萍加邢薰荆?/h3> 地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰

主站蜘蛛池模板: 久久99精品久久久久久黑人 | 青青草视频成人 | sss欧美华人整片在线观看 | xxxxx在线| 国产福利在线观看第二区 | 91日韩在线| 欧美xxx午夜免费视频 | 爱爱视频免费 | 91精品久久久久久久久久小网站 | 国内一级毛片成人七仙女 | 久久国产成人 | 欧美精品成人一区二区在线观看 | 黄网址大全免费观看免费 | 国产精品毛片大码女人 | 久久黄色免费 | 91青青草视频在线观看 | 精品国产96亚洲一区二区三区 | 精品国产无限资源免费观看 | 黑人美国一级一级爰片 | porm91国内偷窥 | 精品一区二区久久久久久久网精 | 欧美日韩亚洲一区二区精品 | 久久精品免视看国产陈冠希 | 精品欧美一区二区在线看片 | 精品在线第一页 | 成人免费在线视频网站 | 久久永久免费中文字幕 | selao久久国产精品 | 欧美国产日本精品一区二区三区 | 狠狠干狠狠撸 | www.色.com| 成人a大片高清在线观看 | 91po国产在线精品免费观看 | 欧美精品国产一区二区 | 999久久久精品视频在线观看 | 久久91 | 国产精品免费久久久久影院小说 | 国产成人爱片免费观看视频 | 7777奇米四色 | 成年网站免费 | 国产成人精品.一二区 |