南昌UI培训
达内南昌中心

0571-56020837

热门课程

手机UI视觉设计构图的基本法则

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


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

    1、什么是构图? 

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

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

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

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

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

    第一条构图法则:均衡

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

    第二条构图法则:对比 

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

    第三条构图法则:律动

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

    第四条构图法则:视点

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

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

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

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

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

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

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

上一篇:达内集团参加中国教育创新"20+"论坛首届年会
下一篇:达内分析背景图设计的注意事项

达内Linux学员毕业2周就业率96%,最高薪资10000元

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

达内教育集团总裁韩少云:回归本质, 打铁还需自身硬

达内教育、北京开放大学联合推出“保就业的学历教育”

选择城市和中心
贵州省

广西省

海南省

台湾