loading请求处理中...

网页设计的三分法,如何运用网页设计三分法

2021-12-02 00:07:12 阅读 11831次 标签: 网页设计素材asp动态网页设计 作者: 蓝blue

  对于摄影师而言,取景布局三分法是非常熟悉的概念。尽管它是非常引人入胜的概念,但是在进行网页设计的时候,几乎没有人会拿三分法来说事儿。当然,这并不意味着不可能,只是这种跨领域的事情很少被注意到罢了。下面一品威客网小编告诉您网页设计的三分法,如何运用网页设计三分法。

网页设计的三分法,如何运用网页设计三分法

  所以,在今天的文章里我想解释一下三分法,并且分享一些将其运用到网页设计时的技巧和经验。不过三分法并不一定适合所有人,毕竟提升设计和设计流程的技巧和方法有很多。不过作为一项基本的排版布局规则,三分法本身是绝对值得学习的,并且在网页设计中也颇为实用。

(专业事找专业人做,找相关服务请加小编qq:1482553732,或者您可以小编微信:lanhuahua35,进行沟通交流,也可以直接扫下面微信二维码添加小编微信,专业、优质、低价 ,先服务后付款,不满意不用钱)

小编的微信二维码,如有需求,欢迎扫一扫

网页设计的三分法,如何运用网页设计三分法

  一、为何三分?

  也许你会问,为什么一定要三分呢?这种奇怪的设定到底是从何而来?还好,我可以很高兴地告诉你这玩意和数学定理抑或复杂的逻辑推理都没有关系,也没有太多的必要在这个东西的来源上过度深究。

  三分法仅仅是来自于传统艺术,目前在摄影中运用得尤其多。纵横三分,整个布局被分为9个平均的区块,横向纵向各有2条分界线。三分法规定,为了尽可能吸引观者的注意力,视觉重心或者最吸引人的东西应该尽量靠近四条线相交处。

  你可以在WDD的这篇文章中找到绝佳的实例。很多时候非对称的布局常常能让整个页面更加富有生趣,但是这并不意味着着任何时候都得用非对称布局,因为在有的场合,对称布局会更有意思,而在这个时候,三分法则意义并不大。

  摄影的时候,最理想的目标是一独特的视角捕捉到一些能吸引人的场景,而非对称的布局使得视野中的一些元素比其他的更加突出,而这些突出的元素通常压在之前所说的四个交点上。

  那么重新回到网页设计的问题上,三分法和网页设计到底是如何结合到一起的呢?正如同摄影时三分法下的布局能够吸引观者一样,符合三分法的网页也一样能让浏览者更加关注焦点内容。

  二、了解三分法的栅格

  四条线,四个焦点,九个区块,这就是三分法下的栅格框架。许多网站的首页设计都符合F式布局或者Z式布局,用户也已经习惯了这样的浏览方式,通常视觉的起点都是左上角,这也是设计师需要关注的首个区块。

  这也就意味着,左上方的交点处应该与页面的某个重要内容相重叠。交点处并不是非要放置链接或者图片(当然非要放也并非不可),它更像是一个标记,用以区分布局的一个重要节点。比如页面标题的起始点可以与之重叠,整个标题与横向第一条线相齐平,然后在标题下放置Banner图之类的内容。

  值得注意的是,使用三分法来分析网页设计更多的是一个用户体验设计上的概念,而非一项完整的设计准则。所以,如果你想借助这一概念来分析网页设计的话,建议将网页在浏览器中打开之后截图分析处理,完整的网页太长,而且用户浏览永远是基于屏幕而非一次看完整个页面,所以也没有必要使用整个页面,截图足以。如果设计尚处于原型阶段,那么建议参考屏幕比例来截取分析。

  所以,你应该从用户的浏览习惯出发,结合三分法来进行分析优化。当用户浏览网页的时候会下意识注意到关键部位,正确的使用三分法来设计页面,你会发现这种3×3的栅格能帮你带来极具启发性的设计。

    一品威客网汇聚了数百万专业的移动应用UI设计软件UI设计整站网页设计网站模板设计网站标志设计网站广告设计网站动画设计网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。(如需要找相关服务,请加我的qq:1482553732,专业优质,先服务后付款,不满意不用钱)

  更多与“网页设计的三分法,如何运用网页设计三分法相关内容推荐:

一分钟看懂名片设计流程 |  全套VI设计流程图 | 一张图看懂宣传册设计流程 | 

一张图看懂商标设计流程 | 一张图看懂包装设计流程 | 最新广告设计流程图  | 

最新服装设计流程图 |  最新logo设计流程图   |


网站UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
网站UI设计相关任务
DESIGN TASK 更多
求购网页版电商直播系统

¥20000 已有2人投标

网页版软件开发一期款

¥5000 已有1人投标

网页播放m3u开发

¥10000 已有2人投标

网页程序

¥600 已有1人投标

仿一个物流的网页版物理系统

¥6300 已有7人投标