杭州网页设计都采用了数字应用，你知道吗？

我们发现很多杭州网页设计都采用了数字应用，这究竟是怎么回事呢?字的行距对于平面设计和网页设计有着不同的意思-由于篇幅有限会在将来的文章中继续探讨这个话题。但是在网页中这些理论就非常的不实用，比如设计杂志的话都是用的A4纸大小

我们发现许多杭州网页设计都使用数字应用程序。 到底是怎么回事？ 这其中是否还有什么玄机和奥秘呢？ 带着好奇，我们一起来看看吧！

一、确定页面的宽度

我认为在设计任何网页之前，有一些事情需要尽快做出决定，其中最重要的是页面的宽度。 我更喜欢 960px 作为网站的宽度，即使用 1024*768 的分辨率，这样网页就不会水平移动（当然，你也可以使用任意宽度，具体取决于你的实际要求）

二、划分区域

接下来，我们需要将 960px 宽度垂直划分为 12 或 16 个区域。 今天我将选择12个垂直区域，因此每个垂直区域的宽度应为60px，并且每个垂直区域的左右各有10px的空间。 用数学语言表达：12*60+24*10=960px，总和等于我们的页面宽度-960px。

有人可能会说，我几乎每天都会用到这第一步和第二步，我想让你教我——别担心，乐趣稍后会来——一般设计师会在完成这两步后开始设计，但对于真正的大师来说，这只是开始。

三、确定水平面积

水平区域的高度通常比我们的字体大小稍大。 为什么？ 因为如果我的字体是14px，水平面积也是14px，那么你的文字之间的行间距就会变得很小，很难正常阅读。 读。 行间距对于图形设计和网页设计有着不同的含义——由于篇幅有限，我将在以后的文章中继续探讨这个话题。 如果你了解前端（html & css），你可以将水平区域视为css中的line-属性。 经过反复思考，我们将使用18px作为我们水平区域的高度。

四、确认本设计中的“域”

“域”的实施将使我们的网页布局更加合理、美观。 例如，通过“域”我们可以大致计算出一些重要的元素如何放置在页面上。 （记住，“域”起辅助作用，而不是唯一标准）。

平面设计师、杂志设计师、书籍设计师在设计前一般都会将A4、A3等页面从上到下分成几个区域（我们称之为“域”），这样设计时设计师就可以很好的控制上各个元素的平衡。页面（视觉、内容和布局平衡），使设计能够达到良好的效果； 然而，这些理论在网页中非常不切实际，例如设计杂志时使用的理论。 A4纸的尺寸，那么宽度和高度是确定的，但是在网页设计中，高度是不确定的，怎么办？ 数学的魅力此时再次赋予我们无穷的力量！ 这就是黄金分割。 如果你像我一样，总是在数学课上做一些小动作，不要让这个名字吓到你。 通过第一步杭州网页设计，我已经确认了页面宽度为960px，那么我们就可以通过黄金分割原理来确定我们“域”的高度了。 谁知道黄金分割系数是多少？！ 答案是1.618。 因此可以将页面宽度（960px）除以黄金分割系数1.618，得到“域”的高度——960/1.618=593px。 通过计算可知“域”的高度。 如果将 593px 除以水平区域的高度（18px - 参见步骤 3），则 593/18=32，这意味着每个“域”有接近 33 个水平区域。

但仍有一个问题摆在我们面前。 如果我们在设计中使用593px作为“域”的高度杭州网页设计，那么你会发现我们的页面一般只能容纳一两个域。 显然这不会在我们的布局中发挥作用。 这是一个很好的指南——你一定知道很多页面的高度都小于593px，那么这个域有什么用呢？

五、通过三分法则进一步提高域大小

只需将“域”的当前高度（即 593 像素）除以 3 - 593/3=197，即约等于 198 像素。 然后只需除以198-18=180px，这就是“域”的高度。 为什么最后要减去18px呢？ 那是因为每个“域”之间都会添加一个空格，就像每个垂直区域左右各有10px的空间，18px也是水平区域。 高度，请参见下图。 通过以上五个步骤，我可以很负责任的告诉你，你可以开始做视觉设计了。 你还可以利用上面的理论来制作一组页面宽度、垂直面积、水平面积、等，通过这些辅助，你可以将你的设计水平提高到一个新的高度。 然而，要记住的一件事是，人是活着的，是否遵守这条规则取决于你的情况。 当然，任何极简主义都是通过复杂的过程实现的。

杭州网站设计确实有很多技巧和秘诀。 如果需要，可以向Monte询问详情。 你最需要什么...