i社区用户: 密码:
搜索:
首页| 资讯| 信息化| 产品| 专题| 创业| 技术天地| 企业中心| 企业论坛| 职场| 周报全文| 商城| 市场
会展| Blog| i社区| 社区联盟| RSS| 电子杂志| 发行| 直播| IT两会| i| 下载| 上网导航| CIO俱乐部
 
风格是网站的外衣
 
 
(计算机世界报 2008年07月14日第26期 48-49) 2008-07-12 17:15:38
 
   
 

所有的前期规划最终都将落实到具体的界面美术设计上。各网站因为主题不同、面向用户群不同,必然需要营造出其独特的风格,在独立的风格之下,网站自身内部各层级应保持风格的统一,记住随时保持之前提到的“一贯性”原则。

■ 搜狐网内容产品部高级设计师 朱宏

营造统一的独特风格

不同的网站有着不同的风格,譬如政府类型网站适合使用颜色较深的沉稳基调,各企业可以依照其产品特性创造独有的风格,给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段,设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制,这是在页面生成为HTML代码前的最后一个阶段。

说到风格,我们先来谈谈构成网页风格的三个基本要素,它们是:颜色、线条和形状、版式。

协调运用颜色

不同的色彩影响着人们对网站的第一感觉,红色系象征着激烈、兴奋,灰色系象征着平淡和低调。因此,旅游和园林类型的网站使用绿色系比较多,蓝色则被誉为是企业色——确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。另外也有几种颜色在网页设计中是很少被大面积使用的,比如紫色。

一个网站不可能单一地运用一种颜色,这会让人感觉单调,乏味;但也不可能将所有的颜色都运用到网站中,给人感觉轻浮、花俏。一个网站必须有一种或两种主题色,既不至于让客户迷失方向,也不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

通常情况下,一个页面内尽量不要使用超过4种色彩,太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后,考虑其他配色时,一定要考虑其他配色与主题色的关系,要体现什么样的效果;另外还要考虑哪种因素可能占主要地位,是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是简洁布局中凸显柔和绿色的网站n词酷,图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。

适当选择线条和形状

文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。以下我们来探讨一下几种不同线条和形状的使用方法。

 1.直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的,也就是所谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。

 2.曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感的,曲线和弧形在页面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。

 3.曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页,适应的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其他线条(形状)。

我们可以通过以下几个例子具体了解一下线条和形状的实际应用,图3是功能型网站校内网,直线为主的同时应用了不对称形状;图4是专业类网站蓝色理想,全站都采用了直线设计;图5是保加利亚知名珠宝网站,曲线的使用达到淋漓尽致。

均衡的分割版式

在网页设计中,页面因为内容元素的需要被分割成很多区块,区块之间的均衡就是版式设计上需要着重考虑的问题。均衡并非简单理性的等量不等形的计算,一幅好的、均衡的网页版面设计,是布局、重心、对比等多种形式原理创造性全面应用的结果,是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中,我们可以看到对比法则的成功参与;而在一些对比不十分强烈、典雅的不对称设计中,我们则可感受到设计者儒雅的学者风范。

需要注意的是,传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下,依照内容多少纵向延展设计。而如今流行的产品型网站,更倾向于在一屏内表达最主要的东西,尤其是首页,尽量不出现滚动条。这里我们可以参考两个例子:图6,中国同学录5460主页面分割,虽缺乏均衡,但还算易用;图7,国外橄榄球俱乐部网站,少见的中央分割设计。

 
  1  2    
   
 全文检索
检索词
 作者检索
 按期查询
 专刊查询
 点击排行
1/3商用Vista PC主动降至...
中国版EIOffice 09支持UO...
华为“自杀式报价”曝光...
可能取代Windows的7个操...
微软该觉悟了?戴尔英特...
史上最具技术创新的10大...
“云安全”更新传统杀毒模式
刘翔退赛令世界媒体感到...
Android手机11月登陆 新...
英特尔推160GB速度240MBp...
  发表评论  您的姓名   您的Email   发布  
   


周报全文频道联系方式:010-68130909
【关于我们】  【广告服务】  【周报发行】  【投稿指南】  【投稿声明】  【联系方式】  【法律声明】
  【媒体手册】  【编读往来】  
Copyright© ccw.com.cn,All rights reserved
中国计算机世界出版服务公司版权所有