首页 什么是网站风格?

什么是网站风格?

举报
开通vip

什么是网站风格?什么是网站风格? 营造统一的独特风格 不同的网站有着不同的风格,譬如政府类型网站适合使用颜色较深的沉稳基调,各企业可以依照其产品特性创造独有的风格,给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段,设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制,这是在页面生成为HTML代码前的最后一个阶段。 说到风格,我们先来谈谈构成网页风格的三个基本要素,它们是:颜色、线条和形状、版式。 协调运用颜色: 不同的色彩影响着人们对网站的第一感觉,红色系象征着激烈、兴奋,灰色系象征...

什么是网站风格?
什么是网站风格? 营造统一的独特风格 不同的网站有着不同的风格,譬如政府类型网站适合使用颜色较深的沉稳基调,各企业可以依照其产品特性创造独有的风格,给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段,设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制,这是在页面生成为HTML代码前的最后一个阶段。 说到风格,我们先来谈谈构成网页风格的三个基本要素,它们是:颜色、线条和形状、版式。 协调运用颜色: 不同的色彩影响着人们对网站的第一感觉,红色系象征着激烈、兴奋,灰色系象征着平淡和低调。因此,旅游和园林类型的网站使用绿色系比较多,蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。另外也有几种颜色在网页设计中是很少被大面积使用的,比如紫色。 一个网站不可能单一地运用一种颜色,这会让人感觉单调,乏味;但也不可能将所有的颜色都运用到网站中,给人感觉轻浮、花俏。一个网站必须有一种或两种主题色,既不至于让客户迷失方向,也不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 通常情况下,一个页面内尽量不要使用超过4种色彩,太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后,考虑其他配色时,一定要考虑其他配色与主题色的关系,要体现什么样的效果;另外还要考虑哪种因素可能占主要地位,是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是简洁布局中凸显柔和绿色的网站n词酷,图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。 适当选择线条和形状: 文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。以下我们来探讨一下几种不同线条和形状的使用方法。 1. 直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的,也就是所 谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视 觉效果。一般应用于比较庄重、严肃的主页题材。 2. 曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感的,曲线和弧形在页面 上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼 的主页题材。 3. 曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以 大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页, 适应的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度 也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上 以一种线条(形状)为主,只在局部的范围内适当用一些其他线条(形状)。 我们可以通过以下几个例子具体了解一下线条和形状的实际应用,图3是功能型网站校内网,直线为主的同时应用了不对称形状;图4是专业类网站蓝色理想,全站都采用了直线设计;图5是保加利亚知名珠宝网站,曲线的使用达到淋漓尽致。 均衡的分割版式: 在网页设计中,页面因为内容元素的需要被分割成很多区块,区块之间的均衡就是版式设计上需要着重考虑的问题。均衡并非简单理性的等量不等形的计算,一幅好的、均衡的网页版面设计,是布局、重心、对比等多种形式原理创造性全面应用的结果,是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中,我们可以看到对比法则的成功参与;而在一些对比不十分强烈、典雅的不对称设计中,我们则可感受到设计者儒雅的学者风范。 需要注意的是,传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下,依照内容多少纵向延展设计。而如今流行的产品型网站,更倾向于在一屏内表达最主要的东西,尤其是首页,尽量不出现滚动条。这里我们可以参考两个例子:图6,中国同学录5460主页面分割,虽缺乏均衡,但还算易用;图7,国外橄榄球俱乐部网站,少见的中央分割设计。 强调UI统筹: 除开宏观的色彩版面设计,页面设计里还有一个很重要的环节UI元素的设计。在设计人员的理解层面上,所有界面上可视范围内的东西,都可以并入UI里,但是单说UI设计,则更侧重于Tab标签、小图标、按钮、控件等。这些细节的优化,通过使用元素来影响整站风格,制造整体性及连续性,能统一整个站点的形象,并且在精致中表达网站的整体格调。具体的UI元素设计是见仁见智的,这里推荐一些优秀的作品给大家参考学习。图8,银华基金网站的icon(小图标)细节;图9,开心网的icon设计细节。 适当美化 去除冗余 在必要的元素都设计完成之后,回顾整个页面,根据整站的风格需要,也许你会觉得设计得过于复杂了,或者是设计得不够完美,不能突出想要的风格。这个时候就需要适当调整对页面的美化控制。 简洁的往往是美的,而美的东西不一定简洁。尤其在网页设计上,对于内容很多的门户网站,任何多余的修饰都会加重浏览者眼睛的负担,所以可以看到门户的设计往往特别简单;而某些专业型网站,就首页来说确实没有什么东西可以展示,那么则需要刻意增加一些点缀而不显得特别空洞。当然,这也不是定理,针对行业不同或者突发性事件,适当地对设计进行调整也能够起到很好的效果。这里我们就举两个门户网站的例子: 图10是奥运版的搜狐首页,门户也设计得美观大方;图11是网易的经典首页,简洁大方堪为业内典范。
本文档为【什么是网站风格?】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_348501
暂无简介~
格式:doc
大小:342KB
软件:Word
页数:0
分类:
上传时间:2018-10-07
浏览量:7