网页设计特点分析范例6篇

前言:中文期刊网精心挑选了网页设计特点分析范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

网页设计特点分析

网页设计特点分析范文1

关键词:网页设计;平面视觉元素;应用分析;文字;图像;色彩;版式设计

中图分类号:J05 文献标识码:A 文章编号:1005-5312(2014)02-0052-01

随着互联网技术的普及和发展,网络已经成为了当代社会信息传播的重要方式和人们日常交流沟通的重要途径,其已经逐步渗入了人们工作、生活的各个领域和各个层面。而网页不仅仅是互联网上信息传递的一个载体,也是构成互联网的基本元素。因此,随着网络的普及和发展,网页设计作为一个全新的设计领域,已经成为了平面设计新的发展方向之一,如何让所设计的网页更具新颖性和可读性,以获得最大的视觉传达功能也成为了设计者关注的一个重点问题。鉴于此,本文就从网页设计的角度,针对设计过程中的文字、图像、色彩以及版式设计等平面视觉元素的应用问题进行了简要的探索与分析。

一、文字在网页设计中的应用分析

文字是一种用来记录语言和事物,并进行思想和情感交流的一种视觉文化符号。在网页设计的过程中,由于文字在信息传达方面具有比其他的视觉符号更容易辨识的明确性,因此,文字不但是网页设计过程中常用的构成元素之一,也是发挥作用最大的设计元素之一。在网页设计的过程中,如何对文字进行编排和设计,对网页的整体风格有着非常重要的影响。通常来说,设计科学、编排合理的网页文字,能够更好的传达所要传达的信息,而且还能够通过文字的设计与编排给页面增加美感,从而在实现信息传达的满足人们的审美需求,从而大大提高网页信息传达的效果。

概况来说,在网页设计的过程中,文字的编排设计主要包括字体的选择和编辑以及文字编排几个方面。例如:在对文字进行编辑时,可以选择图形化的艺术处理方法,这样不但能够通过文字来传达语言本身所包含的信息,还能够借此以视觉形象的方式来传递语言之外的信息。

而具体到文字在网页设计中的实际应用,则应注意如下几点原则:一是,匹配性原则。匹配性原则实际上指的就是在进行网页设计的过程中所选用的文字应与文字的内容以及网页的主题相匹配。也就是说,要根据网页的主题内容和所要传达的信息内容来科学的设计文字的字体、色彩以及形态和表现形式,以确保文字的设计与网页设计的主题和整体风格相匹配。二是,明确性原则。在网页设计的过程中,文字最为主要的功能在于确保信息的有效传递。因此,为了实现这一点,在进行网页文字设计的过程中,应注意优选选用容易识别的文字,而且在进行字体和字形的创意时,同时也应注意其辨识起来的明确性。三是,易读性原则。因受人们的阅读习惯及视觉能力的影响,人们在识别过粗、过细的文字形态时会较为费力,因此,在网页设计的过程中,应注意避免这样的情况,以确保文字的易读性,从而让浏览者阅读起来轻松愉快。最后是,美观性原则。进行文字的创意设计目的之一,是为了提高网页的美观程度,带给浏览者美的感受。因此,在进行网页文字的设计时,要始终注意文字编排的节奏感和韵律感,以及文字与网页整体之间的对比与和谐,以确保文字设计的美观性。

二、图像在网页设计中的应用分析

在网页设计的过程中,图像相较于文字而言更加直观、形象,而且图像在造型和色彩等方面均具有较强的注目性,因此,很容易形成视觉信息的中心。而在网页设计的过程中,如果说文字所表达的信息是理性的,色彩所表达的信息是感性的,那么图像所包含的则既有感性的形象又有理性的信息。由此可见,图像在网页设计的过程中,具有文字和色彩均无法取代的重要作用。

具体到网页图像来说,一般网页图像所使用的格式为GIF格式或是JPEG格式。其在网页设计编排中的应用方式则通常有方形图、退底图、出血图以及三种结合使用四种方式,其中:方形图是网页图形最为常见、最为简洁的一种。在将方形图应用于网页设计时,通常会给人以稳重、理性和严谨的感觉,但如果过度使用,则会给人以平淡呆板的感觉,如下图1所示,中国人民大学的网站就利用方形图很好的突出了稳重、理性、严谨的特点,而同时又利用大小不同、宽窄不同的方形图避免了平淡呆板的问题;其次是退底图。退底图相较而言图形更为自由,也更具个性,因此很容易带给人深刻的印象。将这样的图形应用于网页设计时,会让网页的整体风格闲的轻松而活泼,但是如果应用不合理的话,也很容易给人凌乱的感觉;再次是出血图。出血图指的是一边或者几个边充满页面的图像。出血图具有强烈的向外扩张的态势,容易给人舒展的感觉,将其应用于网页设计时,非常有利于情感和动感内容的表达。

