21世纪是网络信息的时代,各种主题的网站层出不穷,例如比较热门的电子商务网站、社交网站、视频网站等。虽然网页设计发展的时间不长,但是网页设计已经有了质的飞跃;要求不再仅是信息的传达美观和功能的实用,更注重整体设计的审美效应。审美效应指在艺术鉴赏过程中,我们总是从艺术作品的可视层面开始,然后经过我们复杂的精神活动,进而引发我们内心深处的某种情绪、感情。
每个网站设计都有自己的风格,广义的“风格”是网站的整体形象给浏览者的综合感受;狭义指设计师作品中所表现出来的创作个性与艺术个性。不一样的个性表现出来的风格不同,不同风格的网站给人的审美感受不同。网站的艺术个性是整体设计的一部分,整体大于局部。从宏观的角度分析,设计风格的审美效应概括起来主要是宁静、轻松、严谨、庄重;当然人们的情绪感受不止这些,通常我们拒绝消极情绪的设计,除了少数特殊的网站。
一、审美效应——宁静
宁静,顾名思义是安宁平静的意思。这种平和心态的审美效应走的是中庸之道,网页设计风格趋于简洁明快的中性化设计,没有明显的个性倾向。此类风格最大的禁忌是大面积使用鲜艳的色彩以及强烈的对比设计。首先减少颜色的使用,配色向低饱和度的灰色系靠拢,因为灰色最容易让人心里平静。其次更多的留白,一是能突出主体,二是白色没有任何倾向是最具包容性的色彩,俗话说有容乃大最符合了中庸之道。再是体现整体设计的安宁,不宜采用醒目的大标题设计,减少视觉效果的设计,版面布局和内容的形式越是简单效果越好,比如单页布局是最优的选择。近两年这种极简主义越来越受人们欢迎,越是简洁越是平易近人。
二、审美效应——轻松
轻松,与宁静相比心境稍更愉悦。轻松是一种舒服的感觉,网页设计风格既可是温馨亲切的,也可是清新美好、富有生机的。该类审美效应网页设计风格最重要是对元素的情感倾向掌控。1.色彩元素情感影响占有比例最大,高饱和度的配色充满动感和生命力,让人充满惊喜让人愉悦;中饱和度的色彩搭配给人柔和温暖的感觉能够奠定温馨的基调;总之明亮鲜艳的暖色系色彩面积一定要比例最大。2.页面适当的采用圆滑、流动性的造型,可以让风格更柔,让人感到亲切。3.网站标志、字体、版式布局的等细节设计需更具创意性和趣味性,才能让人看着愉悦;反之呆板无趣的设计使人感到沉闷。4.高质量的大幅图片搭配也能愉悦观者,比如韩国清新插画很受欢迎。5.可爱的动物、美丽的植物等有生命力的元素应用可以使设计富有生机;综合的看整体设计对这些元素的运用应当繁简适中,过多的设计只会适得其反,让人产生反感的情绪。此类网页设计风格适合尺度较宽,属休闲类的网站典型比如购物网站、社交网站、娱乐网站。
三、审美效应——严谨
严谨,严肃谨慎的意思。严谨意味着注重逻辑和细节,这是一种认真仔细的心态。网页风格?A于完美精致,追求细节设计。主要设计特点是:1.页面结构清晰,主次分明的布局,所以采用“T”结构布局较多。所谓“T”结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广返的一种布局方式。2.单一纯色的搭配,暖色较少,总体色彩倾向冷色和中性色,给人冷静沉着的感觉。3.选择造型规整有序,充满理性4.注重细节的设计,如阴影,倒角,质感,层次和空间,立体感;细节的设计更显品质和诚信。现在很多的企业网站设计选择此风格,苹果公司是这一风格的领导者,苹果曾经引发了人们对视觉质感的追求,金属质感表现给人很酷的感觉非常符合苹果的风格。
四、审美效应——庄重
庄重,庄严隆重充满权威性。要体现权威,是营造一种气势,只有中规中矩设计风格适合。这一风格设计要点:1.页面布局构图要对称、均衡;2.配色不宜太过轻飘和花哨,由其要拒绝糖果色的页面设计及半透明配色;浓郁的色彩尽显厚重大气,可效仿宫廷的色彩搭配;3.醒目的大标题设计必不可少,字体设计要清晰易读;4.拒绝破坏严肃气氛的个性化造型和趣味设计;5.采用内容、图片及素材必须具有权威性;元素不再多,选择有一个到两个能压住页面视觉中心的视觉元素;整体设计要整齐、秩序显得规矩。此类风格最适合政府性质的网站以及要体现权威机构的网站。
近几年网页设计风潮充分说明人们对审美效应的重视。例如空间和层次感的设计流行包括半透明、阴影、立体感等,让用户的情境意识觉醒。例如各种质感的肌理元素的运用充分调动人们的视觉和触觉的心理感受,或柔软、坚硬,或光滑、粗糙。可是一味的追求对视觉特效的审美效应也是不正确的;设计精美的图形界面和优雅适度的动画效果能够给人带来愉悦的享受;但是网页上那些闪动不停的广告条幅和屏幕中飞来飞去的弹出框以及四处充斥的造型复杂的图标、一连串的水晶效果的按钮、各种为炫技而堆叠的软件特效是否让你心生反感?
word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报(45)人阅读时间:2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需(33)人阅读时间:2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打(37)人阅读时间:2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来(33)人阅读时间:2024-09-12word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报..2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需..2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打..2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来..2024-09-12word怎么调整纸张的尺寸大小? word怎样调纸张大小
word怎么设置文档的水印呢?(word文档中怎么设置水印)
Word文档中表格的单个单元格边框怎么设置
使用Word制作成绩表表格的方法 表格制作excel教程成绩表
怎么批量导出Word文档中所有图片 word批量导出图片并分别储存
Word文档怎么设置自动保存 wpsword文档怎么设置自动保存
word怎么设置自动滚动页面(word怎么设置自动滚动页面)
Word实现Excel表格分栏打印的方法 word表格分页打印
Word2013怎么自定义SmartArt图形形状样式?
怎样去掉Word文档中的手动换行符(怎样去掉word文档中的手动换行符号)