验货员论坛

 找回密码
 注册
搜索
查看: 726|回复: 5
打印 上一主题 下一主题

分享 网页设计应急小技巧

[复制链接]
跳转到指定楼层
1#
发表于 2011-10-1 10:53:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……
突然觉得束手无策,脑袋里一片空白,没想法了,怎么办?
下面简浅的归纳了几个快速让页面出彩的小技巧:
1.旋转法将页面的主体或局部进行旋转
[url=http://www.alibuybuy.com/?attachment_id=7783][/url]
我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。
对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上轻松活泼起来,看过现在这个画面,真是无法想象未旋转前的平淡。同时,相比大块的方形空白,不规则的余白也不会显得空洞。
2#
 楼主| 发表于 2011-10-1 10:55:07 | 只看该作者
黄金比率被认为是最理想的矩形比例,在过去的文化遗产中也有很多这样的遗存。将这个比率应用到版式设计中,也能够设计出容易为用户所喜欢的构图。但不要被这些比例所束缚,很多是靠自己的感觉去应用。
上图,除去背景无非就是一个排版清晰的页面,将背景分割后,对比的色块使画面产生纵深感,页面的丰富性和视觉冲击力迅速增强。人物也好像着陆了一样,平稳的站在画面中。
与直线相比,曲线具有圆润的特点,让人感觉轻松、愉悦。增强视觉感的同时也能够营造活跃的气氛。
上图中,大众的logo和焦点图中的机器人产品,全部由曲线组成,这种情况下,用曲线来分割背景和焦点就显得理所当然了,画面中曲线合理的运用也提高了层次感,机器人和红色标题都更突出。

评分

参与人数 1金币 +5 威望 +8 收起 理由
MS168 + 5 + 8 我很赞同

查看全部评分

3#
 楼主| 发表于 2011-10-1 10:57:29 | 只看该作者
现实中的东西也可以应用到网页设计中?当然可以,只要想的到。
如图,信封是我们生活中常用的东西,如此生活化的东西借用到网页上,展开在用户面前,好像邮寄给您的信一样,立马让人眼前一亮,亲切感油然而生。作为游戏活动的通告页,用白色的信纸来盛放主体内容也再合适不过。
不同的几何形状有不同的性格,圆形是活泼可爱的,方形是平稳整齐的,三角形就是尖锐动感的。
三角形的不平衡性及其尖锐性能够增强视觉上的刺激,快速吸引用户,可以用于科技和时尚这种风格同样比较锋利的网页。
上图,将同色系小三角形均匀的拼贴起来,马上就营造出一种钻石璀璨般的时尚感。但实践的时候要注意加减法,不能乱堆一通,点到为止即可。
经常面对需求方这里是重点、那也是重点、那那那也挺重要,统统需要突出的要求,对于主题比较明快的页面
可以考虑将版块用不同颜色来区别,通过色块来强化页面版式和布局,难度较大的是在色彩搭配上要取得平衡。
上图,版式在页面都以块来体现,没有什么效果,为了突出重点,在重要区域选择了饱和度较高的红黄绿三个颜色,产生明确的视觉中心,让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐,红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了。
[url=http://www.alibuybuy.com/?attachment_id=7795][/url]
当使用四到五种纯色进行搭配的时候,注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近,搭配起来基本上都不会觉得太牵强。


以上几个小技巧可以在情况紧急时参考,大家也可以用类似的方法总结出更多的小技巧自用。


资讯来自网络,仅作参考。

评分

参与人数 1金币 +10 威望 +10 收起 理由
MS168 + 10 + 10 你很热情,国庆快乐

查看全部评分

4#
发表于 2011-10-1 14:34:40 | 只看该作者
谢谢分享。。。。。
5#
发表于 2011-10-1 16:24:22 | 只看该作者
谢谢分享,辛苦了。。。
6#
发表于 2012-5-24 10:38:23 | 只看该作者
关注中,等待
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|Archiver|外贸验货员网

GMT+8, 2025-1-20 20:08 , Processed in 0.070268 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表