三、色彩在网页设计中的应用分析

在网页设计的过程中,彩色的页面相较于单色的页面来说往往能够更好的引起浏览者的注意和兴趣,由此就可以窥见在网页设计中色彩应用的重要性。

俗话说“远看颜色近看花”,这一点对于色彩在网页设计中的应用来说同样适用。在网页上,网页设计所采用的主色彩,往往具有先声夺人的力量,其应用的科学与否、设计的合理与否,会直接影响到浏览者的浏览兴趣,并能够通过色彩所带来的视觉冲击传达出相应的情绪力量。因此,在进行网页设计时,设计者一定要时刻注意思考设计用色带给人们的感受。

具体来说,在网页设计过程中进行网页色彩的搭配与应用时需要注意考虑的问题非常多,而以下两点则尤为关键:首先,在进行色彩选择和应用时,应注意不同的颜色所蕴含的不同喻意,以尽可能的避免出现颜色误用的问题。其次,网页色彩的搭配与应用,应根据网页的性质和主题进行合理的选用。例如:暖色一般适用于购物类网站的网页设计、电子商务网站的网页设计以及儿童类网站的网页设计等等,暖色的合理应用有助于突出这些网站商品的琳琅满目以及儿童网站的活泼、温馨特性;而冷色则一般适用于高科技网站的网页设计或者是学术类网站的网页设计,能够借此很好的突出网页严肃、稳重的风格和特点。

四、版式设计在网页设计中的应用分析

在进行网页设计的过程中,版式设计实际上就是根据网页的内容而和主题,将网页页面上的诸多构成要素,进行关联和配置,从而将网页整体的设计意图和设计风格表现出来的一种方式。科学的版式设计不但能够让网页上的文字、图像、色彩等元素实现有机的结合,以提升页面的美观度、凸显网页的风格特色,还能够带给网页浏览者一个更为流畅的视觉体验。

在网页设计中,版式设计的常用类型主要有骨骼型版式设计、满版型版式设计、分割型版式设计、中轴型版式设计、曲线型版式设计、倾斜型版式设计、对称性版式设计、焦点型版式设计、三角型版式设计以及自由型版式设计等十种版式设计类型,这些版式设计类型各有特色。其中骨骼型的版式设计有助于网页呈现和谐和理性的特点;满版型版式设计则有助于凸显网页舒展大方的特征;分割型版式设计的网页则较为自然;中轴型版式设计的网页特点则较为稳定和含蓄;曲线型版式设计的网页常常带有一定的韵律感与节奏感;倾斜型的网页版式设计则带有强烈的不稳定感或是动感;焦点型版式设计的网页则有助于凸显强烈的视觉效果;三角型版式设计的网站则根据所采用的具体三角型有一定的不同:正三角有助于突出稳定性、倒三角有助于突出动感、而侧三角则是稳定与动感兼具;最后采用自由型版式设计的网页,则往往突出的是轻松活泼、轻快愉悦的特点。设计者在进行网页的版式设计时可以根据这些网页版式设计类型的特点,针对设计的内容和主题进行合理的选择。

参考文献:

[1]郭菲.网页设计中的人性化设计[A].2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C].2006.

[2]孙利,吴俭涛.利用色彩营造网页形象时需关注的几点问题[A].色彩科学应用与发展――中国科协2005年学术年会论文集[C].2005.

网页设计特点分析范文2

通过视差滚动技术对网页进行设计,有着多方面的特点。一般的情况之下,网页是由分辨率较高的图像元素进行重新组合而成的,其中,不同颜色和不同组成元素之间的相互交叉,会使得图像呈现出新的面貌。另外,在网页设计之中还应当对视频以及动画等文本形式进行重新设计,以图像为文本的相关内容,并不是对传统文本的摒弃,而是通过对其他文本的内容进行重新融合,形成一个依附于图像文本的次文本形式。另外,通常情况之下的网页设计,一般采用的是单一化的页面排版形式,此种排版的形式舍弃了传统的子网页设计理念,以一种全新的尺寸,来进行页面的重新排版,进而产生出一种强烈的视差滚动设计效果,可以增强页面的艺术性,增强页面设计对于观看者的感染力。

