1. 首页
  2. 网站设计
  3. 正文

ui界面设计中的构图法则

  画面的视觉中心,构图的视觉中心必须是界面最重要的内容,也是让用户理解的内容。今天小编主要给大家分享ui界面设计中的构图法则,希望对你们有帮助!

  1.什么是构图

  构图(Composition)是指在有限的画面中合理布局和排列各种元素,以达到画面中图形和文字的最佳位置,产生最佳视觉效果。

  构图是整个画面的骨架,它决定了视觉营销界面是否准确表达主题并吸引用户的注意力。


  2. 构图的四个基本原则

  均衡、对比、律动和视点。

  主要从APP引导页设计,APP banner图设计说起,这四个基本的视觉构图法则适用于偏平面设计。当然,这也是大家学习APP ui设计的基本理论知识。

  当然,一个完整的引导页界面包括:主题图、背景渲染图、文本、点缀图和动画元素。

  1)均衡

  每个元素都保持布局上视觉重量的平衡和对称,因此视觉界面有一种平衡感和稳定感。堆积是一种极端的平衡状态,具有强烈的平衡感和稳定性,它有很大的局限性,并且缺乏变化。

  2)对比

  在视觉界面中,通过大小对比、字体大小、粗细对比、疏密对比、曲直对比的形式突出和加强主题,吸引用户的注意力。

  3)节奏

  可以理解为节奏、规则、跳跃、动感等元素。

  它在引导用户的视觉轨迹方面发挥着重要作用,研究表明,图片的右上角吸引的注意力最多,而左下角吸引的注意力最少。节奏可以给人一种视觉上有规律的节奏效果,从而吸引用户理解APP界面的内容。

  4)视点

  是视觉的中心点或焦点,也是视觉传达要素的核心点。

  视点:画面的视觉中心,构图的视觉中心必须是界面最重要的内容,也是让用户理解的内容。视觉中心通常位于画面的八分之五的地方,作为视点构图的基础,可以更突出地显示视觉主题,将用户的注意力集中在主要内容上。

    延伸阅读

  • ui界面设计怎么排版

    在界面设计中,影响排版设计的因素很多,这些因素直接影响整体排版质量,如果能巧妙地应用到界面上,就能确保大多数界面设计得到改善。今天小编主要给大家分享ui界面设计怎么排版,希望对...

  • ui界面设计中的构图法则

    画面的视觉中心,构图的视觉中心必须是界面最重要的内容,也是让用户理解的内容。今天小编主要给大家分享ui界面设计中的构图法则,希望对你们有帮助!1.什么是构图构图(Composi...

  • ui界面设计对字体有什么要求

    你需要知道什么样的环境,什么样的用途用什么样的字体,什么样的字体使用起来会更舒适。今天小编主要给大家分享ui界面设计对字体有什么要求,希望对你们有帮助!1.选择与设计相符的字体...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/3137.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();