太友帮_冷水江专业网站建设公司
冷水江优质网站建设供应商

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

 

我们发现很多杭州网页设计都采用了数字应用,这究竟是怎么回事呢?字的行距对于平面设计和网页设计有着不同的意思-由于篇幅有限会在将来的文章中继续探讨这个话题。但是在网页中这些理论就非常的不实用,比如设计杂志的话都是用的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询问详情。 你最需要什么...

注意:部分素材来源于网络,如有侵权,请及时联系作者处理

服务热线

15928132840

SEO网站优化

网站建设服务

小程序服务

项目定制化服务

太友帮客服微信_冷水江专业网站建设公司

客服微信