二、视差滚动在网页设计中的应用细节

根据上文针对当前现代化的网页设计工作之中视差滚动相关技术的应用进行综合性的研究,可以明确视差滚动技术操作应用过程当中应当注重的技术原理和技术要点,同时也可以明确视差滚动技术特点。下文将针对技术应用原则进行细致的研究,旨在不断促进现代化网页设计工作的进步与发展,更好的完善基础环节,促进整体设计效益的增强。尽管视差滚动的应用还存在很多弊端,但这丝毫不减观者对此类网页的浏览热情。因为相对于被动接受型的观看方式来说,观者更倾向于互动探索型的观看方式。首先是平面与立体的相互结合,平面与立体的相互结合,可以形成一种独特的三维和二维空间,而通过视差滚动技术的应用,也可以使得一个全新的三维空间得到展示,形成独特的背景层,另外,将前景层以及贴图层进行重新的设计,则可以成为全新的三维展示空间。在鼠标滚动的同时,也是一种相互独立的整体,在静止之时,则可以形成独立的二维空间结构,与三维空间形成有机的整体,上述特性的相互结合,则可以展现出非常特殊的设计效果,给予独特的视觉体验。总的来讲,在网页的设计之中,视差滚动的应用有着相当重要的应用,实践中还应加强技术的分析和探讨。在今后的工作当中,还应当重点的对视差滚动网页的特点及形成原因进行探讨,以更好的深入研究技术核心点,最终促进视差滚动在网页设计中应用的水准不断提高,为新时期的网页设计工作稳步向前发展作出必要的贡献。

三、结语

网页设计特点分析范文3

关键词:技工院校 网页设计 建设

网页设计课程是技工院校一门实践性很强的专业基础课。随着计算机在各领域应用的不断扩大,网页设计的研究与实际应用也显得越来越重要。不少用人企业不再单纯满足于技校毕业生简单的打字、表格制作等技能的掌握,而越来越注重网页设计与制作等具有一定深度与难度技能的熟练运用。

为此,笔者学院计算机教研室在很早就将网页设计课程作为计算机课程教学改革的重点,通过课程体系的重新构建,网页设计课程更加贴近学生的实际学情,也更加贴近市场、企业的需求,从而达到了预期的教学目的,也收到了良好的教学效果。

一、课程建设的目的

技工院校的专业教学有其自身的特殊性与指向性。从目前社会与企业的实际需求出发,网页设计课程建设的目的应以培养应用型人才为主。应充分考虑技工院校学生的学习基础和学习特点,简单介绍HTML语言、CSS样式、javascript语言。还要全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解,并使学生具有解决一般网页制作问题的能力。

在学时、实训条件允许的条件下,逐步培养学生掌握运用DreamweaveCS6网页制作软件制作网页的方法;掌握运用FireworksCS6、PhotoshopCS6图像处理软件进行网页中图形制作版式设计及切片的应用;掌握运用FlashCS6动画制作软件设计网页中动画的方法;掌握将这四个软件互相配合,完成网页设计与制作任务的方法,为今后从事网页设计与制作工作打下基础。

二、课程建设的意义

1.适应职教改革的需要

职业教育的大发展对技工院校的专业课程体系建设提出了许多新理念、新要求。因此,技工院校的计算机专业教学改革也势在必行。

2.调动学生的学习兴趣

技工院校的学生普遍学习基础薄弱,对专业学习缺乏必需的理论、实践储备,这就导致其学习困难。在整个学习过程中,随着学习兴趣的丧失,学习效果也在逐步下降。而打破传统的网页设计课程的教学模式,就可以有效地调动学生的学习积极性,从而提升整体教学效果。

3.有利于学生的职业能力的发展

网页设计课程体系的建设方向是理实一体化,让学生在学中做、在做中学,真正掌握今后就业所必需的关键能力,从而为整个职业生涯奠定坚实基础。

三、课程建设的内容

1.课程重点

掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能。提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。

通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flas制作软件设计网页中动画的方法。

2.课程难点

在教学过程中根据学生将来的就业需要,将教学难点设置为理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用;理解CSS样式表中属性单位的作用和意义;理解javascript语言脚本程序的工作方式;深入理解超级链接、图形图像各种功能和应用;深入理解表格、APDiv、框架、表单的作用;深入理解模板、库、行为和脚本的高级应用。

