课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 手机UI视觉设计构图的基本法则
  • 手机UI视觉设计构图的基本法则

    发布:南昌达内      来源:达内培训      时间:2015-11-12


  •     达内UI设计培训专家为同学们讲解手机UI视觉设计的黄金构图原则。

        1、什么是构图? 

        构图的定义:有限的画面中,将各种元素进行合理地布局和安排,使图形和文字在画面中达到最佳位置,产生最优视觉效果。

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

        2、构图的四大黄金法则—均衡、对比、律动、视点

        这四项视觉构图黄金法则主要适合偏平面设计,帮助大家学习APP ui设计的基本理论知识。

        一个完整的引导页界面包含:主题图、背景渲染图、文字、点缀图以及动画元素。 

        第一条构图法则:均衡

        各元素在布局上保持视觉重量的平衡和匀称,从而使视觉界面具有平衡感和稳定性。堆成是均衡的一种极端情况,平衡感和稳定性很强,适合表现但局限性较大、缺乏变化。 

        第二条构图法则:对比 

        在视觉界面中通过大小对比、字体大小、粗细对比、疏密对比、曲直对比等形式来突出和强化主题,引起用户关注。 

        第三条构图法则:律动

        律动可理解为有节奏、规律、跳跃、动感等, 起引导用户的视觉轨迹的作用。研究表明,律动能给人视觉上富有规律的节奏效果,进而吸引用户了解APP界面内容。 

        第四条构图法则:视点

        视点就是视觉的中心点或者是视觉焦点,也是视觉传达要素的核心点。 构图的视觉中心必然是界面最重要的内容,也是必须让用户了解的内容。视觉中心常常在画面中八分之五的地方,以此为基础进行视点构图,能更突出地表现视觉主题,并将用户的注意力集中到主要内容上。

        达内UI培训专家还总结了5个视觉设计的表现手法:

        ① 秩序法:均衡、对称等有秩序和节奏地构图,突出形式美

        ② 对比法:色彩和形状等对比,达到鲜明生动的效果

        ③ 元素法:强化点、线、面构图元素,制造出视觉交响效果

        ④ 矛盾空间法:空间上构成特殊性,给人以无限可能的空间感

        ⑤ 共形法:嵌合边缘,重叠共用,互生互补,新颖独特

    推荐文章

上一篇:达内集团参加中国教育创新"20+"论坛首届年会

下一篇:达内分析背景图设计的注意事项

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56