《
网页设计中的文字运用》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234L52013.htm
--> [
网站建设之]
网页设计中的文字运用
文字的格局化
1.字号、字体、行距
字号大小可以用不同的方式来盘算,例如磅#quotel.quoter#或像素(Pixel)。由于以像素技巧为基本单位打印时需要转换为磅,所以,倡议采取磅为单位。
最合适于网页正文显示的字体大小为12磅左右,当初良多的综合性站点,因为在一个页面中需要部署的内容较多,通常采用9磅的字号。较大的字体可用于题目或其余需要强调的处所,小一些的字体可以用于页脚和帮助信息。需要注意的是,小字号容易产生整体感和精巧感,但可读性较差。
 ,网页设计中用户确认页的设计;网页设计者可以用字体来更充分地体现设计中要抒发的情感。字体取舍是一种理性、直观的行动。但是,无论抉择什么字体,都要依据网页的总体假想和浏览者的需要。例如:粗体字强健有力,有男性特色,适合机械、建造业等内容;细体字文雅过细,有女性特点,更适合服装、化装品、食物等行业的内容。在统一页面中,字体种类少,版面雅致,有稳固感;字体品种多,则版面活跃,丰盛多彩。症结是如何依据页面内容来控制这个比例关联。
从加强平台无关性的角度来考虑,正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必需考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不必定可以找到,这给网页设计带来很大的局限。解决问题的措施是:在确有必要使用特殊字体的地方,可以将文字制成图像,而后插入页面中。
行距的变更也会对文本的可读性产生很大影响。个别情况下,濒临字体尺寸的行距设置比拟适合正文。行距的常规比例为10:12,即用字10点,则行距12点。这重要是出于以下斟酌:恰当的行距会造成一条显明的程度空缺带,以领导浏览者的眼光,而行距过宽会使一行文字失去较好的连续性。
除了对于可读性的影响,行距自身也是具备很强表现力的设计语言,为了增强版式的装饰效果,可以有意识地加宽或缩窄行距,体现奇特的审美意趣。例如,加宽行距可以体现轻松、伸展的情感,运用于娱乐性、抒怀性的内容恰到好处。另外,通过精心支配,使宽、窄行距并存,可加强版面的空间档次与弹性,表现出独到的匠心。
行距可以用行高(line-height)属性来设置,提议以磅或默认行高的百分数为单位。例如:{line-height:20pt}、{line-height:150%}。
文字的整体编排
页面里的正文部分是由许多单个文字经过编排组成的群体,要充散发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式,它在个性和情感方面对人们有着很大影响。在网页设计中,字体的处理与颜色、版式、图形等其他设计元素的处理一样十分要害。从某种意思上来讲,所有的设计元素都可以懂得为图形。
1.文字的图形化
字体存在两方面的作用:一是实现字意与语义的功能,二是美学效应。所谓文字的图形化,等于强调它的美学效应,把记号性的文字作为图形元素来表示,同时又强化了原有的功效。作为网页设计者,既能够依照惯例的方法来设置字体,也可以对字体进行艺术化的设计。无论怎么,所有都应缭绕如何更杰出地实现本人的设计目的。
将文字图形化、意象化,以更富创意的形式表达出深层的设计思惟,能够战胜网页的枯燥与平庸,从而感动人心。
2.文字的叠置
文字与图像之间或文字与文字之间在经过叠置后,能够产生空间感、跳跃感、透明感、杂音感和叙事感,从而成为页面中活跃的、令人注目的元素。固然叠置手法影响了文字的可读性,然而能造成页面独特的视觉效果。这种不追求易读,而刻意寻求“杂音”的表现手段,体现了一种艺术思潮。因此,它不仅大批运用于传统的版式设计,在网页设计中也被普遍采用。
 ,网页设计中层叠加的五条叠加法则; 3.标题与正文
在进行标题与正文的编排时,可先考虑将正文作双栏、三栏或四栏的编排,再进行标题的置入。将正文分栏,是为了求取页面的空间与弹性,防止通栏的死板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题,但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理,甚至可以直接插入字群中,以新奇的版式来攻破旧有的法则。
4.文字编排的四种基础形式
页面里的正文部分是由很多单个文字经由编排组成的群体,要充足施展这个群体外形在版面整体布局中的作用。
两端均齐:文字从左端到右真个长度均齐,字群形成方方正正的面,显得端正、谨严、雅观。
居中排列:在字距相等的情形下,以页面核心为轴线排列,这种编排方式使文字更加凸起,发生对称的情势美感。
 ,网页设计中完美的图像处理技巧;左对齐或右对齐:左对齐或右对齐使行首或行尾天然构成一条清楚的垂直线,很轻易与图形配合。这种编排方式有松有紧,有虚有实,跳动而飘逸,产生节奏与韵律的形式美感。左对齐契合人们阅读时的习惯,显得做作;右对齐因不太合乎阅读习惯而较少采用,但显得新鲜。
绕图排列:将文字绕图形边沿排列。如果将底图插入文字中,网页设计中“对比”原则的剖析和应用,会令人觉得融洽、天然。
文字的强调
1.行首的强调
将注释的第一个字或字母放大并作装饰性处置,嵌入段落的开头,这在传统媒体版式设计中称之为“下坠式”。此技能的发现溯源于欧洲中世纪的文稿缮写员。因为它有吸引视线、装潢跟活泼版面的作用,所以被利用于网页的文字编排中。其下坠幅度应逾越一个完全字行的高低幅度。至于放大多少,则根据所处网页环境而定。
2.引文的强调
在进行网页文字编排时,经常会遇到提纲挈领性的文字,即引文。引文概括一个段落、一个章节或全文粗心,因而在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样,如将引文嵌入正文的左右侧、上方、下方或中央地位等,并且可以在字体或字号上与正文相差别而产生变化。
3.个别文字的强调
如果将个别文字作为页面的诉求重点,则可以通过加粗、加框、加下划线、加唆使性符号、倾斜字体等手腕有意识地强化文字的视觉效果,使其在页面整体中显得出众而醒目。另外,转变某些文字的颜色,也可以使这部分文字得到强调。这些方式实际上都是运用了对比的法令。
文字的颜色
在网页设计中,设计者可认为文字、文字链接、已拜访链接和当前运动链接选用各种颜色。例如,如果你使用FrontPage编纂器,默认的设置是这样的:畸形字体颜色为玄色,默认的链接颜色为蓝色,鼠标点击之后又变为紫红色。应用不同颜色的文字可以使想要强调的部门更加惹人注视,但应当注意的是,对于文字的颜色,只可少量运用,假如什么都想强调,实在是什么都不强调。况且,在一个页面上运用过多的颜色,会影响阅读者浏览页面内容,除非你有特殊的设计目标。
 ,网页设计中10个重要并常规的技巧; 颜色的运用除了可能起到强调剂体文字中特别局部的作用之外,对全部案牍的情绪表白也会产生影响。这波及颜色的情感象征性问题,限于篇幅,在这里不做深刻探讨。
另外须要留神的是文字色彩的对比度,它包含明度上的比较、纯度上的对照以及冷暖的对比。这些不仅对文字的可读性产生作用,更主要的是,你可以通过对颜色的应用实现想要的设计后果、设计感情和设计思维。
Tag:网页设计 网页设计
在网页设计中对称伎俩使用技巧
(责任编辑:网站建设)
网页设计中的文字运用相关文章