理解网站测试的目的和测试方法;深入理解切片和热点的涵义和应用;深入理解动画的组成时间轴、场景、帧的涵义及各种动画的制作;理解使用图像设计软件进行版式设计的方法。

3.能力培养要求

从技工院校学生的实际学情出发,在能力培养方面要有针对性地突出关键能力的培养,而不再是过去简单的实际操作。因此要培养学生了解HTML语言的基本内涵、理解基本标记的用法;掌握在网页中添加CSS样式的方法;熟练使用CSS设置网页格式和列表的格式;熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法;掌握在网页中嵌入图像和多媒体的方法;熟练掌握使用绝对和相对URL,创建文本超链接,图像热点的方法;熟练掌握使用表格、框架、APDiv布局页面的方法;掌握创建表单的方法;掌握模板的创建和库项目的使用方法;理解行为和脚本的用法;掌握FireworksCS6基本操作及其在网页制作中的应用;掌握FlashCS6基本操作及简单动画的制作;掌握PhotoshopCS6基本操作及在网页设计中的应用。

网页设计特点分析范文4

关键词:工作过程(项目)导向;教学摸式;探索与实践

中图分类号:G642文献标识码:A文章编号:1009-3044(2012)18-4468-02

近年来,高职院校的职业教育课程取得了很大成效,高等职业教育的迅速发展,然而在高等职业教育人才培养的效果与市场需求、高职毕业生的职业能力和实际职位要求之间存在差距,其原因在于现行课程教学与职业教育特征之间的差距,使课程及其教学模式改革成为当前高职院校教育发面临的关键任务。

从网页设计实际工作任务来看,“工作过程(项目)为导向”的教学摸式,是以教学实践为主线,以实操、讨论、项目推动等互动教学,培养学生的职业技能,突出了职业教育的新型教学模式。项目设计是可实践性的,以保证学生可操作并有所收获。每个项目以“成果―>技能知识”为序,安排各项任务,充分调动学习者的积极性,逆向形成“知识+技能+成果”的职业岗位本领。

从职业能力培养目标及网页设计职业岗位要求的角度调查和分析,学生职业能力是使学生熟悉网页设计工作的全过程。围绕岗位核心技术技能,按照“必需、够用”的原则,将Dreamweaver、Photoshop、fireworks等网页设计与制作的主流工具有机地融为一体。

1构建工作过程(项目)为导向教学模式

工作过程(项目)为导向教学模式是以项目教学法为主体来进行。其主要特点强调团队成员的分工合作和主动制定实施方案,在项目的执行过程中训练学生的知识和职业所需技能,项目管理和质量监控办法作为过程控制的必须条件。

工作过程导向(项目)课程开发模式帮助学生获得最受企业关注的工作过程知识和基本工作经验,以满足企业和劳动力市场的需求方面显现了强劲的生命力和适应力。“以培养职业能力为核心,以工作实践为主线,以工作过程(项目)为导向,建立以行动(工作)体系为框架的现代课程结构”的教学模式的理念,已达到良好的效果。

作为职业教育的高职网页设计课程,其特点决定应打破传统学科体系,课程开发过程应以工作过程(项目)为导向,着力于工作过程的实践性。因此,以工作过程为导向的课程必然要以实训项目来展开,实践性是课程的主体部分。

为此,工作过程(项目)为导向教学模式,就是以项目任务为中心建立的教学情境,围绕项目任务的实施来展开职业技能的提升。

2工作过程(项目)为导向《网页设计与制作》教学特点

《网页设计与制作》在电子商务专业中属于“摄影及美工专员”岗位的课程,该岗位的任务是网店商品拍摄、文案的整合,网店VI设计与印刷等,因此在教学中形成如下教学特点:

1)从职业行动领域出发,基于网页设计(制作)人员的实际工作流程和工作任务,以项目引领为“纲”,以任务驱动为“目”,组织教材结构和内容。

2)每个项目以“成果技能知识”为序,安排各项任务,充分调动学习者的积极性,逆向形成“知识+技能+成果”的职业岗位本领。

3)围绕岗位核心技能,按照“必需、够用”的原则,例如将Dreamweaver、Photoshop、fireworks等网页设计与制作的主流工具有机地融为一体。在教学中不直接使用Adobe的Flash软件,而是行业通用的阿里妈妈广告栏来制作网店Flash。它做为专门面向广告型的Flash制作,使教学难度大大下降。

