金石计算机软件开发有限公司
你的页面为什么不精彩?
更新时间:[2014-07-29]
 
 

时间短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……
突然觉得束手无策,脑袋里一片空白,没想法了,怎么办?


下面的方法能够让你的页面快速出彩:

旋转和平移,会对你的整个页面版式造成什么样的效果?

图一:一张优质的稳定的摄影图片。
图二:旋转后的不稳定构图使图片显得活泼动感而有趣。
图三:重心右移,打破对称的构图增强了画面的紧张感。

这种最快速改变视觉结构的简单方式,可以快速的运用于网页中!

旋转和平移打破了画面横平竖直的呆板,旋转后的视觉更加轻松活跃,旋转构成的斜线条也可以产生运动和速度感,所以许多运动的、刺激的、具有速度感的主题适合直接旋转处理,另外运动、速度衍生出年轻的、时尚的之类主题也可以适用,轻微的旋转也可以使画面更贴近于自然的生活状态,增强真实性与亲切感。

1.旋转法– 将页面的主体或局部进行旋转

这是征文比赛的活动页面,作者用手写的方式来表达,通过小小的旋转把手写的轻松状态体现出来,增强页面的亲和力。整体旋转可以减小旋转的角度,以保证信息的阅读性。

一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。
对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上轻松活泼起来,看过现在这个画面,真是无法想象未旋转前的平淡。同时,相比大块的方形空白,不规则的余白也不会显得空洞。

上图,将背景旋转后,大面积的斜面产生了很强的速度感,赛车急速飞驰着,好像下一秒就要从电脑中冲出来一样,倾斜的大标题和旋转后的背景交叉配合,使画面整个都运动起来。这种方法可以应用到很多运动的主题上。

速度、随性、自由,是旋转页面带给我们的视觉感受。
而当我们旋转页面的同时,新的创意也可能随之产生。它让我们知道,方块的面版不仅仅是个信息的容器,只要稍稍发挥想像,它也会成为视觉和创意的主体。

下面我们选择QQ西游七夕鹊桥难的专题来进行尝试,旋转不仅适用于一些速度感或运动类的主题,它也能让日常的专题通过旋转产生新的创意和联想,开拓了思路,下面我们一起来看一看。

动手制作旋转页面:

传统版式                                                             旋转版式

将原有网页信息内容往左侧或右侧平行移动,使页面产生不移定的状态,然后在这种与常见方式不同的不平衡的布局中寻找到更新鲜的创意和表现方式。

页面点评:这是QQ西游的网吧装机专题,收到需求后,我们通过简单的排版完成了页面。画面除了简洁也便没有其它的特点,气氛不足也无任何的亮点,时间紧迫、创意枯竭,我们要如何改进。

为了寻找一些不一样的视觉效果,我们用了平移网页的方式,下面我们来看看,它是否能够为我们带来一些不同的表现。

平移背景
 
将背景平移,设定前景和背景的颜色,可以选择对比色来增强视觉冲击力。让专题的整体调性更加鲜亮一些。在平移时可以选择移至800像素宽度的边缘,这样1024的用户也可以看到平移效果。

通过颜色的设定,我们可以将其场景化,让画面更加深动,这里我们选择了桌面的木板质感做为黄色的实物设定,紫色的内容界面则通过卷角设定为一张纸质的海报。

对其进行细化,由于是装机主题,我们将键盘鼠标、游戏道具还有奖励一起放上桌面,让人感受到装机后可以直接体验游戏的感受。然后大体细化一下光影让视觉更加整体。这样就基本上完成了。

看看页面平移前后的感觉吧:

收藏到网摘: 添加到百度搜藏 用google书签收藏 用“美味书签”收藏 用yahoo收藏 用新浪vivi收藏 用365key收藏 用windows live书签收藏
Google
合作伙伴
客户服务
客服中心
服务范围
服务三步曲
产品及服务
网站建设
独立系统开发
网站推广
软件开发
主机和域名
域名注册
空间租用
域名信息查询
学习园地
技术支持
营销推广
其它支持
下载中心
人才招聘
招聘岗位
福利待遇
校园活动
应聘渠道
汇款方式
汇款方式
网银在线
关于金石
金石概述
金石记事
技术实力
荣誉证书
互动中心
娱乐中心
联系方式
在线留言
联系我们
网站导航
Copyright © 2007-2015 www.net-hn.cn All rights resrved.