网页设计的分割布局秘密

2022-12-26 10:35:22 来源/作者: / 己有:7人学习过

“简洁是终极的复杂.——莱昂纳多·达·芬奇”

 

 

网页设计的分割布局秘密

你能看到两等分如何体现出一种良好的视觉层次。首先,顶部的“即将来临”的红色缎带很引人注目。其次,标志也很鲜明。现在,跟随我之前提到的“之”字形,访问者看到右半部分的图片滑块,最后,到达电子邮件提交表格。

现在让我们来看一下,分割布局在一个网页设计师的作品集页面中能起到多大作用?设计作品集页面的目的是为了向潜在顾客快速展示你作品的主体部分。随着现在这个产业如此饱和,顾客的选择有很多很多,为什么他们要付钱给你呢?因此,一个很棒的第一印象将会在你的事业方向中起到决定性作用。让我们看看,我们可以做些什么?

网页设计的分割布局秘密

上图的布局被划分为两等分,但是并不遵循我之前提到的“之”字形原则。

虽然它看起来是个不错的布局并且易于观看,但是在看完前两块元素后就会让人感到非常沉闷死板。打破这样的视觉流向并且增添视觉趣味性将会让之有所改变。不仅如此,当你试着去浏览上面这种布局时,你的眼睛会最先看到第一张图片,然后跳转到第二块的文本上。然而你的访问者并没有打算在这个阶段阅读,因此,他们会跳转到其它的点,或者彻底离开你的页面!

但是如果你做了这样一个简单的调整呢?

 

 

网页设计的分割布局秘密

变得更生动有趣了,对吧?简单的互换每个项目里文本和图片的位置来增加视觉上的生动性,这样,这种一致性就不会让你的用户感觉到无聊了。同时,你还能在“之”字模型后放置一个行为召唤按钮。

网页设计的分割布局秘密

这个“联系我”按钮将会有更大的机会被注意到,并且被你更多的用户点击(为什么不进行一个A/B测试去再次验证一下?)

“设计是一项计划,它将所有元素以最好的方式组织起来去完成一个特定的目标。——查尔斯·埃姆斯”

标签(TAG) 网页模板 lanlanwork