- 相关推荐
计算机网页设计布局
计算机网页设计布局1
【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计；布局；排版；文字；设计论文
网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。
1．计算机网页设计布局与排版原则
1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的'第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。
2．常见布局与排版
2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。
3结语
计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。
参考文献:
［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，20xx(27):116～117．
［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，20xx(05):123，106．
［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，20xx(26):248～249．
［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子(理论版)，20xx(03):12～13．
［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，20xx(15):204～205．
计算机网页设计布局2
作为网站构成的基本要素,网页布局在很大程度上影响着网页的浏览量,当然也会影响整个网站的运营情况。随着计算机以及互联网在人们生活中的普及,网页布局也更加关注色彩、图像、图标以及文字等方面的搭配问题,充分利用网页空间,科学地进行布局,才能够制作出更加精美的网页,用户在浏览网页的时候,才会拥有更好的体验。
1、网页设计中布局的相关概念
1.1页面尺寸
页面尺寸的大小主要由显示器的分辨率和屏幕的大小决定,显示器范围的局限性对于网页设计来说是页面最大的阻碍。不同品牌的显示器,再制造过程中所使用的技术都不一样,不同的研发团队对于不同的显示器设计都存在差异,也正是这些在显示器设计方面的局限性,使得人们只能根据现有的分辨率不是很好的显示器来进行网页设计,这也造成了页面尺寸大打折扣的不良局面,所以,一台具有超高分辨率的显示器是设计出一个完美页面的前提。
1.2整体造型
对实体物品进行构思,然后运用电脑技术在屏幕上搭建出简单的物体形象,这是将物体从实物转化成图像的一种形式。在设计图像的过程中,人们可以根据要求或者自己的想法,将图形进行变形,从棱角分明的方形变成通体圆润的圆形、椭圆形,或者将没有层次的单一造型转变成图形同文字相结合的形式,用不同的层次感进行设计。
1.3页头
所谓页头,就是设计软件中的页眉选项,它的作用有很多,但主要是被用作定义页面的主题,人们可以很直观地从页眉中找到自己想要的信息,也可以通过页眉来理解作者想要表达的意思。在一个页眉中可以显示出多个人名,这也大大方便了浏览者寻找关键信息,减少了在页面上盲目寻找的麻烦。
1.4文本
在信息日益增多的现代化社会,为了方便不同人士不同行业的办公以及工作任务的分配,文本被众多人所应用,从中国人传统的教育理念着手,用文本来代替沉重的书籍,符合了人们随走随记得特点,方便人们在不同环境进行阅读。文本由于是文字在书籍方面的代替工具,因为它被设计出来后所需要的存储空间非常小等特点,越来越受到不同年龄人群的喜爱,用很少的空间就可以存储大量想要浏览的信息,方便快捷。文本的设计起初存放位置受到限制,但随着电脑技术的发展,文本已经可以随意地放在页面的任何位置。
1.5页脚
首先有了放置站点主题的页眉,也就衍生出了可以修改和存储文章作者或者不同公司文本信息的页脚位置。页眉和页脚都是一个好的设计中不可缺少的部分。
1.6图片
简单而单纯的文字已经很难让现在的年轻人提起兴趣,为了方便和吸引现代人去阅读,各个大型的网页中都会配上符合新闻信息的图片,不同类型的图片给浏览者以视觉上的冲击,也可以借助图片更好地表达文字中的含义,增强浏览者在读取时的美感。
1.7多媒体
时间的推移促使了各种新型媒体的出现,人们通过声音图像等手段将信息更真实地表现出来,人们通过单纯观赏就可以获取大量信息,十分方便。多媒体手段可以更具体地提炼出一件事情的重点,从简单的文字发展到真人形式进行信息的传播,这使得网站从单纯的被观看变成了“去讲述”,给浏览者绘声绘色,真情实感的享受。
2、常见的网页设计布局及其特点
2.1“同”字型
人们对信息的需求量日益增大,简短的介绍已经无法充实越来越多的'浏览者的思想,所以“同”字型的网页布局应运而生,在这里收纳了不同行业不同方面的大量信息,而为了方便在众多的信息中方便浏览者寻找自己需要的信息,这类网页上方也会设置分类的标题栏,其中既涵盖了自己本网站的主题设计,也有不同商家投资宣传的广告标语,而且为了进一步强调也会在下面辅助上小标题。人们习惯于浏览一个页面的中间位置,这也使得一个页面的两侧被人们所忽略,作为仅有的宣传信息的页面,网站设计人员自然不会放过这些边边角角的位置,这里多会被填充上一些不是很重要的广告或者站内的服务人员,多数为了吸引人还会以滚动、闪动的形式出现,当然,这些不重要的弹框是可以被关闭的。
2.2标题正文型
和“同”字型的页面布局不同,在这里都是简单清晰的中央分布类型,去除了繁多动态的两边弹框信息,在其他方面却没有什么不一样。这种页面布局方式,将重要的事件和一些实时动态类信息放在中上的醒目位置,将一些浏览项目的分类放到中间位置,而在底部不会安排什么重要信息,有的也只是填充了一些设计者、设计事件等信息,而在一个页面的顶端多会附有实时天气,滚动的实时动态标题等。
2.3综合框架型
讲述起来这种类型的设计无非就是给人以更多“规矩”的感觉,在内容方面也是将不同重点进行相应的排列,不同的上下位置分布相应的信息,唯一有区别的就是在设计页面时将原有的白纸式页面增添了边框而已。
2.4封面型
从标题里就可以看出,这种设计类型就像是大家的课本页面一样,主要的信息很少,多数需要了解的信息都会以超链接的形式出现,中间配上动态图片或者变换颜色的文字,这种类型的设计多用于表现鲜明的个人特色,目的也仅仅是单纯地吸引浏览者的眼球。
3、简述
如何进行网页设计的布局在设计一个页面之前,要对自己想要表达的想法进行规划,如何分布整个页面,怎样体现不同文字的价值才能吸引更多的浏览者去关注自己的页面,这都是需要提前构思好的。在内容方面,不能仅仅是单纯的文字或者简单的插入图片,要有重点分条分框地布局整个页面,时而紧凑时而稀疏,让浏览者可以感受到能在这里获得更多有趣的信息,不应该给人一种千篇一律的感觉。红花要有绿叶配,适当的在关键位置添加“叶子”是增添页面可观性的一个好的思路。将美学运用到页面的设计中去,用灵活的布局增添美感,可以给浏览者以视觉上“饕餮盛宴”的更好感觉。
4、结语
随着物联网时代的到来,人们对网页外观、内容、实用性等方面的要求更多,为了能够满足人们的需求,为人们提供更加完善的服务,设计人员必须要掌握网页设计的相关概念,并且能够通过合理的运用设计方法,达到优化网页质量与视觉效果的目的,该文对此进行了3个方面的分析,希望能够为相关的设计人员提供一些建议和参考。
【计算机网页设计布局】相关文章：
网页设计的布局理解07-03
常见的网页布局设计模式07-14
网页设计的四种布布局要点07-03
网页设计相对布局中如何实现水平定位？07-03
[网页设计]Re:网页设计认证07-03
[网页设计]网页设计来帮忙07-03
客厅设计布局要点07-01
网页的栅格设计思考-网页设计教程07-14
[网页设计]自己学做的网页设计07-03