3过程(项目)为导向“网页设计与制作”课程实施

基于工作过程分解的模块和知识结构,可能与教材按知识体系编排的顺序不一致。某个模块可能涉及前后几个章节的相关知识点,因此需要教师能灵活地运用各种教学策略,遵循“够用”的原则。

通过对网页设计师的工作过程和工作流程的分析,结合职业院校学生和初学者的特点,《网页设计与制作》课程教学按4个层次8个项目组织教学结构和内容:第一层,基础层,包括项目一(网页赏析)、项目二(网站规划与创建);第二层,实战层,包括项目三(网页布局)、项目四(页面制作)、项目五(网页美化),是课程的重点;第三层,提高层,包括项目六(网页特效制作)、项目七(动态网页制作),是本书的难点;第四层,运营层,包括项目八(网站与维护)。

3.1以实训项目为任务的组织“网页设计与制作”课程

过程(项目)为导向“网页设计与制作”课程实施在教学中的一大特点就是教师按照一个现实的项目的工作流程来实施教学,让学生在实际项目操作过程中,训练职业技能。达到人才培养目标。

过程(项目)为导向“网页设计与制作”课程实施是教师与学生以团队的形式共同实施项目进行的教学。在《网页设计与制作》教学中按照“工作过程(项目)为导向”的新设计课程项目。通过项目训练教学过程提升学生的网页设计等工作能力。各小组成员合理分工,团结协作,完成整个项目。结束后,各小组进行工作结果评比及比对讨论,结果由教师评审及打分。让学生参与到“教学”的活动中来,激发学生的职业技能兴趣和竞争意识,还可以培养学生的职业道德、团队合作意识等能力,提升高技能人才素质。

学生将为课程实施工作的主体,教室、实训室成为学生们工作的模拟职场,学生作为员工角色扮演,学生的学习活动将模拟为职工的实训活动,学生根据工作内容的进程自我调整细节。项目导向课程实施,对教师提出了更高的要求,教师以督导角色出现,教学策略从注重“教法”转变为注重“学法”。

3.2工作过程(项目)为导向教学的考评

构建科学合理的评价机制,是电子商务学生学习方式形成乃职业技能提高的标尺。因此,我们在实践中探索,形成了相对实用及科学的考评方式。采用不单纯笔试为主的考试,灵活多变考评方式。例如:电子商务是以开设网店及对应的网店营销方案作评分标准。“数码拍摄与制作”的考核方式就是工作流程“选商品-找模特-拍摄-网店上架”。“阿里巴巴企业课程”则要求学生用英语在阿里巴巴国际站向外国商人询盘为主要评分标准。虽然这些考核方式不一定是最科学合理,但却比单纯笔试更能学习到实际的岗位技能。

4结束语

工作过程(项目)导向的《网页设计与制作》课程开发与教学实践是以课程建设与教学质量改革为目标,将教学过程的职业化、项目化作为改革的基点,并对高职院校职业教育理论和教学创新思想是一有益尝试。

电子商务专业的特性是知识更新较快。学生就业两三年后专业知识就慢慢落后,职业道路出现首个瓶颈。本课程开发与教学实践的应用和实施,将使高职院校培养目标准确定位,增加教学效果与职业需求的契合度,提高毕业生就业竞争能力及就业质量。

参考文献:

[1]何成蓉,谢生全.以工作过程为导向的项目集群教学模式的研究与应用[J].中国西部科技,2008(24).

网页设计特点分析范文5

在当前这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。

关键词:简约主义;网页设计;对策

一、前言

迈入新世纪之后,信息技术蓬勃发展,我们已经身处于信息时代的怀抱中,在这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。

二、简约主义溯源

早在春秋战国时期,我国哲学家、思想家老子就提出过“少则多、多则惑”的思想。在古希腊时期,柏拉图曾经用“简单及少”的理念来论述立方体。这足以说明简约主义思想源远流长,很早就初见雏形。事实上,正是世界文明史上的现代主义运动直接带动了简约主义的发展与成熟。从理论角度而言,现代主义是功能主义与简约原则的有机融合。上个世纪初,英国兴起的“工艺美术运动”正式将简约主义理念登上了历史的舞台,使其出现在人们的视野中。“工艺美术运动”旨在否定机械化与装饰过度的设计风格,主张真实、热情,兼具功能与价值的设计。这次运动为现代主义风格奠定了良好的基础。其提出设计应该以功能作为核心,强调非装饰化的简单几何造型。之后,著名建筑大师米斯•凡德罗提出了经典的“Lessismore”的设计原则,直接为简约主义理念奠定了理论基础。如今,不光是建筑领域,产品设计领域、平面设计领域、室内设计领域、家居设计领域都开始追求简约主义设计理念。如今,关于简约主义的称法层出不穷,白色派、极少主义、“空”设计,其实都是追求简约大方的设计风格,是简约主义设计理念的具体体现。本文认为,所谓简约主义,其实就是呈现最基本的要素,主张摒弃一切多余的结构、色彩、文字与图形等,这样可以让核心内容成为聚焦点,使人们迅速攫取到中心内容。

