网页的版式设计---网页的排版与布局

  网页的版式设计---网页的排版与布局

  很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver、flash、firework、photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快。

  今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识,很多初学者都忽视这方面,以为技术就能代表一切,能够知道怎么用这个做网页的工具就能够做出质量较高的网页来。其实不然,因为软件知识只是一种工具,就像你有了笔,但不一定能作出好的文章来一样。很多人对技术很熟练但是做出来的网页却通常是照搬人家的东西,并没有体现做网页的水平的提高。

  网络时代,人本身的因素是相当重要的,只有拥有这方面的一定的审美知识,才有机会做好网页,而真正技术上的东西是不重要的,毕竟技术的发展是使每个使用者使用更加的方便,发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以,我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上,网页的设计呈现出多样化的趋势,但是万变不离其宗,我想认真的分析一下,可以得到一些有用的东西,在我们应用的时候作为参考。

  虽然网页设计拥有传统的媒体的不具有的优势,例如是能够声音、图片、文字、动画相结合,营造一个富有生气的独特世界,同时它拥有极强交互性,使使用者能够参与其中,同设计者相交流。但是最基本的模式还是平面设计的内容,所以平面设计就要考虑形式美的内容,其中网页的排版布局就属于形式的内容,那什么形式呢?

  形。原形,包括原始形,或称自然形。

  式。许慎之《说文解字》说:“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义,也就是一种“格律”。

  中国古典建筑形式就称为“法式”。“形”是自然的,“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造,才能起更大的作用,由于这个原因,就形成了今天的审美形态,形象是客观的,形式则是依据客观的规律进行主观的创造。如果没有主观的创造,就没有艺术,也不可能有今天的一切,当然对于实际的网页制作来说,这也是最基本的,就是主观的创造,因为这是一个网页的灵魂,假如没有自己的主观创造,就只能拾人牙慧? 复别人丢掉不用的东西,是毫无意义的。所以现在强调网页设计的创造,表现在对页面的布局上,具体说就是体现在页面的形式美方面。就是通过页面的合理安排,例如文字的条理清楚、流畅、整体,使形式美得到体现。

  从网站内容上来进行排版

  现在的网站通常具有的内容是文字、图片、符号、动画、按钮等,其中文字占很大的比重,因为现在网络基本上还是以传送信息为主,而用文字还是非常有效率的一种方式,其次是图片,加入图片不但可以是页面更加的活跃,而且可以形象的说明问题。所以按照目前网页的设计,可以有针对性的对这些内容作一些调整,可以得出一些可以借鉴的东西……

  从网页的布局形式上来看

  按照平面设计的形式来看,整个页面可以分为几个部分,每个部分有不同的功能,也能体现不同的形式,具体看来就是上边、左边、下边、右边、中间、看似无奇,自身却有许多独特的地方,就说划分的大小吧!中间的部分一般是最大的,因为它承载着主要的信息,使用者主要就是看中间这个部分的内容,有些网站也为了出新意把整个页面进行任意划分,特别是个人网页,例如把整个页面平分为左右两个部分,但是这样会让人不着重点,还有的框架用得太多,影响了页面的整体性……

  综合起来看

  内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,以为只要能够把具体内容清晰流畅的放到网站上就行了,造成整个页面的形式感很差,这样严重影响使用者的心情……

时间: 2024-11-09 00:20:56

网页的版式设计---网页的排版与布局的相关文章

网页的版式设计(五)

设计|网页 3.图像的编排 (1)四角与中轴四点结构 页面的四个角与对角线.中轴四点及水平与垂直的中轴线,具有支配页面结构的作用. 四角是页面边界相交形成的四个点,把四角连接起来的斜线即对角线,交叉点为页面中心.中轴四点指经过页面中心的垂直线和水平线的端点.这四个点可上.下.左.右移动. 通过四角与中轴四点结构的不同组合.变化,可以求得多样的页面结构.在图像排版时紧紧抓住这八个点,可以突出网页的形式美感,网页的版式设计.视觉流程的筹划也得到相应简化.   (2)块状组合与散点组合结构 块状组合,

网页的版式设计—文字的格式化

网页的版式设计---文字的格式化 编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心.特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感.目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少. 文字的格式化 1.字号.字体.行距 字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel).因为以计算机的像素技术为基础的单

网页的版式设计(八)

