网页版面设计

不知你以前是否学过页面排版,对页面文字、图象、色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识。

  首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃。

  第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题。假设你把它叫做“娱乐前线”,那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅(可以选一幅较漂亮的明星图片),但不管怎样,标题的主色调应先定下来,这对后面几步的版面影响可很大。

  第二步明确页面上要链接的目录,比如你共有“明星动态、各大明星、新歌推介、我的明星、娱乐新闻等五个主链接目录,那么要将他们放在较显眼的位置,根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置,主链接可以做成小图标的形式,但注意图片不能太大、也不能过分枪眼(一般情况下不比标题或主图的色彩重)。在明确次链接目录:假如本页有“历史回顾、友情链接、与我联系”等三个次目录,就放在比主链接次一些的位置,图片大小和用色不能超过主链接。

  第三步是指定主图,所谓主图,就是放一幅较能反映页面主题思想的图片,他的大小可适当超过页面上的任何图片,颜色也可不加限制。比如我们这里就用一幅股市交易大厅的照片。

  以上三步确定下来后,页面的基本风格就出现了,我们在根据情况进行调整,或者看是否加上背景,主要考虑主图是否需要背景。

  第四步是决定加入引导文。

  从版面设计上来将,一个有特色的主页,主要包含有三个要素:图象、排列方法、主色凋,这三者相辅相成、缺一不可;

  要成为主页设计高手,首先要成为计算机图形高手,仅这一点就可以让一些初入门者学上一年半载了。图片的要求与页面的内容有关,一些较随意的主页像股票、医药站点等,来访者并不在乎你能否做出精彩的图片,有些时候他们反而觉得放置图象后影响了访问速度,他们关心的只是页面内容;相反像一些需要靠图象来吸引访客的主页,如游戏介绍、影视介绍、风光名胜等站点,图象是一个极为重要的要素,在这里缺少了恰当的图象、整个页面就会黯然失色、就是一个不完整的主页。但是并不是每个人都可以成为图象制作高手,这需要去学一大堆繁琐复杂的砑

时间: 2024-09-15 18:21:02

网页版面设计的相关文章

四点网页版面设计(布局设计)的方法和技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站版面设计也可以理解为布局设计,版面就是在浏览器上显示的一个完整的页面,它是网站设计的重要内容.网站与用户的交互就是通过一个个页面来实现的,每个页面通常都包含了文字.表格.图像.动画.链接等诸多要素. 从表面上看,网页版面设计是一种关于排版的学问,而实际上,它不仅是一种技能,更是技术与艺术的高度统一. 网页版面设计的方法和技巧主要有以下几点

设计理论:网页版面布局的平衡性原理

几年前网页设计还被平面设计视为不入流的设计,不过随着网络使用的普及,网页设计的整体发展有了很大的提高,越来越多的设计师专做了网页设计师! 目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧.可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等文章却比较少.于是针对于此,我们这次分享会就请视觉设计师袁青林来为大家介绍一下网页设计的经验,主要就页面布局的平衡性方面,来和大家交流一下.如果您有好的建议和心得,也可以留言,互相交流探讨,在此先道一声谢谢

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.3 网页版面布局设计

1.3 网页版面布局设计 网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但它们有许多相近之处,应加以利用和借鉴.为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验. 1.3.1 网页版面布局原则 网页同平面设计一样,也要遵循一些设计的基本原则.熟悉一些设计原则,再对网页的特殊性做一些考虑,便不难设计出美观大方的页面来.网页页面设计有以下基本原则,熟悉这些原则将对页面的设计有所帮助. (1)主次分明,中心突出 在一个页面上,必须考虑视觉的中心.这个中心一般在屏

《网站设计 开发 维护 推广 从入门到精通》—— 1.3 网页版面布局设计

1.3 网页版面布局设计 网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但它们有许多相近之处,应加以利用和借鉴.为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验. 1.3.1 网页版面布局原则 网页在设计上与平面设计有许多共同之处,如报纸等,因此也要遵循一些设计的基本原则.熟悉一些设计原则,再对网页的特殊性作一些考虑,便不难设计出美观大方的页面来.网页页面设计有以下基本原则,熟悉这些原则将对页面的设计有所帮助. 1.主次分明,中心突出 在一个页面上,必须考

网站设计的思考网页版面布局的原理

设计首页的第一步是设计版面布局.就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局.虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的.它们的基本原理是共通的,你可以领会要点,举一反三. 版面指的是浏览器看到的完整的一个页面(可以包含框架和层).因为每个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸. 布局,就是以最适合浏览的方式将图片和文字排放在

《网站设计 开发 维护 推广 从入门到精通》——1.3 网页版面布局设计

1.3 网页版面布局设计 网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但它们有许多相近之处,应加以利用和借鉴.为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验. 1.3.1 网页版面布局原则网页在设计上与平面设计有许多共同之处,如报纸等,因此也要遵循一些设计的基本原则.熟悉一些设计原则,再对网页的特殊性作一些考虑,便不难设计出美观大方的页面来.网页页面设计有以下基本原则,熟悉这些原则将对页面的设计有所帮助. 1.主次分明,中心突出在一个页面上,必须考虑视

IE浏览器中打印网页时网页版面太大或太宽打印不全

  方法一:修改打印格式的边界设定 这个方法比较常用,但一些超宽的网页可能无效. 1.打开IE 浏览器,在打开需要打印的网页.然后点击菜单栏的「文件」 ,在选择「页面设置」 项,如下图所示: 注意:如果找不到IE菜单栏,可以在IE中按下键盘上的 Alt 键即可显示出来. 2.在「页面设置」窗口中,将「纸张大小」设定为「A4」 ,然后将左右页边距设置为「5」 ,上下页边距设定为「10」 .最后点击「确定」 按钮.如下图所示: 注意:每个型号的打印机都有最小的可打印边界,上下左右边界必须设定在您的打

网页布局设计的标准尺寸(800*600,1024*768等尺寸)

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解. 网页设计标准尺寸: 1.800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定.2.1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条.3.在ps里面做网页可以在800

网页推广设计:要学会换位思考很重要

文章描述:我所理解的网页推广设计的几个要点. 在开始聊我在阿里四个月的网页推广设计之前,我想先来说说我对平面设计和网页设计的认识. 它们之间的交集. 1.它们都是集艺术创作.电脑技术和数字技术于一体的,以"视觉"(包括符号.图片和文字)作为沟通和表现方式的一种创造过程.设计师一般会利用字体排印.视觉艺术.版面编排(page layout)等方面的专业技巧,来达成创作计划的目的. 2.它们都讲求视觉上的快速.正确.有效的信息传达,都在诉说一个理念或品牌,都具有商业价值,它们的目标是信息.