三、简约主义视角下网页设计的特点

互联网的日益普及使得网络承载的网页内容不断增多,功能也日趋多元化。虽然人们通过网页能找到自己想要的信息,但由于网络世界缺乏应有的监管,导致一些网页看似华丽,实则空虚,这就对网页设计提出了更高的要求。将简约主义理念用于网页设计中,有着广泛而深远的意义。首先,网页设计应用简约主义理念,可以提升用户体验。如果只注重网页的外观设计,一味追求华丽美观,用户可能难以在网页中迅速攫取自己想要的信息内容,这样的用户体验显然是很糟糕的。其实,在网页设计中,简约是一个相对性概念,力求摒弃泛滥与随意。网页设计的简约是对网页信息结构进行科学布置,简单清晰地向用户传达他们想要的信息,从而留住用户,提高网页的点击率。其次,网页设计应用简约主义理念,可以做到网页信息主次分明。Google产品设计副总裁MarissaMayer曾经对这个功能做出过精辟阐释,她认为简约的网页设计就犹如一把合上的瑞士军刀,用户往往只能记住一个网站的7-9个功能,脑海中留有16个左右的关键词印象,所以必须在这个范围内合理考虑用户的要求,而那些功能繁杂、页面华丽的网站,更像一把打开的瑞士军刀,可能会“伤害”用户的使用,使其感觉信息混乱。

四、网页设计应用简约主义理念的对策

自从米斯•凡德罗提出了经典的“Lessismore”设计原则,简约主义设计理念收到了人们的热烈追捧与认可,它提倡摒除所有无关紧要的要素,以简明、活泼、轻快的设计风格直达用户内心,满足用户诉求。如今,现代人身处于一个信息爆炸、知识泛滥的时代中,内心越来越渴望网页界面做到简洁明快,能快速找到想要的信息。有鉴于此,网页设计应用简约主义理念可以从以下几点入手:

1、合理取舍

简约主义设计风格始终追求简单明晰的设计效果,摒弃所有多余的色彩、文字与图形等设计元素,力求高效快捷地向用户传达有效信息,将他们的视觉关注点引领到关键信息中,对网页的关键要点产生兴趣。要达到这样的境界,合理取舍至关重要,具体是指强调与着重,因为简约主义不是主张去除一切,而是提倡将关键信息优先曝光在用户的视觉世界中,在保证网页好用的基础上,为用户减轻视觉负担,使他们享受到良好的使用体验。在合理取舍过程中,设计者要注意这么几个基本要求:网页色彩、文字精简、图形处理、位置编排和版面的“留白”处理等。对于一个没有任何留白,文字布局密密麻麻的网页,根本会让读者感觉无从下手,导致他们直接关上网页。所以,网页设计者必须保留一定的网页留白,在空白背景下曝光重点信息和关键信息,然后再一步步引导用户了解其他的信息。

2、合理组织视觉要素

在设计网页界面时,有了简约主义设计理念的指导,设计师应该合理组织视觉要素,力求做到简单清晰。设计者要合理分类、组合网页界面的信息,进行适当删减。分类网页信息是为了让用户在浏览网页时,可以直接、快捷地了解网页布局与结构,做到心中有数,在其脑海中留下一定印象;减少类别和适当删减并不是要减少网页含量,而是将重点信息、关键信息放置于一个相对简单的布局中,使用户能一眼就看到有效信息而不浪费时间。在组织视觉要素时,设计师可以先构建一个简单清晰的首页,摒弃繁杂,然后进行适当配色,色彩种类不可过多,以简洁素养为主,文字介绍也不可花里胡哨,力求做到简洁明快。

3、网页各界面保持风格统一

