您的位置:首页> 日志> 视觉设计 正文
DTOP

网页设计中的七种视觉方式

chenke | 2018年03月31日 |

>>收藏本文 已有 0条评论

 
一个网站的设计并不是信息的层叠,作为设计师,我们也不能左右浏览者,但我们可以通过视觉设计方式,去引导浏览者,让他们在打开网站时第一眼看到哪,第二眼又看哪里,哪里会着重看一下,哪里又会大略看一下,如果达到了这个初衷,那我们设计的网页就是一个成功的作品,我们可以通过以下视觉方式去研究设计我们的网站。
 
一、横向
 
将网页页中的板块按着水平方向排列,这种方法也是比较适合大众的习惯,因为人们都比较习惯“从左到右”的浏览一个网页。这种横向排列,一般页面都比较简短、多采用滑动门、横向左右滑动整屏来达到效果。
 
二、竖向
 
将网页页中的板块按着垂直方向排列,给人以理性、直率、庄重、坚定的视觉感受,这种垂直排列,一般网页信息量比较大,或以展示形象宣传为主。
 
三、曲线
 
它是将网页模块元素按曲线的方向进行排列,引导人们按照曲线的路径进行阅读信息。曲线的排列方式给人一种柔美、优雅的视觉感受。这种排列不但具有韵味、节奏,更有动态美,更能够营造出轻松舒展的气氛。
 
四、斜向
 
它是将网页模块元素按斜向的方向进行排列,斜向排列方式给人以跳跃的视觉感受,具有强烈视觉冲击力,非常容易吸引人们的目光,多用于专题设计以及网站背景元素。
 
五、宾客
 
它是在网页设计中选择一处位置进行重点信息的传达,也就是用一个图形、文字或色彩形象占据版面的重点位置,突出其要表达的信息。它可以可以是直观的呈现,主题鲜明突出,也可以是隐藏其中的表达,引人深思。
 
六、重复
 
它是把相同或相似的元素进行重复的、有规律的排列,使其产生一定的秩序、节奏与韵律,给人以视觉上的重复感,它将一个图案或图形进行重复排列,增强了图形的识别性和画面的生动感,既能强调主题,加深人们的印象,又能使版面形成强烈的视觉效果。比如我们常见的3D旋转焦点图。
 
七、分散
 
指图与文字之间、图与图等进行自由分散的排列方式,可以有规律,也可以随意调整。充满自由轻快之感,可以凸显作者的个性和想法。图片和文字大小、主次的灵活搭配,能使人们的阅读视线在版面上自由地转换,给人一种散而不乱的视觉体验。