如今,互联网越来越走近我们的生活,网络应用也渐渐成为我们生活不可缺少的一部分。大量网络信息的呈现都是通过文本、图像、动画等方式,其中,文本是网页中最为重要的设计元素,文字是准确表达信息的重要方式,设定有效的文字内容是网站传达信息、留住用户的决定性的一步。所以,对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面作者想谈谈一己之见。
1 字体格式设计
1.1 字体字体本身是带有表情的,它会将某些特性、某种气息带入网页中,因此字体的选择尤为重要。常用的字体包括黑体、宋体、楷体、仿宋体、行书、隶书等,计算机能不能显示某种字体,主要取决于字库里是否安装了这种字体。对于一般的计算机上网用户来说,他们使用的字库往往是系统自带的字库,能显示的也就是常见的几种汉字字体和十多种英文字体,而其他系统中没有的字体,在显示的时候会自动转换为自己系统中已有的字体。所以,在网页设计时,从加强平台无关性的角度来考虑,正文内容最好采用默认字体。
1.2 字号字号可以用磅或像素(Pixel)等不同的方式来计算,一般来说建议采用磅为单位。在网页设计中,究竟使用哪一种字号比较合适,并没有一定的要求,网页设计师可以根据内容和网页整体布局的效果而定。一般情况下,大多采用 12 磅的字体大小来显示网页正文;如果有其他的情况,比如一些综合性的网站,网站内需要显示的内容过多,也可以根据网页设计的需要,考虑使用 9 磅的字号。再比如标题或其他一些需要强调的地方,文字可能还会大些,而有的可能也会更小一些。在文字字号大小的考虑上,应该注意文字整体使用的协调,和谐为美,也是最重要的。
1.3 行距网页中文字的行间距对文本的可读性和美观设计都有着很大的影响,适当的行距会直接影响浏览者的视觉效果,可以引导浏览者转换行与行之间的内容。通常情况下,根据网页设计的经验,正文文字与行距的设定比例为 10:12,也就是说,如果字号为 10 号的情况下,行距就设定为 12.有的时候为了加强版式的装饰效果,也可以在设计中适当加宽或缩窄行距,有的时候会形成一种意想不到的艺术效果。
2 文字的颜色设计
网页设计中颜色的运用除了能够起到强调整体文字中特殊部分的作用之外,对于整个页面的情感表达也会产生影响。根据专业的研究机构研究表明:彩色的记忆效果是黑白的 3.5 倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。那么,网页制作用彩色还是非彩色好呢?我们通常的做法是:主要内容文字用非彩色(黑色),边框、背景、图片用彩色。这样页面整体不单调,看主要内容也不会眼花。所以,首先在网页正文中一般选择默认的颜色,即白底黑字,这种简单的搭配,效果明显,清晰明了。除了默认颜色的应用外,如果必须要用到某种颜色时,也可以采用一些设计技巧来处理。其次,字体的颜色也要考虑网站的风格和主题,在不影响风格和主题的前提下,设计者可以发挥自己的想象力进行创意设计,利用字体设计带给浏览者新鲜的感觉。第三,文字颜色的数量一般控制在三种色彩以内,如果颜色过多,表面上看起来很花哨,但缺乏内在的美感。
3 文字的排版设计
文字在网页排版中的设计,可以采用以下几种。
3.1 左右均齐编排网页布局时可以采用左中右分块布局,相应的文字编排也从左到右编排,左右的宽度齐整,使人感觉规整、美观、大方,同时文字结合相应的背景色进行文字颜色的变化,整齐却不平淡,交果非常好。如图 1 所示。
3.2 齐左编排齐左编排的方法是网页布局的方法,让每一行的第一个字母都统一在左侧的假设线上,右边可长可短,给人优美、自然的节奏感。左对齐的排列方式也适合人们的阅读习惯,容易产生亲切感。
3.3 齐右编排与齐左编排相反,右边的字尾都统一在右侧的假设线上,与人们的视觉习惯相违背,但借此标新立异,新颖、有格调,成为极具现代意识的版面构成。
3.4 中间对位编排让每一行都以假设的中心线对齐,两边任其自由散开,这种排列方式给人一种庄重、典雅和很强的对称感。
3.5 沿图形编排让文字沿图形编排,形成一种新的图形,增加了图形的层次,这种排列方式突破了传统的编排方式,给人独特、新颖的感觉。
3.6 自然段落式编排在网页布局的控制下,按照普通书籍的编排方式,开头空两个字,结尾顺其自然,结合图片或者文字字体、颜色、字号等的变化,也会有意想不到的效果。
4 结束语
文章只是起一个“抛砖引玉”的作用,大家可以充分发挥想象力,搭配出更有新意、更醒目的文字效果,使网页更具有吸引力,更好的将信息传递给用户。
参考文献
[1]徐涛。网页设计技巧[M].南昌:江西人民出版社,2009.
[2]王萍。网页中字体艺术性的体现[J].山东青年政治学院,2007(8):23.
[3]吴丽华。浅谈字体设计中的色彩艺术[J].美术大观,2010(6):46.
[4]孙梦佳。文字在网页设计中的要素研究[J].安阳工学院学报,2013.
网页设计在视觉传达设计中表现形式可谓是多种多样,它不仅涵盖了平面设计的传统优缺点,还具备了在融媒体时代的便捷性和个性化,是一个相对综合要求较高的设计。...
从面前中国的教育变革,以及全球范围内的教育方式变迁情形来看,未来的教育结构中远程教育所占有的比例势必会越来越重。在远程教育的模式中,网页课堂教育视频的质量关系着学生的课堂学习质量。网页中的模拟教师动态性表达效果,以及其声音、动作之间的同步...
一、前言目前我们处于一个互联网极度盛行的时代,而网站则被各大公司视为争夺利益高地的第一战场,网页设计的重视程度被前所未有的抬高并作为自我展示平台的核心。在网站页面设计这一方面,优秀的设计师可以充分利用用户的使用习惯来为自己的企业形象增光添...
摘要现今社会,Internet网已将全球联通,信息的共享和交流已经成为人类的共同需求,网络作为高科技与信息交互式媒介的产物,成为人类生活中不可或缺的重要连接纽带。信息的传播和获取已是国家、企业甚至个人发展充实的必要手段。统计显示,人们通过Intern...
结论多数人在确定某个网站的设计是好还是坏的时候,有两种标准。从严格的可用性角度来说,这种判断集中于功能性,信息呈现的有效性及效率。还有一种是纯美学的角度,这是关于设计的美学价值和视觉吸引力的。有些人沉迷于美学和图像中,而忘记了用户,而...
互联网已然成为人们生活中重要的部分。网页作为互联网的信息传播的主要媒介, 其所含内容、网页布局和风格具有影响着人们的视觉感受和审美品位的作用。...
近年来,随着我国网络技术的快速发展,网页的设计逐渐从静态设计过渡到动态设计,动态技术的发展实现了许多功能。同时对于相关的技术人员来说也面临着巨大的挑战。动态网页顾名思义是包含不同动画的相关的内容,这些只是网页具体内容的表现形式,不管网页有...
第3章国际主义风格在网页设计中的运用3.1国际主义中的数学思维。网页设计在设计中使用的几何分析方法和数学的比例达到了前所未有的高度,对页面的分寸感的特点,秩序感,有连续性的,清晰的。从历史的记载来看自然造物和人造物中都存在比例关系、数学...
【论文来源】:谢日敏,郑佳芳。校园响应式网页设计应用研究[J].电脑知识与技术,2015,14:209-210.随着互联网的发展,移动版的网站得到广泛的青睐。用户希望能够开发一种兼容性强的web应用,即可以适应Iphone手机、Andriod手机、PC机及平板电脑等终端应用,...
网页设计中图像的处理和使用对于强化网页的视觉效果起到非常重要的作用,只有充分了解图形图像在网页中的表现形式、使用原则及其重要作用,并结合具体切实可行的处理方法,才能让图形图像在网页中发挥更好的作用,达到美观实用的目的。...