设计|网页 6.倾斜型 页面主题形象或多幅图片.文字作倾斜编排,形成不稳定感或强烈的动感,引人注目. 7.对称型 对称的页面给人稳定.严谨.庄重.理性的感受. 对称分为绝对对称和相对对称.一般采用相对对称的手法,以避免呆板.左右对称的页面版式比较常见. 四角型也是对称型的一种,是在页面四角安排相应的视觉元素.四个角是页面的边界点,重要性不可低估.在四个角安排的任何内容都能产生安定感.控制好页面的四个角,也就控制了页面的空间.越是凌乱的页面,越要注意对四个角的控制.  8.焦点型 焦点型的网页版式

网页的版式设计(七)

设计|网页 三.版式的基本类型 网页版式的基本类型主要有骨骼型.满版型.分割型.中轴型.曲线型.倾斜型.对称型.焦点型.三角型.自由型十种. 1.骨骼型 网页版式的骨骼型是一种规范的.理性的分割方法,类似于报刊的版式.常见的骨骼有竖向通栏.双栏.三栏.四栏和横向的通栏.双栏.三栏和四栏等.一般以竖向分栏为多.这种版式给人以和谐.理性的美.几种分栏方式结合使用,既理性.条理,又活泼而富有弹性.  2.满版型 页面以图像充满整版.主要以图像为诉求点,也可将部分文字压置于图像之上.视觉传达效果直观而强

网页的版式设计(四)

设计|网页 二.图像 除了文本之外,网页上最重要的设计元素莫过于图像了.一方面,图像的应用使网页更加美观.有趣:另一方面,图像本身也是传达信息的重要手段之一.与文字相比,它直观.生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受. 1.图像的格式 Web通常使用两种图像格式:GIF和JPEG.除此以外,还有两种适合网络传播但没有被广泛应用的图像格式:PNG和MNG.  2.图像的形式 同印刷排版一样,静态图像在网页排版中的运用不外乎四种形式:方形图.退底图.出血图以及这三种

网页的版式设计(三)

设计|网页 3.文字的强调 (1) 行首的强调 将正文的第一个字或字母放大并作装饰性处理,嵌入段落的开头,这在传统媒体版式设计中称之为"下坠式".此技巧的发明溯源于欧洲中世纪的文稿抄写员.由于它有吸引视线.装饰和活跃版面的作用,所以被应用于网页的文字编排中.其下坠幅度应跨越一个完整字行的上下幅度.至于放大多少,则依据所处网页环境而定. (2) 引文的强调 在进行网页文字编排时,常常会碰到提纲挈领性的文字,即引文(也称为眉头).引文概括一个段落.一个章节或全文大意,因此在编排上应给予特殊

网页的版式设计(二)

设计|网页 3.文字的强调 (1) 行首的强调 将正文的第一个字或字母放大并作装饰性处理,嵌入段落的开头,这在传统媒体版式设计中称之为"下坠式".此技巧的发明溯源于欧洲中世纪的文稿抄写员.由于它有吸引视线.装饰和活跃版面的作用,所以被应用于网页的文字编排中.其下坠幅度应跨越一个完整字行的上下幅度.至于放大多少,则依据所处网页环境而定. (2) 引文的强调 在进行网页文字编排时,常常会碰到提纲挈领性的文字,即引文(也称为眉头).引文概括一个段落.一个章节或全文大意,因此在编排上应给予特殊

网页的版式设计(一)

设计|网页 编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心.特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感.目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少.经过作者同意,从这一期开始,我们选载<网页艺术设计>一书的部分章节,从最基本的内容讲起,希望对广大网页制作者有所助益. 一.文字的格式化 1.字号.字体.行距 字号

网页的版式设计

图像的处理 图像的外形.大小.数量以及与背景的关系,都与内容有着密切的联系. (1)图像的外形处理 图像的外形能使页面的气氛发生变化,并直接影响浏览者的兴趣.一般而言,方形的稳定.严肃,三角形的锐利,圆形或曲线外形的柔软亲切,退底图及一些不规则或不带边框的图像活泼. (2)图像的面积 图像在网页中占据的面积大小能直接显示其重要程度.一般地,大图像容易形成视觉焦点,感染力强,传达的情感较为强烈;小图像常用来穿插在字群中,显得简洁而精致,有点缀和呼应页面主题的作用.在一个页面中,如果只有大图像而无小