首页 > 网站建设 > 蓝韵观点 > 设计前沿 > 杭州网页设计整体形式分析
杭州网页设计整体形式分析

作者:panjiming来源:蓝韵网络时间:2017.07.21

如今,在微信占领移动终端的绝大多数资源的情况下,互联网的竞争优势已不再明显。但是,作为企业的媒体门面,一个好的网站版式设计不仅会提升企业形象,更有助于扩大企业的知名度和业务资源范围。

杭州网页设计中首先要考虑同时也是十分重要的一点:版式布局。一个设计精致养眼的主页可以提升网站的整体效果,这个不需赘述。但是,想要让版式变得不再单调生硬,掌握好版式分割则显得尤为重要。

1、什么是版式分割?

版式分割是指的在有限的版面空间里用图形或图片把整个版面分割为2个或者多个部分(例如上下或左右)并分别在左或右配置人物或标题等,把构思与计划以视觉形式表达出来,这样会让你的设计更有创造性。

2、版式分割在设计中的作用

将呆板单独的一个版面分割为多个版面,在视觉上面具有一定的引导性。同时通过各个版面的面积大小也可以明确当前杭州网页设计的主次关系,更具有对比性,并且使得画面感性而有活力。

3、分割在设计中的应用

通过对版面进行分割并且采用了倾斜性的分割形式,不规则和起伏感强烈的分割使版面立刻活跃起来,更加有节奏感,另外通过上下版面不同的两块面积的对比色配色,加大了画面对视觉的冲击。

上面的设计通过圆的外形来分割页面,文案和画面信息我们能知道这是关于户外旅行的网站页面。圆的外形更容易给人亲和力,使人更容易接纳。它的细节更在于圆本身的细节把圆形更生动和具有层次感,而不单单只是一个简单的形状。

不规则的形状分割版面比单纯的几何形状分割更有创造力,它营造的氛围动态十足,所以大家常常会看到优秀的设计中会出现一些比较有趣的页面中,比如说海报等,去除材质它们也是形状,只是更加具象的分割版面在画面中表现得更为突出。

4、如果没有版面分割,会是什么效果?

通过对图片版面分割的还原,我们不难发现没有版面分割的图片失去对比,节奏感,氛围这些方面的视觉感受。即使它在标题排版上很吸引人,但版面分割可以让它表达得更好。

5、具象的版面分割案例展示

网站的主页设计大致可分为动态和静态两种方向。静态网站的主页设计相对简单,只要放上一张醒目好看的图片,就会很吸引人。而动态网站的设计则是在鼠标下滑的过程中产生版面上的动态变化,可以增强视觉的冲击力。

6、如何利用版式分割来搭建版面布局?

1、“T”结构布局形式  

所谓“T”结构,就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,整体效果类似英文字母“T”,所以称之为“T”形布局。这是杭州网页设计中用得较广泛的一种布局方式。这种布局的优点是页面结构清晰,主次分明,是初学者较容易上手的布局方法。缺点是规矩呆板,如果不注意细节色彩,很容易让人“看之无味”。

2、“口”型布局

这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情链接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。

 对称对比布局

顾名思义,采取左右或者上下对称的布局,一半深色一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是很难将两部分有机地结合起来、

POP布局

POP引自广告术语,就是指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点。优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局,还是值得借鉴的。

国型布局

国型布局也称为同型布局,是一些大型网站喜欢使用的布局类型。较上面是网站的标题以及横幅广告条,接下来是网站的主要内容,左右分列一些小条内容,中问是主要部分,与左右一起罗列到底,较下方是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页的设计,其主要优点是页面容纳内容很多,信息量大。

标题正文型布局

这种布局的较上方是标题或广告等内容,下面是正文。通常文章页面或注册页面采用此种布局,其特点是简洁明快,干扰信息少,较为正规。

版式分割对于版式设计来说只是其中的一个影响因素,色彩也是影响设计效果的一个重要因素。

7、网站设计中的色彩运用

杭州网页设计主题色的运用不仅仅根据设计师的喜好问题,更重要的是能结合产品特色选用贴切的色彩,整体形象设计的专业有利于打造良好的企业VI视觉效果。

本文为蓝韵网络(杭州网页设计)原创文章,转载请注明原文网址摘自于http://www.lanyun2009.com/views/727.html,注明出处;未注明出处禁止转载。

 

 

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