「简要翻译」Apple :UI Design Dos and Don'ts

翻译:镇雷

原文:https://developer.apple.com/design/tips

iOS 7 开始,越来越多拥有优秀用户界面的产品出现,开发者们更有机会创造出那些具备一流且独一无二用户体验的产品。在开始编码前,思考一些通用的设计理念能够提升产品的吸引力和易用性。更多更棒的设计内容可以阅读:iOS Human Interface Guidelines.

互动性(Interactivity)

内容规范化(Formatting Content)

iOS 界面中,用户应当不需要通过滑动或缩放,就能直接看到所有的主要内容。

Learn more>

触摸控制(Touch Controls)

通过使用那些可触摸操控的组件,能够令你的 app 使用起来更加简单和自然。

Learn more>

目标热区(Hit Targets)

所创建的可点击组件至少要有 44pt * 44pt 的尺寸,这样才能保证它们易于点击。

Learn more>

易读性(Readability)

文字尺寸(Text Size)

文字至少需要 11pt,才能保证在它们在常规阅读距离下(不缩放),看起来清晰。

Learn more>

差异(Contrast)

确保背景和字体颜色之间有足够的差异,文字才能清晰显示。

Learn more>

间距(Spacing)

不要让文字太过靠近(甚至重叠),通过增加行高和字间距来提升易读性。

Learn more>

Graphics(图形信息)

高分辨率(High Resolution)

提供所有图片的高分辨率版本(@2x),否则它们在视网膜屏幕下会变得模糊。

Learn more>

变形(Distortion)

保持图片的比例,避免显示时变形失真。

Learn more>

明确性(Clarity)

组织性(Organization)

布局时,将组件靠近它们所修饰的内容,可以提高易读性。

Learn more>

布局(Alignment)

通过对文字、图片和按钮的排布来告诉用户信息之间的关系。

Learn more>

更多设计资源

查看视频演示和指导来设计超赞的产品。

Learn more>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,764评论 25 709
  • “其实我也没听清,就是我路来路过随便听几句,有人知道有人好像还不知道,不知道的人自然就声音大了些,一来一去我就听到...
    颗粒crown阅读 2,635评论 0 0
  • 戒烟马上六年了,但刚才在路上闻到一抽烟人吐出的烟雾依然感到很香。 这些容易上瘾的不好的习惯千万不要学,抽烟如此,吸...
    张家老二阅读 1,118评论 0 0
  • “你在怕我?”夜无殇停下解开女子衣带的手问到,眼中流露出几丝若有若无的落寞。 女子不说话,微微偏偏过去的头...
    梧桐间阅读 5,909评论 9 22
  • 娈美人推荐的书。 不论故事情节还是文笔都挺好。一条主线两条副线,主线是太子,副线一条是许詹事和其身后的陈年密幸,一...
    建宁王妃阅读 4,062评论 0 0