高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计创意方法赏析(优选5篇)

网页设计创意方法赏析 第1篇

.modal {

opacity: 0;

visibility: hidden;

transition: opacity ease-in-out, visibility ease-in-out;

. {

opacity: 1;

visibility: visible;

通过上述案例的说明,我们可以看到现代网页设计中响应式布局和交互动画的重要性。通过精细的媒体查询、灵活的布局系统和巧妙的动画效果,设计师和开发者能够创造出既美观又实用的网页,提升用户体验,增强用户黏性。

网页设计:

网页设计创意方法赏析 第2篇

关键词:广告设计 视觉传达 模糊性

中图分类号:

文献标识码:A

视觉传达模糊性是相对于传统视觉传达理论侧重的清晰、平衡、守恒与稳定等原则而论的新型视觉传达创意。传统哲学概念中对于模糊性持排斥态度,认为模糊就意味着非理性、不科学。然而伴随着后现代工业化与科技理论发展到一定程度,客观世界的运动永恒与多元科学等理论的出现却让“模糊性”正式被定论为一种理论成为可能,比如现代数学理论中的“模糊”集合理论、现代物理中的“耗散”结构论等都为“模糊性”成为正式的科学概念起到了支持。在传统理性科学领域确立了“模糊性”理论的地位后,这―概念随即进入了美学与哲学范畴。无论处于哪种科学范围中。模糊性理论侧重的都是物质的非稳定、不确定与相互渗透性,这个与传统认识大相径庭的概念于是在广告设计中成为了革新与创意的新亮点。

一 视觉传达模糊性的特点

视觉传达模糊性一个最突出特点即为不稳定,与大多数人习惯性认为客观世界是稳定与相对恒定所不同的是,模糊性理论认为客观现实恰恰是以不稳定为恒定,而稳定却是相对的和临时的。在这一观点中,表面上稳定的现实世界仅仅是由于不稳定因素缓慢累积尚未达到临界值,因而维持着相对不变,但本质上不稳定却是随时随地在发生着并积累着。一旦这样的不稳定累积到了一定程度达到饱和,则稳定必然被破坏,从而让原本隐性的不稳定成为显性。正是由于这些连续不断的不稳定之间逐渐过渡,于是模糊性出现,不稳定成为模糊性的先决条件,而模糊性则是不稳定的必然结果。

如果说不稳定是挖掘模糊性形成的微观本质而形成的特点,那么着眼于宏观上看模糊性的另一个显著特点就是“整体”。即组成某个概念或者定义的各部分看似是一个个相互独立的个体,但其实这些部分内在却存在着本质关联。这些部分之间被一条隐性的链条联结,彼此间具有互相解释或说明的作用。同时,这些看似分离的部分却又不断有所交集与融合,甚至不断进行穿插和渗透,就在这样持续的分与合中,部分形成了整体。但这个整体由于处于不稳定状态中叉并没有相对清晰的轮廓,只是一个模糊的大致框架,但正是由于模糊使这个轮廓或框架具有了特殊的审美。

上面提到的“整体”特性中已经出现了表面独立的个体之间相互联结与融合的情况,故模糊性之第三个特点就是其“互渗”性。主要是指各个中间环节之间由于在不断的变化中而互有渗透,由于彼此间持续性地穿插、过渡并且不断进行着转化,故模糊性因其“互渗”而不能确定、不能预测。

二 广告设计中视觉传达模糊性的特点

视觉传达模糊性本质上具有的特点在其应用于广告设计中时也相应地在广告设计中产生了有所对应的特点。比如“随机”,也就是广告设计创意的无恒定性思维的特点。即使是同一类型的广告在设计创意思维上也总是变化着和运动着,并无相对稳定不变的标准。比如美国著名饮品“可口可乐”的广告设计,同样是平面广告,“可口可乐在奥运”就与“可口可乐之环保”的设计创意截然不同。“可口可乐在奥运”运用了剪影绘画手法,在大红色背景前有一个黑色的人形剪影,右手高举一支黑色火炬,身体呈献奔跑状态,火炬开口处一长串弯曲变形的“白色飘带”组成字母“Co”,画面左下角则是白色花体字母“CocaCola_和白色的奥运五环的图案。而“可口可乐之环保”虽然同样是大红色背景,剪影图案却变成了女性的两只手,白色而纤细的女性手臂分别从画面的左上角和右下角切入,上半部的手掌心向下,下半部的则掌心向上。上面那只手的手指轻搭在下面那只手的腕关节处,而腕关节的位置有一只刚刚萌芽的绿色幼苗。从画面看既可以理解为上面的手轻触下面的手上萌芽的小苗,也可以理解为上面的手将一只萌芽的小幼苗栽种在下面那只手的手腕上。很明显,奔跑的人的剪影十分恰当地契合了“奥运”在广告设计中的主体地位,而“幼苗”则明显是环境保护的点题处。两个广告同为可口可乐的平面设计,但风格、主题与内涵却完全不同。(图1、图2)

上面两款可口可乐广告设计中还体现了模糊性在广告设计中的另一个特点,那就是“多向”。两只女性手臂形成的图案在不同受众看来可以具有相反的含义,比如既可以是“生长”,也可以是“培育”。这就说明模糊性在广告设计中会兼顾多数受众对广告的理解与感受,使广告创意能够涵盖尽量广泛的潜在人群。

三 视觉传达模糊性在广告设计中的应用

(一)异形同构

所谓“异形”是指在形状、形式上完全的差异性,而“同构”则指内在本质上的共通性。以OLIVIA披萨店的两幅并排平面广告为例,乍一看两幅广告都是被切成扇形的披萨饼的大致外形,但细看下却是“别有洞天”。左边一幅扇形浅白色底画上绘制的是几幢高矮不一的摩天大楼,大楼之间点缀着零星的绿色植物,与现实生活中居于闹市中心的商业楼宇和写字间的格局十分相似。而从左侧打过来的强光则代表着阳光,让这些高楼大厦在右侧投下了错落不一的阴影。右边一幅同样是扇形浅白色底画,但画中出现了更多的绿色植物,点缀其间的倒成了相对矮小的建筑物。细细看来,这些矮小的建筑与绿植共同组成了带有典型美式中产阶级特色的社区。相较与左侧强烈的光线,右侧的广告明显暗了许多,而且在栋栋小房屋间似有灯光闪烁,很明显描绘的是夜间的情景。从左右两幅画面可以比较容易看出广告设计的意图,即“OLIVIA披萨既适宜上班族日间品尝,也适宜晚上全家共享”。

(二)异质同形

“异质”指不同材质、材料或物质,“同形”指相同或类似的形状。即采用具有近似含义的外形但材质却千差万别的设计展示具有更新、更深内涵的意义。以“派克公馆”地产平面广告设计为例,这款广告仅看图案会极易让人误以为是一幅奢华金表的广告,左侧是印刷体的金色英文大字字母“PARK CHATEAU”,右侧是一只长方形、表盘周边一圈镶钻的金表。金表表盘上纵横交错的金色条纹,似乎是装饰用的金丝线。然而仔细观察表盘内部条纹却能让人大吃一惊,那些纵横交错的“金丝线”构成的是一幅酒店大堂顶棚的缩略图。如果结合钻石外圈的设计,可以将其理解为一栋富丽堂皇的酒店大门装饰,透过大门能看到内部大堂顶棚金色的拱形支架与透明的弧形玻璃天花板。这款广告设计的创意之处在于利用了钻石金表与顶级酒店(公馆)建筑共同的特性――豪华作为着眼点,以钻石金表指代“派克公馆”地产走的高端路线与设计的精致与华美。

(三)视觉反差

利用强烈的视觉冲突营造出对比强烈的画面感,以此突破传统设计思路惯性易造成的平庸感。以ORANGINA原味橙汁平面广告为例,广告主体色调只有背景的蓝色与图形的橙色,冷暖色调对比已经营造出了初步的冲突感。画面四周是若干汁液飞溅的橙瓣,仿佛正在半空中旋转。画面中间是一个形似绘制了橙色条纹的玻璃饮料瓶,但仔细看可以发现实际上是一条极长的橙子皮被卷曲缠绕成了瓶子的形状。由于中心图案采用的视角是仰视,可以看见“瓶”底缠绕成一圈圈的橙皮,既可以将其理解为橙色的玻璃瓶底,也可以理解为在透明玻璃瓶中旋转的橙汁。这幅广告的创意独特处在于用橙皮替代了传统惯性思维中的饮料瓶结构,同时以橙皮为外框还可以暗示瓶子里装满了货真价实的橙肉和橙汁。在不同距离的视线下,近看是一圈圈橙皮绕成的空瓶子,远看却是盛满了汁液的饮料瓶,两种视线给予观看者明显的视觉差异,使人产生广告既大胆又有趣的感受。(图3)

(四)矛盾空间

现实生活中的空间是遵循透视法等物理原则而存在的空间,因此人类已经习惯于以方位、距离、远近等对周遭环境进行衡量。当透视法等物理原则被刻意运用在非客观真实的场景中时,人眼就会由于这一违反物理原则的设计而在头脑中产生超现实的空间构成。以标致508汽车平面广告为例,这款广告的中心议题在于突出标致汽车强劲的驱动力,以至于任何坡地都不会难倒这款汽车。广告画面的近景是一台平衡放置的标志汽车,但其依靠的地形比较特别,虽然汽车所在的位置是十分标准的水平路面,但水平路面两侧却分别是相当陡峭的斜坡。左侧为从右上往左下的斜坡,右侧则是从左下往右上的斜坡。因此整体观看,标致汽车似乎刚刚从左向右攀爬上了一个角度极其刁钻的梯形结构的路面。但广告创意独特处却不止于此,奥妙在于汽车后部行道树的设计。处于画面背景的行道树共三排,分别按左、中、右设置。左侧与右侧的行道树都很正常,保持着与地面垂直的角度。然而中间一排树木却倾斜了'排列成与上下坡坡度相同的约四十五度斜角。通过行道树与汽车的对比,会出现一个十分奇特而混乱的逻辑推理疑问,那就是到底是汽车处于一个倾斜的位置还是行道树全部出现了角度的偏差。这款广告设计的创意思维在于利用了客观世界的透视原理,却将其运用在非现实的平面设计中,于是强烈的不稳定感应运而生,其产生的广告效应也就不言而喻了。

网页设计创意方法赏析 第3篇

关键词:中国传统建筑;坡屋顶;现代建筑设计;应用手法

Abstract:With the exchange of Chinese and Western culture, the rise of China_ postmodern architecture _ wind, the contemporary architectural design continuously by Western ideas, but the lack of Chinese cultural connotation of the support, therefore, study how to inherit and develop Chinese traditional architectural culture is particularly important. In traditional Chinese architecture, as a roof slope construction monomer visual core, formed the tradition of building important impression. The slope of the roof as the breakthrough point, the research in Chinese modern architectural designs in a variety of application technique.

Keywords:Chinese traditional architecture;pitched roof;modern architecture;application technique

中图分类号:TU231

文献标识码:A

1 关于传统建筑中的“坡屋顶”

中国传统建筑历来强调本体的大气优美,生动灵活,并注重与环境的融合。就其形态来说,各式体量巨大的坡屋顶十分引人注目,它形成了人们对中国传统建筑的一种初步而深刻的印象。

从文化层面来看,坡屋顶的营造也是古时“天人合一”思想的直接体现,北宋著作《木经》有云:“凡屋有三分,自梁以上为上分,地以上为中分,阶为下分”。①即屋顶为上分、墙体为中分、台基为下分,同时三部分分别对应着天、人、地的概念,也可以说,屋顶有承载“天”的作用,由此可见,坡屋顶地位之重要。

2 坡屋顶造型的设计创新

直接模仿

对坡屋顶的直接模仿是指对其传统外形的复原式再现。如陕西历史博物馆:其以盛唐建筑风格为切入点,沿用当时流行的庑殿式屋顶,完全的中轴对称(如图1-a),由一条正脊和四条垂脊组成,以正脊为最高点的“人字形”曲度明显(如图1-b),四条垂脊对称分布,将屋顶分为四面斜坡,并着意突出其四角深远出檐(如图1-c)。该设计将现代功能需求合理的融入传统建筑形式之中,整体具有极强的气势。

元素抽象提取

飞檐

坡屋顶生动的飞檐翘角不仅增添了建筑物向上的动感,且纵观整个建筑群体,层层叠叠的飞檐更是营造出中国传统建筑群非凡壮观的气势。

图1-陕西历史博物馆屋顶设计分析

图2-国家会议中心屋顶设计分析

图3-首都博物馆屋顶设计分析

国家会议中心(如图2-a)屋顶的设计即源自中国传统建筑飞檐翘角的概念。从立面看(如图2-b),屋顶设计舍弃了传统坡屋顶由屋脊挑起的“人”字形曲度,而将其归纳为整体略向下弯曲的弧线,并顺势串起四角翘檐。四角翘檐的造型即利用了飞檐的上举之势。传统建筑中为形成特定翘起样式而营造了复杂精密的结构,此处化繁为简,只取其线性动态之势(如图2-c),却清晰传达出了反宇飞檐优雅的神韵。屋顶的整体造型虽简单,但由于其体量巨大,映衬于蓝天白云之下,更显优雅舒展。

坡屋顶屋檐另一个值得注意的就是它的深远出檐。首都博物馆新馆巨大的钢体屋盖设计正是受到坡屋顶深远出檐的启发。屋盖为一巨大的方形钢板,垂直覆盖于墙体之上(如图3-b),其长、宽远大于墙体的长、宽,因此,形成了较大的出檐长度(如图3-c),正吻合深远出檐的形成要素,即出檐角度和出檐长度。该设计将传统理念赋以现代形式,体现出博物馆是历史与现代的交融,带给人耳目一新之感。

曲度

坡屋顶形态的另一个重要元素即是优雅的“人”字形曲线。国家体育馆的屋顶设计灵感正源于此,但相较于传统坡屋顶,其曲度更加舒展自然(如图4-b)。考虑到各不同比赛场馆的空间高度要求不同,为满足功能需要,就有了屋顶曲面化的构想。从文化内涵角度来说,轻盈而富于动感的屋面,与中国传统建筑的坡屋顶有异曲同工之妙。

重构

重构就是将一个体块进行规律分割,重新组合后,仍能辨别出体块的原型。浙江美术馆就是重构手法的一个成功案例。

浙江美术馆(如图5-a)棱角分明的玻璃屋顶即来源于江南传统建筑的坡屋顶。可以将传统坡屋顶看成是一个倒放的三棱柱体块,对其向上的四面进行切割,首先将两长方形表面以中轴线切割,形成两个对称长方形,再以两方形对角线为切割线,形成四个三角形,以中轴线中点为起点,引向两边对角线,最终形成6个不等边三角形,形成屋顶重构的最初元素,棱柱两边三角形表面分隔方法类似,其分割线都以棱柱最上边上的中点为准,呈向下分散趋势(如图5-b),然后,将切割过的体块进行适当角度的翻转,最终形成现在的复杂的极具现代感的屋顶造型(如图5-c)。虽变化丰富,但仍能从最终的体块组合当中找出和原有体块的一一对应关系。经重构设计后的坡屋顶如同现代雕塑一般富有视觉冲击力,同时将传统韵味演绎的淋漓尽致。

图4-首都体育馆屋顶设计分析

图5-浙江美术馆屋顶设计分析

图6-世博会中国馆屋顶设计分析

3 坡屋顶功能与材料的设计创新

功能

传统建筑巨大深远的出檐给人以舒展的感觉,其下自然形成的半封闭空间,既可遮阳避雨、减风压,又很好的保护了木构架的本身以及墙基。

中国美术学院象山校区的校舍建筑(如图6-a)加入了中国传统建筑的飞檐元素,意喻传统的江南文化,并与周围青山绿水的环境相融合,同时体现了对于坡屋顶功能的应用。因其处杭州,属亚热带季风性气候,雨量充沛,日照时间较长,飞檐设计充分考虑了当地的天气情况:屋檐倾斜的角度可以减少夏日暴晒并容纳冬日阳光,同时可以有效减小雨水对建筑物的冲击。

无锡鸿山遗址博物馆的屋顶设计(如图6-b)继承了中国传统建筑深远出檐的特点,但博物馆屋顶所占建筑体的比例较传统建筑更大,其整体气势更为磅礴。同时考虑到当地的气候状况:四季分明,热量充足,降水充沛,深远出檐的设计可以减少夏日暴晒并减小充沛雨水对于建筑物的冲击,起到保护建筑墙基的作用(如图7)。

以上两例通过对坡屋顶造型的适度增减以及夸张变形,不仅达到了对其功能的继承性延续使用的目的,也使坡屋顶的功能有了新的发展。

象山校区校舍建筑的飞檐与屋脊分离,截取飞檐成为一个独立的部分,并将这一部分多次重复使用,形成一定规模,此举意在营造一种浪漫的江南雨景氛围。而鸿山遗址博物馆屋顶造型虽与传统坡屋顶的造型相似,但去掉“人字形”柔和的曲度以及“反宇”翘角,将其线条硬朗化并做适度夸张,巨大的坡屋顶将墙体和地基遮住了大半,无形之中增加了遗址类博物馆庄严肃穆之感。

材料

提起青砖黛瓦,人们首先想到的自然是中国传统的坡屋顶。

在2006年的威尼斯双年展国际建筑展中,以“瓦园”命名的中国国家馆使人眼前一亮(如图8):使用6万块从宁波一个老城区搜集来的废旧瓦片和竹篾等材料修建了一处800m2的侧斜瓦顶,人们可以通过一条曲折竹桥登临其上,远眺威尼斯的景观。在传统建筑中,人们仅仅是置身于屋顶这一空间之下,或说是瓦檐之下,但“瓦园”将人们身处的空间设于屋顶瓦檐之上,将瓦与人的相对空间位置进行置换,营造身在“园内”又身处“屋外”的场景,这正是作品的趣味所在。

在这一案例中,将瓦片这一极为传统的建筑材料以一种反传统空间模式的方式进行置放,就形成了一种现代的、艺术化的并具有创新理念的建筑模式。

图7-国美象山校区建筑及无锡鸿山遗址博物馆

图8-传统坡屋顶功能示意图

图9-瓦园

4 结语

中国传统建筑文化自成体系,内涵丰富,对于坡屋顶的研究只是其中一个方面,在当代中国建筑西风盛行之时,我们应该注重发掘传统建筑文化的精华部分,结合现代的功能需求、新式材料和技术,丰富当代建筑设计语言和设计手法,创造性地发展优秀传统建筑文化。

正如著名建筑师贝聿铭先生说:“中国建筑师的当务之急,就是探索一种建筑形式,它既是有限的财力所能及的,同时又是尊重自己的文化的”。

参考文献:

[1]汤德良.屋名顶实[M].辽宁人民出版社,2006.

[2]梁思成.中国建筑史[M].天津:百花文艺出版社,2005.

[3]李允禾.华夏意匠[M].北京:中国建筑工业出版社,2005.

[4]吴丰.中国传统建筑文化语言的现代表述的研究[D].湖南大学硕士论文,2007.

[5]苏海滨.中国传统建筑元素在现代博物馆建筑设计中的应用初探[D].西安建筑科技大学硕士论文,2008.

网页设计创意方法赏析 第4篇

论文摘要:在现代视觉传达设计中,时时流露出传统的美学观的影响。本文分析了这些影响,并肯定其积极的因素。指出它将会有助于发展本民族的视觉传达艺术。

从我国文化发展的历史经验来看,一个国家、一个民族文化的发展,要想立于不败之地,就要勇于吸收,敢于继承,善于交融。无论是从我国早期华夏文化的形成到两汉文化高峰的出现,还是盛唐文化受到西域、印度文化的影响而发扬光大,无不表明,只有勇于吸收.才能发展;只有敢于继承、善于交融,才能真正成为自己文化的主人。在招贴艺术方面,我们也还是应该“立足中华,面向世界”,既要尊重民族艺术的独特性,体现中华民族的审美心理,又要反映现代人的内在精神追求。在视觉传达设计中,我们也要“寻根”,寻找我们民族传统文化中为其他民族所不及的思维优势和独特风采。艺术始终要讲内在的延续,一种艺术形式的产生及被容纳,需要特定的历史文化背景,其中包括一个民族的生活方式、习俗、伦理道德、审美习惯等,它们构成了潜在的深层文化结构,深锁于民族的心理和精神之中,调节和制约着民族文化的发展和外来文化的介入。正因为这样,作为外来的视觉传达设计,在中国设计者的作品中,时时流露出传统的美学观潜移默化的影响。分析这些影响,肯定某些积极的因素,将会有助于发展中国特色的视觉传达设计艺术。下面,就从这个角度进行一定的剖析。

首先,视觉传达设计传达信息。鼓动宣传的作用肯定了它的特殊形式。它不同于架上油画或版画,它要求一目了然,简洁明确,使人在一瞬之间,一定距离外能看清楚所要传达的事物。为了达到这个目的,画面往往采取一系列假定手法,突出重点,删去次要的细节、细部,甚至背景,并可以把各个不同的比例,把在不同时间,空间发生的活动组合在一起。并经常运用象征手法,启发人们的联想。因此,它的构思要能超载现实,构图要概括集中,形象要简练夸张,要以强烈鲜明的色彩为手法,突出醒目地表达所要传达的事物,表现物与物之间的内在联系,赋予画面更广泛的含义并使人们在有限的画面中能联想到更广阔的生活,感受到新的意义。在这些方面,中国传统的美学观,能够为设计者提供大量的营养。

例如,构思上的“以一当十”、“以少用多”的精炼,构图上“计白当黑”“无画处皆成妙境”的简洁,“疏可走马,密不透风”的对比关系,“似与不似之间”的形象夸张,都是先辈留给我们的宝贵财富,它们已经在我国视觉传达的设计中得到充份体现。香港着名平面设计大师靳棣强,创作了大量文化招贴。他认为,美的原则有三条:立意—意念先行,以形取神;创新—承先启后,破旧立新;活用—适身合用,灵活生动。这实际上强调的也是老庄的哲学思想,也是中国山水画的表现意境。他主张把中国传统文化的精髓,融合到西方现代设计的理念中去。他的许多作品都无一例外地体现着这种思想,在其招贴设计《自在》系列中,运用了中国的水墨画技法,融合了现代技术的特殊机理效果,现代又不失传统。2008年的申奥标志可以说是一个很好的范例,整个标志造型没有对传统造型的直接借用,而是运用了中国特有的介于似与不似之间的写意手法,恰到好处的传递出“中国结”和“运动员”两个意象。标志不仅体现了中国文化特有的审美意韵,同时也得到了世界的认同。

前面说过,视觉传达设计属于“瞬间艺术”。好的作品要做到既要让人“一目了然”还要做到让人“一见倾心”,为它所吸引,顾盼之余,留下较深的印象。这就要求视觉传达设计具有精湛的构思。任何艺术,都不能说明一切,特别是视觉传达设计这种特殊的艺术形式,在有限的时空条件下,能使人过目难忘,回味无穷,那就需要做到“以少胜多”“一以当十”。

中国传统艺术讲究均衡和内在的节律。我国篆刻艺术中有所谓“疏可走马、密不透风”的布局法则,强调变化中的均衡,这既符合科学上相对的原理,也符合艺术上形式美的规律。在视觉传达设计中,动与静,疏与密,多样统一,宾主呼应,虚实相生,纵横曲直,黑白对比,重叠交错等传统构图法则也屡见不鲜。此外,远古的铜器纹样、画像石、金石篆刻、特别是中国画,巧妙的运用白底的匠心。民间剪纸和兰花布粗犷豪放的黑白关系,明代木刻插图的疏密聚散,都可以在现代招贴艺术的构图中得到印证。

我们从来不曾用如实的描写、逼真的再现要求过中国传统艺术,没有人指责某些山水画不符合焦点透视的原则,也没人批评传统戏曲程式化的表演模式,因为我们对自已的传统艺术有一个固定的观念,懂得抽象的形式美在造型艺术中的重要价值。中国传统艺术讲究形神兼备,讲究概括与变形,齐白石“画虾几十年才得其神”,就有一个不断概括、不断深人的过程,他最终敢于舍弃虾的次要部分而突出主要特征,使母虾的形象更为完美、更为生动。齐白石提出的“作画妙在似与不似之间”的说法和石涛的“无法而法,乃为至法”的说法是相通的。联系他的作品和实践可知,他主张的“不似”正是为了以 “不似”其实是在“似”的基础上发展起来的,决不是“似是而非”,而是利用了欣赏者相应的联想作用使形象更有概括性。再看我们的视觉传达设计,就“似与不似”的观点来考察,就形象的简明与富于概括这一点来衡量,很多形象显然不是生活的简单模仿,某些概括的形象显然与素材有很大的差别。由复杂到单纯由繁杂到简洁,必须承认这是一种难能可贵的提高。作品的魅力,决不只是以外形的逼真为转移。有时候,欣赏者不是简单地接受宣传,同时也是探索、发现和补充,从而得到欣赏的乐趣。正因为欣赏者有所探索,有所发现和创造,作品的主题,才能产生深人的影响。这种特点正符合了视觉传达设计艺术的要求。靳棣强招贴作品“金、木、水、火、土”招贴图形形象设计,也充分显示了这种文化艺术的精神特征,萦绕着极其强烈的现代主义设计的精神光环。

网页设计创意方法赏析 第5篇

【关键词】 页面样式设计 角色浏览 Banner图示 适应网页设计

创建面向用户的远程教育门户网站是高校远程教育机构进行信息化建设和大学文化建设的重要内容。“远程教育网站”通常被称为远程教育的网上“门面”。它既是服务师生的平台,也是对外宣传或展示自己办学实力及服务能力的重要窗口,也是传递大学文化的有效载体。其中,网页样式设计起关键性作用。

一、综述

远程教育网站应该尽量做到门户结构清晰,页面精美,访问快捷、功能实用。主要包含:整体布局要求和网站整体设计风格统一;界面设计体现用户相互之间交流互动的特色;网络响应速度应该尽量快,更快的信息访问速度、更加省时和智能化的用户界面;更简便、智能化程度更高的浏览查询流程;后台管理功能强大、录入效率高;易于查看网民的建议和评论以及后台信息。一个网站门户的主页面通常由Logo、导航、Banner、内容、链接、版权这六部分元素组成。有研究认为,网页布局包括传统“T”型布局、上下对照式布局、“上中下”“三”字布局、左右对称型布局、“回”字形布局、“同”字形布局、“国”字型布局、“川”字型布局、氛围式布局、POP海报四、式布局、“杂物箱”布局、“人物风格化”布局、封面型布局、简约型布局、综合型布局、瀑布流式布局等,这是基于对网页结构“形式”的划分。每一类型的页面样式都具有统一的构成元素,但彼此间又有自己独特的布局特点,因而呈现出不同的网站视觉效果和网页设计风格。

二、页面样式的分类特征

1)“简约式”。“简约式”的特征是页面主体“一屏显示”、布局简洁。在主流显示分辨率下,网站浏览者不再需要上下、左右的拖动鼠标,即可实现页面主要内容的相对完整的浏览效果。2)“图片动画式”。“图片动画式”的特征是布局简洁明晰、页面图片感强烈。一个精彩的网页缺少不了图片,如图片按钮、翻转图片、滤镜、透明图、导航图等,图片往往在网页中起到画龙点睛的作用。图片传达信息的直观性与寓意性远远超过文字,大号图片的应用也是简洁设计的一种体现,可以明确的表达网站诉求。3)“完整式”。“完整式”的特征是布局规整秩序、信息直观、“多屏显示”、视觉感强。网站页面组成元素之间,既错落有致,又和谐统一,营造出的良好秩序感。一般按照分列样式布局设计,以字体的大小对标题文字与正文内容加以区分,区别于以往栏目图标的复杂显示效果,具有“扁平化”的设计特点。

