高手传经 网页设计中的几个小技巧

大雨痛快的粉粹

大雨痛快的粉粹

2016-01-29 12:01

高手传经 网页设计中的几个小技巧,高手传经 网页设计中的几个小技巧

个人主页经常需要根据不同节日、不同情况,在首页放置相应的图片,以示声明。平面设计的一些小技巧对这些欢迎界面的设计来说相当重要。细小的地方也会使画面看起来如此的不同。

如上图是Relen的个人主页Relen.com,2004版的首页发布信息,尤其是过年前后,利用雪花来点缀页面是非常合适的。注意这里面的雪花的摆设位置是有些技巧的,你可以考虑用黄金分割来支配你的设计思路,以达到合理、舒适的效果。 先排列文字,运用两到三种不同的字体,绝大多数文字对齐左侧,而其中一行突出,形成错落有致的感觉。文字的大小需要调整,主要信息文字大写,字体突出。而其他根据信息主次和平面设计的要求等多种因素进行排列。个别地方使用斜体加强,或用加粗的形式明示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

字体位置可以放在对角线的中部位置。如下三张图,效果都会不错。



(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

 注意,当文字的位置已经确定时,插图背景中的雪花要对照着文字放入。先做对称比例,注意雪花的大小。太大,会抢夺文字在画面中的重要性,也会影响到其他雪花的排入。寻找合适的位置与大小,感觉画面中各个物体之间的关系。


 

 在文字上方放入的雪花及文字旁边放入的雪花,最下方的雪花,基本上成为斜直线,如此会形成一种飘落的感觉。上方的雪花显示出一般,处理时灵活些,与右上方的点呼应。注意到这几个点的位置都相当重要,可以形成独立的垂直三角形。平面设计中也有力的关系,每个物体之间均有影响和推动作用,不要生硬的搭配它们,而是摸索它们之间的作用关系和相互的对比。

 

 几个点把握好后,再加入一些雪花是画面更加丰富。注意下部又加了一个点这个点使雪花的飘动减慢了,部分雪花可以近似垂直的飘落下来。左下角的部分多些雪花,这个地方的雪花堆积,起到画面平衡重心的作用。

  加入多少雪花,主要看画面的左右两边是否平衡。因字体区域大,文字信息也是画面中最为重要的部分,对比来说,雪花是陪衬,是附带信息,美化信息。雪花在传递信息上就要略微弱一些。雪花面积小,但数量多,重复使它提升了重要性,也加强了左右的对比关系,最重要的是,丰富画面内容,使画面完美统一,效果好。



再次强调:均衡与对称是不同的。对称是在某一个轴线的两边或周围的形象对应、等同造成的一种美感样式,如中国古代建筑或人的双眼、双耳等,它是最早出现以及对人类美的认识产生影响的形式之一。由于对称过于单调,才逐渐形成了均衡这一形式美学的概念,它是对比对称而产生的。是支点两边的形状相异而量感等同的意思,均衡变化多样,只要使画面协调就可以了。

新年过后正好的情人节,把上述的图形稍做变化来适应情人节的节日气氛,其实是十分容易的。某位朋友参照Relen上述的设计作品,设计了一下这副作

展开更多 50%)
分享

猜你喜欢

高手传经 网页设计中的几个小技巧

Html CSS布局 Div+CSS XHTML
高手传经 网页设计中的几个小技巧

高手进阶:网页设计中的文字运用

Web开发
高手进阶:网页设计中的文字运用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

WEB设计中的网页表单关于编码设计的小技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
WEB设计中的网页表单关于编码设计的小技巧

Fireworks中设计网页虚线的几个妙招

电脑网络
Fireworks中设计网页虚线的几个妙招

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页设计中图片的使用技巧

网页设计 设计
网页设计中图片的使用技巧

设计时几个实用的排版小技巧

设计
设计时几个实用的排版小技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

黑客攻击手段之偷梁换柱

黑客攻击手段之偷梁换柱

VC++中轻松实现滑动控件

VC++中轻松实现滑动控件
下拉加载更多内容 ↓