长春网站建设公司,成立于2005年

专业网站制作设计,全网建站,免费优化推广,排名好,服务好!

网站设计中图片三分法如何划分—网站设计分享如何设计网页

栏目:网站建设技巧 发布时间:2021-08-15 来源: null
分享到:

< 对摄影师而言,取景布局三分法是十分熟悉的概念。只管它是十分惹人入胜的概念,然而在进行网页设计的时候,多少乎不人会拿三分法来说事儿。当然,这并不象征着不可能,只是这种跨范畴的事件很少被留神到罢了。

所以,在今天的文章里我想说明一下三分法,并且分享一些将其应用到网页设计时的技能跟教训。不过三分法并不一定适合所有人,究竟晋升设计跟设计流程的技能跟方法有很多。不过作为一项基本的排版布局规矩,三分法自身是绝对值得学习的,并且在网页设计中也颇为实用。
为何三分?
兴许你会问,为什么一定要三分呢?这种奇怪的设定到底是从何而来?还好,我可能很愉快地告诉你这玩意跟数学定理抑或庞杂的逻辑推理都不关联,也不太多的必要在这个货色的来源上适度深究。
三分法仅仅是来自于传统艺术,目前在摄影中应用得尤其多。纵横三分,全部布局被分为9个均匀的区块,横向纵向各有2条分界线。三分法划定,为了尽可能吸引观者的留神力,视觉重心或者吸惹人的货色应当尽量凑近四条线相交处。
你可能在WDD的这篇文章中找到绝佳的实例。很多时候非对称的布局经常能让全部页面更加富有生趣,然而这并不象征着着任何时候都得用非对称布局,因为在有的场合,对称布局会更有意思,而在这个时候,三分法令意思并不大。

摄影的时候,幻想的目标是一奇特的视角捕获到一些能吸惹人的场景,而非对称的布局使得视线中的一些元素比其余的更加凸起,而这些凸起的元素通常压在之前所说的四个交点上。
那么从新回到网页设计的问题上,三分法跟网页设计到底是如何结合到一起的呢?正如同摄影时三分法下的布局可能吸引观者一样,合乎三分法的网页也一样能让浏览者更加关注焦点内容。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。

理解三分法的栅格
四条线,四个焦点,九个区块,这就是三分法下的栅格框架。很多网站的页设计都合乎F式布局或者Z式布局,用户也已经习惯了这样的浏览方法,通常视觉的出发点都是左上角,这也是设计师须要关注的个区块。
这也就象征着,左上方的交点处应当与页面的某个重要内容相重叠。交点处并不是非要放置链接或者图片(当然非要放也并非不可),它更像是一个标记,用以辨别布局的一个重要节点。比方页面题目的起始点可能与之重叠,全部题目与横向条线相齐平,而后在题目下放置Banner图之类的内容。
值得留神的是,利用三分法来剖析网页设计更多的是一个用户闭会设计上的概念,而非一项完全的设计准则。所以,假如你想借助这一律念来剖析网页设计的话,倡导将网页在浏览器中打开之后截图剖析处理,完全的网页太长,而且用户浏览永远是基于屏幕而非一次看完全个页面,所以也不必要利用全部页面,截图足以。假如设计尚处于原型阶段,那么倡导参考屏幕比例来截取剖析。

所以,你应当从用户的浏览习惯出发,结合三分法来进行剖析优化。当用户浏览网页的时候会下意识留神到要害部位,正确的利用三分法来设计页面,你会发明这种3×3的栅格能帮你带来极具启发性的设计。
小调剂而非重设计
理解三分法的栅格的应用方法之后,你还须要明白更重要的一点:三分法带来的并非是一个无可抉剔的网页设计架构,而是一个用来微调现有设计的布局测试框架。
有太多的免费的栅格体系可能帮你设计网页,比方960GS之类的,然而三分法的九宫格栅格体系是一个帮你微调全部网页布局的,比方调剂导航栏的高度,把Logo挪近一点或者远一点。

值得庆幸的是,这种测试方法很实用,并且很简单,也不挑软件。你可能截图之后在PS里面画虚线来剖析,诸如GIMP这样的开源免费软件也可能轻松帮你搞定,再不济你还可能直接用记号笔在屏幕上画一个九宫格来剖析嘛……(话说当初打CS的时候盲狙也用过这等笨办法~)反正能帮你构建出九宫格剖析的工具都能带你走向正确的设计方向。
实现初稿,用三分法测试,而后走向下一步。随着时光的推移,你会更加明白如何将视觉元素置于对的处所。
处理对称性
有的时候,在页面中恰当天时用对称性的元素还是颇为有用的。不过假如在设计中哪哪儿都用对称式设计的话,这也不免太瞎了点。事实上,在艺术跟摄影范畴,非对称式布局的应用还是盘踞主流的,大小绝对,远近适宜,更加令人赏心悦目,这也证明非均衡的视觉设计更能吸引咱们的留神力。

切实在版式设计中,也有类似的准则跟标准。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。比方,当你在页面顶部利用大Banner图的时候,它通常会盘踞页面大略2/3的高,类似的,题目跟解释的字体大小也须要大小对比,读者会天然而然地留神到更大的Banner图、题目跟副题目。大小对比是一方面,另外一方面还须要考虑页面上图片跟文字的位置。简单的利用三分法并不能确保构图的饱满,将九宫格置于页面上,恰当地调剂页面的元素的位置跟中心之后,会好不少。
三分法的上风在于它可能兼容非对称式布局,也可能用来优化对称式布局。两种布局机动搭配,借助三分法来凸起页面重点,也控制页面均衡,如此才干调教出优良的网页。
后的思考
绝大多数的艺术情势切实并不固定的规矩,然而有法则可能参考,设计也恰是基于这些法则而一直进步。控制类似三分法这样的法则,理解这个法则的目标所在,深刻理解,即便不刻意去应用,它也会从你的设计中天然而然地展示出来,形同第二本能。这个时候,你就具备了攻破规矩的潜力了!
诚然说设计跟艺术有着基本的差别,然而两者并非对破的关联。诚然依着规矩可能设计出更合乎民众口味的作品,然而攻破规矩,充斥个性跟艺术感的设计作品又何尝不会令人印象深刻呢?
http://www.236w.cn/
>