网页版面设计，页面版式设计的基本步骤有哪些

1，页面版式设计的基本步骤有哪些

你好。封面和目录和内页三者都要做好的是尺寸，字号，字体颜色，位置，顺序调好，运用图像，图像和文字还有留白来实现版面的美感。封面大标题，副标题，层次感做出来目录就是要做到和页码完美联系，然后在此基础设计。内页标题，和内文，页码也可以做设计注意行距，字距，调整，对齐格式望采纳，谢谢

左文右图，右文左图，上文下图，两边产品中间文案。这是电商最基本的

1. 先确定是什么类型的设计，再找合适的版式设计；2. 接下来找设计用图，进行图片和文字的规划；3. 最后再对前面所选版式进行比对，对现在自己设计的作品进行适合的细节调整。

首先，要弄明白设计什么，拿海报举例其次，海报内容是什么？举例如齿科，看的人群有什么特点，拿中老年人举例开始缕清设计原则：海报：1、要凸显内容核心，字体该大则大，大胆创作，抓住营销的核心内容2、海报内容是活动广告，版面要活泼大气3、齿科属医学类科目，版面宜清新干净、整洁4、中老年人喜欢实惠实在，字体宜大便于观看等等其他版面设计遵循原则各有不同，结合设计师经验，以及实际问题灵活发挥，广告设计离不开营销，切忌极度创意，步入只为考验读者智商的陷阱（汉墨堂品牌策略设计）希望能帮到你！

第一步：确定主题（需要传达的信息）。第二步：寻找、收集和制作用于表达信息的素材－含文字、图形图像。文字表达信息最直接、有效，应简洁、贴切。应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色－色系）。第三步：确定版面视觉元素的布局（类型）。页眉页脚、logo摆放位置等第四步：使用图形图像处理软件进行制作。

页面版式设计的基本步骤有哪些

2，如何设计网站版面

版面布局的步骤：一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。三.定案将粗略布局精细化，具体化。（靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。）在布局过程中，我们可以遵循的原则有： 1、正常平衡---亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。 2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。 3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。 5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如： ○网页的白色背景太虚，则可以加些色快； ○版面零散，可以用线条和符号串联； ○左面文字过多，右面则可以插一张图片保持平衡； ○表格太规矩，可以改用导角试试。经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:)

http://www.wanxiao.edu.sh.cn/webnet/sxly/new_page_7.htm http://www.czis.com.cn/cnschool/a2xiao/xhcl/mathpaper/index.htm http://vod.xhschool.com/bj/more.asp?name=ylm&id=8145

如何设计网站版面

3，如何进行网页设计

网页设计与平面设计的异同设计传达的方式传统的平面设计讲究页面构图、版式布局、空间表现等，而网页设计也适用这些要素。网页设计与传统平面设计在视觉传达方面很大的相似点，但是在技术方面又是有很大的区别。网页设计是传统平面设计的视觉传达效果运用和网路技术的结合，所以可以说网页设计综合了平面设计艺术和网路技术。网页设计的重要特色就是动静结合，这点在平面设计裏是无法实现的。处理的差别传统平面设计的作品大多是以印刷的平面形式表现；而网页设计作品则是透过显示器表现，并且在传输的过程中受到网路频宽的限制。普通印刷是按照色素的减法原理进行的，设计时的颜色模式为 CMYK ，而电脑的显示器的色彩原理则是以色光合成加法原理进行的，是 RGB 模式，使用同样的颜色，但是在不同的颜色模式下，显示的效果是会有色差的。因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小。作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小。网页的构图布局与平面构图布局有著很大的相似之处，但是因为技术的局限，网页构图远不如平面设计那样挥洒自如。在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。所以在进行网页设计的时候，除了要有好的创意，还应该考虑到技术上的可行性。网页的构图与传统的平面构图最大的区别就是技术的可行性。在进行网页设计时必需时时提醒自己，所设计的作品最终会通过网路传输到用户端，经过下载，再用浏览器浏览，作品将受到频宽和显示器的限制。而且，所有网页的后端语言都是以 HTML 为基础，辅以 JavaScript 或 VBScript 编写的程式，有些动态特效实现起来会有较大的难度。所以，网页设计人员在构思创意时，要考虑到技术上是否能实现。如果一味地追求视觉效果的创意，而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。ㄞ鄏b网页设计中实现的创意，对网页设计构图来说是毫无价值的。功能的不同传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页设计网页的设计必须是配合网站的内容设计，而不是单纯地只为表现艺术而设计。除了拥有平面设计作品的功能以外，还有重要的引导和连接功能，也就是网页具有很强的可操作性和互动性。网页设计与传统的平面设计最大的区别就是网页的可操作性。网页的可操作性是通过页面间的链结实现的。所谓链结结构就是指网页页面间的相互链结关系。选择适当的链结结构，对整个网站的各个页面设计将有很大的引导作用。若链结的结构使用不良的话，会使得重要的资讯不能让访问者获取，这将违背了网站设计者的初衷。在制作一个网站的时候会有一个名为 index.html 的页面，我们一般把它称为 “首页” 。一般在浏览网站的时候，在浏览器的位址栏裏输入网址后，直接打开的就是档名为 index.html 的页面，它的作用就与书本的目录相同。大家应该都有在书上找资料的经验，一般来说我们都会打开书的目录来查寻资料位置，以便较快找到资料。同理，如果把我们的网站看成是一本书的话，那麼 “首页” 就是书的目录，它的作用就是使我们尽快的找到自己想找的资讯。而很多人在设计网站的时候做出来的网站是很漂亮，但却让访问的人无从下手来进行浏览。想从这个网站裏找到自己有兴趣的内容却怎麼也找不到，虽然说这个网站裏有这些内容，但就是找不到或者找起来很麻烦。这就说明了引导性和可操作性的重要。

使用网页三剑客中的Dreamweaver就可以了，而且都不要编写代码，都是直接添加文字，添加图片。。超简单的就象使用Word一样简单！！！做出来的网页是属于静态的HTML的！！！只要你学AspPhp同样还可以用Dreamweaver写动态的程序呢。。。写完了以后就是发布网站了，请买个空间和域名就可以了，如果不会的话我教你呵呵！！！

现在的教育...那些老师都是小白，出的什么破题目。实际web项目开发中，策划、美工、前台程序、后台程序有明确分工。没人会让你这么做网页。上面的问题，你去网上搜个好看的HTML模板，自己想点内容放上去，复制几个页面，改改文字，换个名字加上连接就行了。

如何进行网页设计