首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图 ┆ 虚拟主机 ┆ 中文域名
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置:源码园 → IT学院 → 网页设计 → 其他相关 → 文章内容

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

作者:无从考证  来源:转载  发布时间:2007-2-6 21:02:05

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

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

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



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


 

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

 

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

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



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

新年过后正好的情人节,把上述的图形稍做变化来适应情人节的节日气氛,其实是十分容易的。某位朋友参照Relen上述的设计作品,设计了一下这副作品。这副作品效果不假,它出现了严重的概念错误。


  分析上图:
  1、色彩。情人节是浪漫的象征,而他使用了偏暗的红色,给人一种非快乐的阴郁感觉,相当不好。
  2、文字装饰。字体选择是很重要的,若选择的字体富有了一定的表情情感,如2004中的心型,那么设计就需要考虑这些细节的不同,并加以调整。可这副作品虽然选择了可爱的字体,其他两种字体就没有与之配合,而是孤立的摆放。字体的疏散及缺乏细节,使画面感觉松散缺乏统一的美感及细致的环节。
  3、图形。图形的问题最大。表现浪漫的图形,常用的有心型、气球、彩棒(开Party用的小饰物)等等都可以使用。而他运用了十分理智的图形,这种理智的图形象征的是化学、科学,严谨而庄重的事情,没有快乐、温馨的感觉。使画面看起来相当不搭配,十分怪异。
       看似简单的一个小的平面设计,居然会出现这么多问题。为了给了他一个小小的建议,Relen制作了下图:

花了不到2分钟,把色彩进行了调整,但只有色彩的变化是不够的,情人节很容易让人联想到礼盒的包装,仅仅使用表现浪漫的斜线,就完全表达出了温馨、幸福、快乐的这一概念。

   在上面加上文字,即使不做其他装饰,现在的图像,意义已经可以表达完整了。还可以稍微对色彩做些改变,如果你习惯浅的色彩,或是更浪漫的紫红色都可以。注意,不论你选择怎样的色彩组合,画面背景深、斜线色彩浅等方式,图片最终都要和网页背景相互搭配和谐。斜线的交叉、错位,也会达到较好的效果。如下图,只需几分钟就更改了效果。



[] [返回上一页] [打 印]
  • 上一篇文章:从美的原则谈网页上的艺术表现:美的原则
  • 下一篇文章:设计高手进阶技巧:用记事本编辑网页

  • 相关文章:
  • [组图]Word中直接拖拽表格和文件的几个小技巧
  • [组图]两个小技巧 用Word 2003助你轻松阅读文档
  • [组图]直接拖拽表格和文件的几个小技巧
  • word xp的两个小技巧
  • 重装系统必须注意的几个小技巧
  • 重装Windows系统不可忽视的几个小技巧
  • Win2003安装后的十个小技巧
  • 挂马的一个小技巧--挂马,技巧
  • 合理维护网络服务器安全的七个小技巧--维护,网络,服...
  • 快速增强路由器安全的十个小技巧--路由器,安全,技巧...
  • 快速增强路由器安全的十个小技巧--快速,增强,路由器...
  • FW中的动画输出的一个小技巧
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号