毫无疑问,现在的网页界面有着众多层级,设计是必须做到网页界面的风格统一和和谐,不可产生太大的突兀之感。用户一般是通过首页或者网页链接进入网页界面的某个层级中,假若网格界面的风格不够统一,甚至存在较大反差,很容易影响用户认知网页信息的效果,不利于他们顺利解读网页信息。事实证明,统一和谐的网页界面风格不仅可以增强用户的认知与记忆,提高他们搜索所需信息的效率,还能使用户对该网页印象深刻,对其形成满意度,成为该网页的“忠实粉”。对于网页界面风格的和谐统一,关键要做到同样元素的位置和大小要保持一致,起码不能差距太大,配色方案也要保持整体一致,同类型的设计要素风格也应该尽量保持一致。

五、结束语

在网页设计中应用简约主义理念大有裨益。但我们不能忽视,目前有设计师在应用这个理念时走进了误区,即为了简约而简约,忽视了网页的功能性,不注重用户浏览网页信息时的认知体验,这样的网页设计必定“费时、低效”。其实,简约主义设计理念并不是简单地简化设计元素,而是合理取舍界面要素。对于网页设计而言,设计师必须立足于提升用户的使用体验,提高网站的可用性,只有做到“以用户为中心”,才是真正的简约主义设计。我国网页设计师应该多学习和借鉴国内外优秀的成功案例,认真学习简约主义设计理念的精髓。

参考文献

[1][美]RobertHoekman,Jr.瞬间之美-Web界面设计如何让用户动心[M].北京:人民邮电出版社,2009

[2]鬲波飞.网页设计之视觉信息传达分析[J].湖南大学学报(社会科学版),2001,15(4):15-19.

[3]唐良瑞,李丹.网页设计的诸要素分析[J].北方工业大学学报,2000,12(1):15-19.

[4]黄海燕.网页设计与平面设计[J].包装工程,2004,25(1):126-127

[5]李饶,李忠明.浅谈网页设计中色彩搭配的运用[J].计算机光盘与软件,2011.

[6]徐超.探究简约主义的网页设计[D].上海:上海师范大学设计艺术学,2012:19.

网页设计特点分析范文6

[关键词]计算机 网页设计 布局

就今天的生活来说,计算机是人们生活不可或缺的一部分,人们每天的网页浏览量远大于书籍的浏览量。因此,网页的美感对于人们来说是十分重要的。合理的布局、唯美的画面,往往会使人们在浏览网页时生出一种舒适感,为此各网站都花费人力、财力来进行网页的设计,尤其是布局的设计。

一、网页设计中的布局的相关概念

网页设计中的布局的相关概念,主要是一些构成成分的概念,其中包括了:整体造型、页面尺寸、页眉页脚、文本、图片等,下面就其中几个重要的概念进行讲述。这里需要指出的,网页设计中的布局,不仅仅要求的是对图像这些表面因素进行设计和布局,同时还需要对一些潜在的因素以及其他相关因素进行深入研究,只有将整体化的设计元素充分整合在一起,才能最大化地发挥网页布局的最佳效益。

(一)整体造型

页面的整体造型,指的是页面的整体形状,它所指的只包括页面填充内容所形成的形状并不是浏览器的形状,常见的造型主要有圆形、菱形、三角形等,当然也可以是这些基础类型的结合体。页面造型的选择,在一些时候是根据网站的性质来选的,带有一定的寓意。

(二)页面尺寸

页面尺寸并不是固定的,它受到很多其他因素的影响,就算是显示屏的尺寸或者分辨率都影响着页面的尺寸的大小。这几个因素是客观的,也是我们无法改变的,并且网页页面是在浏览器中呈现的,然而浏览器占据了一定的篇幅致使页面进一步的减小,但是这种情况是可以解决的,因为浏览器的工具栏等是可删除的。

二、计算机网页设计中的布局的重要性

无论是设计什么事物,人们对于其布局构造总有着严格的要求,对于网页布局也不例外。合理、美观的布局,给人们带来的是一种舒适和享受,尤其是在长时间浏览网页时,完美的布局对于减轻人的疲劳感是有重要作用的,由此可知计算机网页设计中的布局的重要性。只有这样才能创造出最大的经济价值与财富,推动计算机网页设计的进一步发展和进步。