三、页面样式的特色功能

1)“角色浏览”。“角色浏览”是指网站设计者主观上假定网站浏览者为在读学生、教职员工、考生、访客等不同角色,按照浏览需求对网站综合信息进行分类和聚合,满足不同的访问行为。。在实际应用中,网站设计者运用CSS样式,以达到利用CSS美化网页,统一网站内各个网页风格。CSS样式定义可以用代码编写,也可以借助样式生成器可视化生成,样式可以定义在当_页,也可以导入外部样式表。优点在于一是简化了不同网页重复的格式设置工作,二是将来只要更新了CSS样式,所有引用该样式的对象都会更新,便于网站的更新和维护。2)“Banner图示”。“Banner图示”是Banner在高校门户网站中“广告”效果的实现和扩展。《设计的法则》中提到:要增加人们的辨识力,让人回想起重要信息,就可以利用“图片优势效应”。用图片加文字,确认强调的是同一信息,以便达到最佳效果。有鉴于此,网站设计者将“Banner”作为一个专题栏目,充分利用其“图示”功能,实现其突出视觉功能的同时,也发挥其强化信息传达效果的作用。网站浏览者进行点选后可阅读,Banner标签包含的图文内容,更新速率频繁,浏览者可以根据时间进行自主选择,又使它具有了“书签”功能的展示效果。3)“适应网页设计(Responsive Web Design)”。如何将日新月异的网络技术应用于高校门户网站,使网站浏览者在各类浏览器终端上,尽可能获得良好的用户体验,是网站设计者思考和努力的方向。网络使用环境复杂而多变,除去传统意义上的台式机和笔记本电脑,又有了智能手机、iPad、iTV等终端。鉴于智能手机和平板电脑等移动浏览器终端的普及,一些远程教育门户网站,利用先进网络技术,创新设计页面样式,来适应和满足各类移动终端的浏览需求。

四、结语

远程教育网站是信息技术和大学文化在网络媒介平台的融合与呈现,网站设计者要做到内容为主,用户至上,提高用户满意系数。设计者应对网站设计进行调研分析,对其页面样式进行规律探析,形成更多系统化、理论化的设计经验和技巧,以此指导网页样式设计实践活动。

参 考 文 献

[1]祝晓铭,王艳平.高校门户网站页面样式设计探析[J]. 电脑知识与技术,2015()第2期:199-200.

[2]华磊,许长安.浅谈网站设计分析与网页制作[J].无线互联科技,2014(08 ).

猜你喜欢