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

2016-01-29 12:01 4 1 收藏

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

【 tulaoshi.com - Html 】

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

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

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



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


 

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

 

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

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

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

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



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

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

来源:https://www.tulaoshi.com/n/20160129/1484288.html

延伸阅读
来自网易四十大盗的一篇经典文章,现在很多同学设计网页木有思路和灵感,保证你看完本文一定受益匪浅。工作中,网页设计师经常会遇见这些状况:时间短又要出彩、大气又要有气氛、风格不明确很难把握、栏目又多页面又长,突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 一、旋转法 将页...
标签: Web开发
1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样...
在设计中,对称创造了平衡,平衡了创造和谐、秩序和审美。自然界中对称无处不在,也许正是这种无处不在的状态让我们发现对称的美。形态学的基本原则之一就是对称,它是一套人类形为理论,形态学认为人类对看到和遇到的事物本能的产生出秩序和完整性。 However, symmetry can get boring. Asymmetry is a break in symmetry, which when used e...
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 从色彩研究的方向来看,色彩分为色调、饱和度、明度三方...
运用好透明效果是提高网页设计水准的重要方法之一。如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于透明的实用小技巧哟。 在网页设计中使用透明效果是件既美观又冒险的事儿。透明效果的使用是把色块,文本或图像变薄或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显...

经验教程

790

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部