UI设计基础：屏幕

LDesign1 LDesign1

很多工作了三四年的UI设计师，界面设计的很漂亮，但是真正开始一个项目时，很多人对于基础的设备屏幕知识都不是很熟悉，今天，就来聊一聊，如何规范设计，读懂UI设计基础知识——屏幕。

99%的UI =屏幕上的像素*

1%是用于语音接口，可能在不久的将来还有神经链接连接。

UI设计是关于显示的。基于UI就是我们所看到的一切这一事实，理解我们在看什么是很有必要的。

在web的早期，它非常简单——你设计的像素在640 x 480到800 x 600之间。当然，我们可以回溯到更久远的年代，比如第一个Macintosh或者施乐的第一个桌面ui，但是我们假设老的彩色显像仪是我们的基础。那也是我开始做网页设计的时候(1998年)

我有一个:)

但那是在90年代后期，事情在那之后开始迅速变化。那个时代的大多数显示器都有相似的分辨率范围，都非常重，不能显示太多的颜色。此外，它们的刷新率较低，导致滚动体验欠佳。那个时代的展示往往限制了网站的视觉效果。

由于我们现在生活在一个有数百万像素和数百万颜色的科技世界，我们需要理解我们今天设计的屏幕。这项技术自早期互联网时代起就突飞猛进。如今，你手里拿着的手机的分辨率在20年前是不存在的。

一个快速的比较。一个典型的90年代后期CRT显示屏的分辨率只有当前iPhone的1/6，而iPhone的尺寸要小得多。

PPI或像素每英寸

在某种程度上，每英寸72像素成为了CRT显示器的显示标准，这种情况持续了很长很长一段时间。现在，我们的笔记本电脑和移动设备都有更高的分辨率和像素密度。

但是有什么区别呢?

分辨率是显示器拥有的单个像素的数量。例如，第一代iPhone的基本分辨率是320 x 480。苹果决定，这个分辨率应该足以提供一个舒适的界面，所以它为平台设置了一个1倍密度的基线。

来源:Engadget

随着带有视网膜显示屏的iPhone 4的推出，这一切都改变了。前提是像素非常密集，你不能轻易看到单独的一个。基本分辨率(或1x)与上一代iPhone相同，但像素密度是该分辨率的倍数，从而产生更清晰的文本和图像。iPhone 4将像素增加了一倍，达到640×960，但元素的实际设计保持在320×480，并在设备上进行了升级。

好吧，但为什么它仍然是320×480呢?为什么他们不简单地使用640 x 960作为“可视分辨率”?

为旧设备设计的项目在新设备上要小两倍。这将使它不可能舒适地使用。