网页布局的意义不仅仅是给人带来美感,与房屋布局一样,合理的布局在一定程度上可以增加其内容。在浏览网页时,人们可能只是简单的看一下网页页面所分布的内容,因此要想增加网页的浏览量,除了分布内容要有吸引力之外,还要保证其内容的全面性。这就要求网页的页面足够大,但是页面尺寸受很多因素的限制,所以只能从网页布局上来想办法。人们开始根据自己页面索要涉及内容的多少以及内容的类别、重要性进行页面的布局,使页面上的内容能够具有一定的层次感,并且在人们进行阅读时能给人们带来视觉上的舒适感。

三、常见的网页设计布局及其特点

在日常的网页页面中,页面布局的类型很多,常见的页面布局有“同”字型、标题正文型、综合框架型、封面型、Flash型,人们对这些布局的感观已经存在了,但是具体的布局结构还不太了解,下面笔者将将讲述以上几种布局类型。

(一)“同”字型

该类型的网页布局从内容填充的角度来说,其内容填充量较大,一般这类网页的上方都是标题栏,填充的可能是网站的主题,也有可能是横幅广告,其下可能也有小标题的存在。页面的左右也分布有相应的内容,一般可能是一些网站的最新动态简讯、网站的服务人员、附加信息以及广告,该部分的内容一般是人们不太会去注意的,同时也是可开发价值较高的区域。该类型网页的主要内容一般都是分布在中央位置,从上至下,按照内容的重要性、类别或者是所带有的色彩,对于此部分的内容一般还有细节分布,再次不再细说。至于网站的下部分一般不会分布内容,就算是有内容分布,也只是一些网页的常规内容。例如,网站制造方的信息、网站后台管理登陆以及网站的基础信息等。

(二)标题正文型

与“同”字型的页面分布有所不同的是,标题正文型页面一般没有左右的分布,其他的类似程度很大。页面的上半部分都是以标题的形式存在,如果出现的是广告也很正常,页面的中央部分分布的是主要内容,但是其主要内容所包括的含有“同”字型的侧边内容,一般网站主要内容的简讯是在标题下方,与并列的是一些附加信息,诸如天气、注册信息等。然后接着分布的就是网站的正文了。标题正文型的网页页面结构简单,一般是一些政府机构或者事业单位采用的较多。

(三)综合框架型

综合框架型在所有的页面布局中应该是结构比较复杂的一类,它的上下左右都分布着框架结构,内容基本都是分布在框架里面。它与其他类型的区别,其实就是把其它类型无形的界线描绘出来了。

(四)封面型

仅仅听着封面型,就能猜出它的基本分布,的确,正如书本的页面分布一样,封面型的页面分布就是以较大篇幅的图片为主。一般该类型的页面分布都是在网站的首页出现,页面的中央部位大篇幅的可能就是平面图片或者是动画,其周围分布着较少的信息,而此类信息一般又都是超链接的入口。一般诸如QQ空间的首页的个人主页网页页面就是采用此种类型的布局的,它主要是为了突出个人特色,以炫目吸引人们的眼球。

(五)Flash型

Flash型的页面布局与“封面型”有着异曲同工之妙,只不过Flash型网页页面运用得更多的还是Flash,当然它所运用的除了动画还有声音,因此它优于封面型的就是它的听觉效果,视觉与听觉两种效果的作用下给人们带来的除了享受还有一种震撼。关于此种类型的应用网页一般主要是游戏的登录或者是等待进入游戏的页面,当然也不排除有些个人网页的主页所采用的是Flash型的布局。

四、简述如何进行网页设计的布局

进行网页设计中的布局首先要确定页面的尺寸,确定好尺寸有利于后续内容模块的安排,在确定了页面的尺寸后开始进行整体造型的选择,选择时可根据网页主题或者是个人的爱好来进行选择。选择好整体造型根据网页所要呈现的内容类型、量、突出重点的量来进行布局的安排,在进行布局的安排时,要注意布局的疏密度,不能过度,同时也要注意突出重点。在安排好大致内容后,进行“绿叶”的点缀,可以在大致布局上增加一些其它信息以做装点。

计算机网页设计中的布局是一门艺术,它没有什么固定的格式,布局的选择、策划完全取决于个人的审美观,因此要想提升网页布局的美感,就必须要加强对于美学的研究,将生活中的美学知识运用到网页的布局上,给人们带来更多的视觉享受。

参考文献:

[1]玛依努尔・阿布都哈地尔.对计算机网页设计布局问题的探讨[J].产业与科技论坛,2012.

[2]郭雨.计算机网页设计布局价值性研究[J].东方企业文化,2011,(23).