不容错过的IOS7 UI设计10大准则 你设计的UI都做到了么?

  

  iOS7 的用户界面设计比以往更卓越,并为用户提供了更具吸引力的独特体验,带来更大的机遇。在正式写代码之前,认真考虑UI设计是否符合这十条设计准则,可以提高App的可用性与吸引力。如果要更深入了解iOS7的设计,你可以阅读苹果官方的iOS人机界面指南(英文版),或者下载知乎用户翻译的中文版iOS7 人机界面设计指南。

  iOS7的10大设计准则涵盖了UI设计的交互性、界面信息可读性、图形设计规范以及信息的组织性等四个方面。读下去,看看你设计的UI都做到了么?

  1、格式化内容

  

  

  创建屏幕布局的时候,应该适适配iOS设备屏幕。用户应该一次看清主要内容,而无需缩放或水平滚动。

  2、触摸控制

  

  

  尽量采用专门为触摸和手势设计的界面元素,这样可以使应用程序的交互更加轻松自然。

  3、命中目标

  

  

  设计可触控的控件的时候,尺寸不得小于44x44px,只有这样才能确保触摸的精度和命中率。

  4、字体尺寸

  

  

  文本中的文字尺寸不得小于11点,这样才能确保在常规距离下,无需缩放就可以清晰地阅读。

  5、对比度控制

  

  

  尽量确保文字色彩对比更明显,并且调整文字与背景的对比提高可读性。

  6、间距调整

  

  

  不要让文字出现重叠的状况。适当地增加行高和行间距,提高文字的易读性。

  7、高分辨率

  

  

  为所有图片资源提供高分辨率的版本(@2x)。那些未曾@2x的图像在Retina屏幕上会出现模糊的状况。

  8、防止拉伸

  

  

  始终控制好图片的高宽比,可以缩放,但是一定要避免拉伸,这样可以避免失真。

  9、信息架构

  

  

  创建易于阅读易于调整的布局,确保界面内容的可调整性。

  10、保持对齐

  

  

  让文本、图片、按钮在界面上保持对齐,相似相关内容合理靠近,让用户更容易理解界面信息。

时间: 2024-10-05 03:23:37

不容错过的IOS7 UI设计10大准则 你设计的UI都做到了么?的相关文章

移动站点设计:移动站点和桌面站点设计10大不同点

文章描述:手机站点和桌面站点设计的10个区别. 桌面网站的一些设计原则是大家广泛认可,并积极付诸实践的.例如:系统状态保持可见,避免错误信息,在错误发生时,应该提供一些具体的指南帮助用户解决这些问题等. 很多人认为这些适合网页设计的原则和指南也同样适用于移动平台.毕竟,网页设计是从一些基础的,基于文本的HTML出发,才发展成为今天的WEB标准的.因此,我们也可以想象依靠这些原则,手机站点的设计也会和网页站点的设计一样,获得巨大的成功. 然而,移动站点的设计仍处于初步阶段.Jakob Nielse

2009网页设计10大新趋势被确定

网页设计是一个急速发展的新媒体,它的快餐式文化,使得网页设计在不断的尝试更新的http://www.aliyun.com/zixun/aggregation/9255.html">设计理念,带给用户更多新鲜感.在过去的几个月,2009网页设计10大新趋势被确定.在这概况,你会发现审查每个趋势都有更加具体的举例,从中带给你更多灵感,激发你的下一个项目. 1. Letterpress 凸版效果 在我们的观察中,一个意料之外的趋势是,凸版效果(Letterpress,也就是我们的篆刻中的阴文效果

2014年移动应用交互设计10大趋势

  1 转场动效的极致平滑(TRANSITION ANIMATION IS SMOOTH EXTREME) 移动APP越来越强调沉浸式的体验,页面和页面之间切换也需要更加的流畅,转场动效需要更加的极致和平滑.如果你还没有为你的APP提供转场动效,那么你已经落伍了,如果你还是使用比较传统的转场动效,如向左滑动.放大缩小,那么你的体验也已经落伍了.平滑无缝的切换和体验,信息需要没有阻力的传递,用户需要集中注意力,专注于目标任务来进行一系列的操作.我们相信,优先注重转场动效的移动产品,会有极大的产品竞

