




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、营造统一的独特风格不同的网站有着不同的风格,譬如政府类型网站适合使用颜色较深的沉稳基调,各企业可以依照其产品特性创造独有的风格,给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段,设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制,这是在页面生成为HTML代码前的最后一个阶段。说到风格,我们先来谈谈构成网页风格的三个基本要素,它们是:颜色、线条和形状、版式。协调运用颜色:不同的色彩影响着人们对网站的第一感觉,红色系象征着激烈、兴奋,灰色系象征着平淡和低调。因此,旅游和园林类型的网站使用绿色系比较多,蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳
2、而大方的蓝色。另外也有几种颜色在网页设计中是很少被大面积使用的,比如紫色。一个网站不可能单一地运用一种颜色,这会让人感觉单调,乏味;但也不可能将所有的颜色都运用到网站中,给人感觉轻浮、花俏。一个网站必须有一种或两种主题色,既不至于让客户迷失方向,也不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。通常情况下,一个页面内尽量不要使用超过4种色彩,太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后,考虑其他配色时,一定要考虑其他配色与主题色的关系,要体现什么样的效果;另外还要考虑哪种因素可能占主要地位,是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是
3、简洁布局中凸显柔和绿色的网站n词酷,图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。适当选择线条和形状:文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。以下我们来探讨一下几种不同线条和形状的使用方法。1. 直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的,也就是所谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。 2. 曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感的,曲线和弧形在页面上的
4、重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。 3. 曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页,适应的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其他线条(形状)。 我们可以通过以下几个例子具体了解一下线条和形状的实际应用,图3是功能型网站校内网,直线为主的同时应用了不对称形状;图4是专业类网站蓝色理想,全站都采用了直
5、线设计;图5是保加利亚知名珠宝网站,曲线的使用达到淋漓尽致。均衡的分割版式:在网页设计中,页面因为内容元素的需要被分割成很多区块,区块之间的均衡就是版式设计上需要着重考虑的问题。均衡并非简单理性的等量不等形的计算,一幅好的、均衡的网页版面设计,是布局、重心、对比等多种形式原理创造性全面应用的结果,是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中,我们可以看到对比法则的成功参与;而在一些对比不十分强烈、典雅的不对称设计中,我们则可感受到设计者儒雅的学者风范。需要注意的是,传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下,依照内容多少纵向延
6、展设计。而如今流行的产品型网站,更倾向于在一屏内表达最主要的东西,尤其是首页,尽量不出现滚动条。这里我们可以参考两个例子:图6,中国同学录5460主页面分割,虽缺乏均衡,但还算易用;图7,国外橄榄球俱乐部网站,少见的中央分割设计。 强调UI统筹:除开宏观的色彩版面设计,页面设计里还有一个很重要的环节UI元素的设计。在设计人员的理解层面上,所有界面上可视范围内的东西,都可以并入UI里,但是单说UI设计,则更侧重于Tab标签、小图标、按钮、控件等。这些细节的优化,通过使用元素来影响整站风格,制造整体性及连续性,能统一整个站点的形象,并且在精致中表达网站的整体格调。具体的UI元素设计是见仁见智的,这里推荐一些优秀的作品给大家参考学习。图8,银华基金网站的icon(小图标)细节;图9,开心网的icon设计细节。适当美化 去除冗余在必要的元素都设计完成之后,回顾整个页面,根据整站的风格需要,也许你会觉得设计得过于复杂了,或者是设计得不够完美,不能突出想要的风格。这个时候就需要适当调整对页面的美化控制。简洁的往往是美的,而美的东西不一定简洁。尤其在网页设计上,对于内容很多的门户网站,任何多余的修饰都会加重浏览者眼睛的负担,所以可以看到门户的设计往往特别简单;而某些专业型网站,就首页来说确实没有什么东西可以展示,那么则需要刻意增加一些点缀而不显得特别空洞。
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025版高考英语一轮复习第1部分Unit3Inventorsandinventions教学案含解析新人教版选修8
- 初中英语双语阅读④ThingsMyMotherTaughtMe素材
- 2025年湖南省高中学业水平合格性考试仿真历史试卷(专家版六)(含答案)
- 2025至2030年中国白花蛇舌草行业市场竞争格局及投资战略研判报告
- 苏教版高一下册数学必修第二册 13.2.2 空间两条直线的位置关系 同步练习(含答案)
- 镇管网提升改造工程实施方案(范文模板)
- 2025至2030年中国生鲜智能快递柜行业市场研究分析及产业趋势研判报告
- 应用型高校仪器分析课程的教学改革探索
- 天文测量仪器项目投资风险评估报告
- 广州科技职业技术大学《音乐课件制作》2023-2024学年第二学期期末试卷
- 派特灵用于女性下生殖道人乳头瘤病毒感染及相关疾病专家共识(2025年版)解读
- 数字化转型背景下制造业产业链协同创新机制研究
- 贵州大学语文试题及答案
- 公司主体变更劳动合同补充协议7篇
- 早产儿经口喂养临床实践专家共识(2025)解读
- 汽车快修连锁加盟商业计划书
- DB33T 1376-2024乡镇(街道)应急消防管理站建设与运行规范
- 2025年粮油仓储管理员(高级)职业技能鉴定参考试题库(含答案)
- 2022比亚迪员工手册
- 元宇宙技术与应用知到课后答案智慧树章节测试答案2025年春中国科学技术大学
- 2025年中国车载逆变电源市场调查研究报告001
评论
0/150
提交评论