苹果手机的UI视觉设计构图都是我们值得去学习的好案例。
这节课主要讲解UI视觉设计构图的基本原则。
1、什么是构图?
构图就是有限的画面中,将各种元素进行合理地布局和安排,使图形和文字在画面中达到最佳位置,产生最优视觉效果。
构图是整个画面的骨架,决定了视觉营销界面是否准确的表达主题,吸引用户注重。
2、构图的四项基本法则—分别为:均衡、对比、律动、视点
今天跟大家分享的主要从APP指导页设计,APPbanner图设计说起,这四项基本视觉构图法则适合偏平面设计。当然这也是大家学习APP ui设计的基本理论知识。
当然一个完整的指导页界面包含:主题图、背景渲染图、文字、点缀图以及动画元素组成。
第一条构图法则:均衡
各元素在布局上保持视觉重量的平衡和匀称,从而使视觉界面具有平衡感和稳定性。堆成是均衡的一种极端情况,平衡感和稳定性很强,适合体现但局限性较大、缺乏转变。
视觉构图的理论模型图如下:
第二条构图法则:对比
在视觉界面中通过大小对比、字体大小、粗细对比、疏密对比、曲直对比等形式来凸起和强化主题,引起用户关注。
视觉构图的理论模型图如下:
第三条构图法则:律动
可以理解为有节奏、规律、跳跃、动感等元素。
起指导用户的视觉轨迹的作用。研究注解,画面右上角最能吸引人的关注,而左下角对人的吸引力最小。律动能给人视觉上富有规律的节奏效果,进而吸引用户了解APP界面内容。
视觉构图的理论模型图如下:
第四条构图法则:视点
即 ?视觉的中间点或者是视觉焦点 ?跟我们拍照的时候,需要顶一个焦点。也是视觉传达要素的核心点。
视点:即画面的视觉中间。构图的视觉中间一定是界面最主要的内容,也是必须让用户了解的内容。视觉中间常常在画面中八分之五的地方,以此为基础进行视点构图,能更凸起地体现视觉主题,并将用户的注重力集中到主要内容上。
视觉构图的理论模型图如下:
所以,均衡、对比、律动、视点就是UI视觉设计构图的四项基本法则,大家必须会充分理解和会使用。
希望下面的5个视觉设计基本体现手法,值得大家好好的理解和使用。
① 秩序法:均衡、对称、扩大缩小、平行位移等有秩序有节奏地构图,制造形式美。
② 对比法:色彩、外形等的对比,给人鲜明生动的视觉印象。
③ 元素法:强化点、线、面构图元素,创造视觉交响,寓多样性于个性之中。
④ 矛盾空间法:颠倒、错位、镜像,在空间上构成特殊性,产生一种无限可能、无限发展、无限趣味的空间感。
⑤ 共形法:巧妙嵌合边缘形态,重叠共用,互生互补,变幻相生,给人新颖奇特,别开生面之感。
二次封装jquery ajax办法
在我们前端处理数据的时候免不了要 ajax 与后台通信, ajax 是通过 XMLHttpRequest 对象与服务器进行通信的, jquery 在 XMLHttpReaquest 的基础上封装了 $.ajax 办法进行通信, $.ajax 办法实用性非常强,又非常简单易用
制造业网站建设方案可以怎么设计?
目前制造业企业有很多,但是做网站建设的企业却很少,现在是一个互联网社会,除了智能制造还有“互联网+”,网站建设虽然是很小的一个环节,但却是很重要的因素......
三大最棒的开源Web开发模板或框架
如果要为内容管理系统或静态站点生成器构建新模板,该怎么办?如果想使用单个目标网页或少量不太可能经常更改的静态网页构建简单网站,该怎么办?如果要编写JavaScript应用程序但不想使用复杂的框架或库来构建最终输出怎么办?
一个优秀的企业VI对一个企业的作用应在于?
因此,没有VI对于一个现代企业来说,就意味着它的形象将消失在茫茫的商海之中,让人辨别不清;就意味着它是一个没有灵魂的赚钱机器;就意味着它的产品与服务毫无个性,消费者对它若即若离;就意味着团队的涣散和低落的士气
【网站优化】怎么做文章伪原创让百度收录?
要创作出好的文章并被百度所喜欢,就非常需要SEO的优化能力,以及要对文章进行塬创或伪塬创,那么,如何做伪塬创文章?以及如何做好塬创网站文章呢?对此,本文小编就为大家带来了几招做"塬创"网站文章的心得...