网页设计有什么系统 第1篇
当提及网格的使用，我们可以追溯到很久之前。古埃及人在雕刻和绘画中描绘人物时遵守着将人的拳头定为尺度的规则 —— 站立的人物从地面到头顶有 18 个拳头那么高。
活字印刷首先约于公元 1040 年左右在中国发展，中国的瓷器用作了活字印刷的字符。
在西方，金属活字印刷技术首先出现在约 1450 年，1455 年左右古腾堡圣经的出版是出版业的第一个重要里程碑。金属字体文本可以更好地利用网格。
在 1917 年，网格在 Theo van Doesburg 和 Piet Mondrian 引领的荷兰风格主义（新塑性主义）运动中最为明显。他们将画布限制为垂直相交的垂直线和水平线以及原色。
1919 年，德国的包豪斯学派成立，他们简洁实用的设计理念也采用了网格的概念。就像著名的包豪斯国际象棋一样，它的棋子都是简单的几何形状，例如正方形和长方形，可以紧密地组合在一起，以实现紧密的存储。
在 1950 年代，在瑞士终于形成一个全新的平面设计风格。这种设计风格力求通过简单的网络结构和近乎标准化的排版来实现设计上的统一。直到如今，这种风格仍继续影响着许多网页和平面设计师。
随着第二次世界大战的结束，一种新的消费主义出现了。伴随着高速经济发展，广告业逐渐繁荣。Paul Rand 作为美国第一位使用了瑞士平面设计风格的商业艺术家，以他的企业 logo 设计和商业广告设计而闻名。网格在这全新的广告形式中发挥了重要作用。
今天我们将讲一讲网页设计中的网格系统。它听起来很简单，但是实际上包含了一大串复杂的概念。网页设计中的第一步是如何布局。哪里是标题、导航和按钮？这些元素之间要多少间距？这些都离不开页面布局。作为网页设计的基础，页面布局可以极大地影响用户阅读的流畅度和直观性。在我们讲页面布局之前，我们需要先科普一些概念。
网页设计有什么系统 第2篇
你有没有好奇过为什么我们在设计手机界面时选择了非常小的绘制画板，但是我们的显示设备却非常大？
举个例子，我们使用 375 × 812 大小的画板来设计 iPhone X 的界面，但是 iPhone X 屏幕实际尺寸大小 1125×2436 —— 即我们设计尺寸的三倍。
因为设计尺寸最后是以两倍或三倍像素渲染导出。比如，iPhone X 会以三倍尺寸呈现，iphone 8 或 iphone XR 会以二倍尺寸呈现。因此，我们可以使用最小尺寸的一倍来设计，去适应不同设备不同的尺寸。因此，1pt 可以分别被转化为@1x (一倍图)、 @2x (两倍图)和@3x (三倍图)的 1px、4PX 或 9px。
所以我们设计一个 16pt 大小的图标时，我们导出的二倍或三倍尺寸就是 32px、48px。
网页设计有什么系统 第3篇
低端
Chrome OS和Linux等轻量级操作系统很适合低端性能的电脑安装。三星、惠普和宏碁是这个市场的主要参与者，有多种电脑型号可供购买，价格实惠。不过，在购买之前亲身体验一下触控板、键盘、屏幕很有必要，因为不同型号间的差异可能会很大。
中端
中端市场主要由联想、戴尔、宏碁、三星和惠普主导，他们提供了非常适合网页设计和网页开发任务的电脑型号，价格区间也很灵活。
在查看中端型号时，请务必货比三家。只要肯花时间做功课，肯定能买到适合你的高性价比电脑。
高端
三星、苹果和外星人凭借各自不同的型号统治着高端电脑市场，每一款都有其独特的优势和劣势。在这些制造商中，三星、索尼和联想性价比较高。苹果电脑具有高清的Retina显示屏、轻巧坚固的铝制机身，赏心悦目的同时能高效处理任务，但往往要付出高昂的价格。