用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网页设计教程 > 网页布局排版 > 文章正文
网页的版式设计(五)
iTbulo.COM 2005-4-3 佚名()

编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心。特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感。目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少。经过作者同意,从这一期开始,我们选载《网页艺术设计》一书的部分章节,从最基本的内容讲起,希望对广大网页制作者有所助益。

3.图像的编排

  (1)四角与中轴四点结构
  页面的四个角与对角线、中轴四点及水平与垂直的中轴线,具有支配页面结构的作用。

  四角是页面边界相交形成的四个点,把四角连接起来的斜线即对角线,交叉点为页面中心。中轴四点指经过页面中心的垂直线和水平线的端点。这四个点可上、下、左、右移动。

  通过四角与中轴四点结构的不同组合、变化,可以求得多样的页面结构。在图像排版时紧紧抓住这八个点,可以突出网页的形式美感,网页的版式设计、视觉流程的筹划也得到相应简化。


点击放大图片

图13


 


点击放大图片

图14


 


点击放大图片

图15


  (2)块状组合与散点组合结构
  块状组合,即通过水平、垂直线分割,将多幅图像在页面上整齐有序地排列成块状,这种结构具有强烈的整体感和秩序美感。各幅图像相互自由叠置或分类叠置而构成的块状组合,具有轻快、活泼的特性,同时也不失整体感。

  散点组合,即图像分散排列在页面各个部位,具有自由、轻快的感觉。采用这种结构应注意图像的大小、主次,以及方形图、退底图和出血图的配置,同时还应考虑疏密、均衡、视觉流程等。


点击放大图片

图16


 


点击放大图片

图17


 


点击放大图片

图18


(以上内容节选自顾群业等编著的《网页艺术设计》一书,山东美术出版社出版。)

图13:着重于对左上角和右下角的控制,右下角的树叶起到呼应与稳定页面的作用。
图14:饱满的页面构图,巧妙地利用表盘稳定住页面四角。
图15:以水平分割为主的页面,右上角与左下角安排了文字,打破呆板的感觉。
图16:多幅图片使水平垂直线规律地等量分割,获得了理性与秩序的美。
图17:图片与文字穿插编排,形成散点组合。运用线条的分割、文字的群组化以及单一的背景色形成整体感。
图18:在块状组合结构中,如图片太多,则无法突出重点。这个页面通过改变图片的面积,有效地分开了层次。

 

文章搜索
相关资讯
相关文章 相关下载
网页的版式设计(八)
网页的版式设计(七)
网页的版式设计(六)
网页的版式设计(四)
网页的版式设计(三)
焦点信息