搜索
您的当前位置:首页正文

Do’s and Don’ts in UI design

来源:二三娱乐

-卷首-

此篇推文翻译了苹果爸爸的官方设计建议。

不要怕~这并不是几十页纸的iOS Human Interface  Guidelines

此文只是从交互、可读性、图片、清晰性这四个方面,给了一些设计建议,文章不长却浓缩了一些最基本的设计原理。苹果称之为 Tips(小贴士)

相信你会从文中有所收益。

p.s. “知道很多道理,却依旧过不好这一生” vs “知道很多原理,缺依旧做不好设计”,前者也许成立吧~后者未必

UI Design Do’s and Don’ts

iOS 把用户界面设计带到了一个全新的水准(苹果式自信

格式化内容——Formatting Content

创建适合 iOS 设备屏幕的布局。用户应该看到主要内容而无需缩放或水平滚动。

触摸控制——Touch Controls

使用专为触摸手势设计的UI元素,使您与应用程序的交互变得轻松自然。

命中目标——Hit Targets

创建至少44点 x 44点的控件,以便可以用手指精确地敲击。(否则可能会出现操作不便或误操作的可能性;注:“点”即 Point,简称 pt,为 iOS 开发中使用的长度单位)

字体大小——Text Size

文字最小不得小于 11pt ,这是在通常经典的观看距离下不需要缩放也能清晰可见的标准。

对比——Contrast

确保字体颜色和背景之间存在充分的对比度,以便文字清晰可辨。

间距——Spacing

不要让文本看起来很拥挤甚至重叠。通过增加行高或字母间距来提高易读性。

高分辨率图片——High Resolution

切图要保证包含高质量的图片资源,若不包含 @2x、@3x 的切图的话,在高分屏上就会显得模糊不堪。

扭曲、失真——Distortion

始终保持正确的长宽比例,避免图片扭曲变形。

组织——Organization

创建一个易于阅读的布局,控件的位置也要靠近需要修改的地方。

对齐——Alignment

对齐文本,图像和按钮,向用户显示信息的相关性。

-尾声-

对齐、组织、间距、对比、可读性……

这些无不是基本的设计原理~

这些

大学老师也可能都在课上讲过

做设计越久越发现它们的重要性

这就是 Back to Basic 的意义

把躁进放一放

回溯根基

共勉!

Top