10大准则令完美的开发/测试实验室成为可能

你是否拥有一些实现超敏捷软件开发所必备的特质?创业公司Ravello Systems探讨了通过将云规范化,来构建梦寐以求的开发/测试实验室的关键准则. 在这样一个竞争优势与业务敏捷度近乎画上等号的世界中,现实情况是,企业往往需要非常多的时间投入,来开发和测试驱动业务的种种软件. 在软件开发中,超敏捷要求基础设施和自动化不仅与开发进程保持一致,而且还要对加速循环和改进整体质量产生实质性帮助.在开发/测试工作负荷具有猝发性和短暂性本质的大前提下,要想打造一套理想的完全部署在本地的实验室,可以说在经济

iPad应用的10大用户体验设计准则

与众多优秀的产品相同,iPad应用的成功也取决于产品核心价值以及用户体验模式等诸多方面的因素.除了游戏之外,多数类型的应用都必需能够在一定的 上下文环境中帮助用户解决某些特定的问题.它应该足够的简单易用,使用户不需要进行复杂的设置和学习就可以顺利上手.而产品在视觉外观.交互方式.情感联接等方面的表现更会直接影响到用户对于应用的体验满意度.在本文中,我们将共同了解一些你在设计工作中需要认真考虑与贯彻的指导准则.我们不会对创建iPad应用的完整设计流程进行讲解,也不会将时间花费在几乎任何一篇移动应用

不容错过的2017数据科学15大热门GitHub项目

介绍: GitHub现在不再仅仅是一个软件寄存管理器,而是软件工程师通过它来共享他们自己开发的工具/库,甚至这些资源对一些公司都很重要.作为一名狂热的数据科学爱好者,我总结了一系列在2017年尤为出名的知识库! 目录: 1.学习资源库: 1.Awesome Data Science 2.Machine Learning / Deep Learning Cheat Sheet 3.Oxford Deep Natural Language Processing Course Lectures 4.P

2008年Logo设计10大趋势

Logo是品牌图形区别的点睛之处,我们每天都要接触很多logo - 在高速公路上,在购买商品时,以及浏览各种网站.我们查看很多logo设计,并且去学习和了解设计师们设计Logo的原则和技巧,从而发现和总结出将来的logo设计趋势.(该文摘自 logo orange! ) Logos are the ultimate mark of distinction and everyone loves them. We see logos everyday - on the highways, on co

2005年度,网页设计10大失误

1.易读性 字号过小,文本和背景的对比不明显,造成的阅读困难,并不是每个人都有着良好的视力,请记住这一点! 2.不标准的链接 为什么老是让你的访客去猜测页面上的链接在哪里呢?你应该明显的为链接指定明显的颜色或让它们带有下划线. 3.Flash 尽管与数年前相比,当前大多数人都可以很好的浏览和使用Flash,但还是不能忽略,依然有许多特殊情况令Flash无法正常显示. 4.错别字和不良的语法 5.糟糕的站内搜索 如果访客用你的站内搜索什么也搜不到的话,还是考虑取消它吧. 6.浏览器兼容性 你的页面

2014年硬件设计10大趋势

  随着移动互联网如火如荼的发展,孕育了大量优质的移动端App,为用户提供了很多有价值的服务.而传统硬件行业受这个冲击,开始考虑软硬结合的转型,硬件开始越来越软了,越来越智能了,互联网巨头和传统企业都希望在新的智能硬件领域寻找机会.一大批智能硬件也从去年开始涌入我们的视线,虽然良莠不齐,但是不乏优秀的大师之作.这些设计从解决问题的角度很好的融合了硬件和软件的体验,规避了屏幕像素的束缚,出现了更多可能性. 百度MUX的同学们分别从硬件产品的"交互设计"和"产品设计"两