现在网页设计方法和诀窍有好多，好多网站中也有所表现，网站制作中还是必须要遵循一部分原则的，这样子才能使设计出来的网站更加契合现代顾客的浏览习惯，以下这几个元素在网站制作中必须要着重注意。

信息流

伴随着屏幕尺寸越来越小，信息所占的垂直空间也越来越多，也便是说，信息会向下方延伸，这就叫做信息流。假如你习惯了使用像素和点开展设计，可能会觉得这样的有点难掌握。不过没关系，习惯了就很好理解了。

相对单位

你的设计对象可能是台式桌面，也可能是移动端屏幕或者介于二者之间的任意屏幕类型。像素密度也会彼此不同，故此咋们必须要使用灵活可变，并且可以适应多种情况的单位。那么在这种情况下，百分比等相对单位就派上用场了。使用百分比时，咋们说宽度50%便是表示宽度占屏幕大小（或者叫视区，也便是指所打开浏览器窗口的大小）的一半。

断点

断点可以让页面布局在预设的点开展变形，也便是说，在台式桌面上显示3栏，在移动设备上仅显示1栏。大多数CSS属性都可以实现断点之间的变形。断点放置的位置通常取决于信息。比如，假如一句话要换行，你可能就必须要加上断点。但断点使用时必须要谨慎，假如搞不清信息之间的逻辑关系，很简单弄的一团乱。

较大和较小值

有时候信息占满整个屏幕宽度（例如在移动设备上）是好事，但假如相同的信息在电视屏幕上也撑得满满的，貌似就不太合理了。这便是为什么要有较大/较小值。

这种情况就必须要用到像素之类的静态单位了。静态单位相对logo和按钮等不必须要扩展的信息来说特别有用。

移动优先还是台式桌面优先

严格来说，项目从小屏幕入手过渡到大屏幕（移动优先），还是从大屏幕入手过渡到小屏幕（台式桌面优先）差异不大。不过，从移动端着手可以给你提供一部分额外的限制，赞助你开展决策。通常情况下大伙会从两方面同时着手，故此你还是要看哪种方法较适合你。

web字体vs系统字体

尽管web字体看起来很炫酷，但你要记住，这些字体都必须要顾客下载，字越多，顾客加载页面的時间也就越长。另一方面，系统字体加载速度则快得多（前提是顾客本机就有），但太过一般。

在网站制作中遇到这些元素时，咋们必须要遵循以上的几点原则，这样子有助于咋们设计出来的网站比别人的网站更加有诱惑力。