页面排版设计

（原创文字）CDR设计页面跟设计普通AD广告单一样，小册子只是增加页数而已。设计前先定义好尺寸，页面边缘要有适当的空位（就是不能文字顶到边缘），因为印刷的时候会有出血裁剪，顶到了也会影响美观（但是部分特殊页面顶到也是可以的，这个可以从设计角度上去考虑。规划好每个页面的内容，包括封面（一般来说此处内容是正本书的核心内容，文字不能太多，可以放主题内容、LOGO，公司名称等），封二可设置形象类图片或者安排目录等，封三开始你可以放置每个页面想要表达的内容。封底可放置公司联系地址已经结束语（有的结束语是放在封底前一个页面）。每个页面如果想要美观，你必须要做到图文结合，产品跟文字说明相互结合，尽量做到图文并茂。同时主题内容（文字比较多的）字号大小要相等，不能大大小小的胡乱排列，当然你可以突出部分主要的内容。当所有的页面都规划设计好了，就要选择素材，包括文案素材跟图片素材，素材选取可以借鉴网络以及书本等，图片方面可以自行拍摄，扫描，自己手工画等方式获得。核对所有页面内容，看看色彩以及排版方面是否合理，想要表达的内容是否符合原先的意图等。文件设计过程中要时刻注意保存，以防意外（停电、死机、程序错误等）造成文件丢失。完稿后，把所有文字转为曲线后另存一个名字（必须要另存，不可覆盖原来的文件，切记），然后发给印刷公司，让他们打印样稿。样稿检查需仔细，包括色彩，文字等，没问题后就开始印刷吧。我下面附一个单页的广告单上去，你可以看下。祝好运。

（1）在几乎所有的浏览器上都可以使用。 　　（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。 　　（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 　　（4）你可以轻松地控制页面的布局 。 　　（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 　　想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。

需要注意以下四点：1.加强视觉效果2.加强文案的可视度和可读性3.统一感的视觉4.新鲜和个性是布局的最高境界。设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。 版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的"秘诀"告诉您。 我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤： 一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。 二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 三.定案将粗略布局精细化，具体化。（靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。） 在布局过程中，我们可以遵循的原则有： 1、正常平衡---亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的的心理因素。 以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如，○网页的白色背景太虚，则可以加些色快；○版面零散，可以用线条和符号串联；○左面文字过多，右面则可以插一张图片保持平衡；○表格太规矩，可以改用导角试试。经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:) 看看我们经常用到的版面布局形式：1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。 以上总结了目前网络上常见的布局，其实还有许许多多别具一格的布局，关键在于你的创意和设计了。

　　word双页排版步骤：　　1、打开word文档，在菜单栏选择【页面布局】选项，点击【分栏】，选择【两栏】；　　2、完成分栏。　　（特别说明：使用分栏后，在一个页面内，只有上一栏的内容填充满之后，才会在下一栏继续显示【可以用空行填充】）

需要注意以下四点：1.加强视觉效果2.加强文案的可视度和可读性3.统一感的视觉4.新鲜和个性是布局的最高境界。设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。 版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的"秘诀"告诉您。 我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤： 一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。 二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 三.定案将粗略布局精细化，具体化。（靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。） 在布局过程中，我们可以遵循的原则有： 1、正常平衡---亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的的心理因素。 以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如，○网页的白色背景太虚，则可以加些色快；○版面零散，可以用线条和符号串联；○左面文字过多，右面则可以插一张图片保持平衡；○表格太规矩，可以改用导角试试。经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:) 看看我们经常用到的版面布局形式：1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。 以上总结了目前网络上常见的布局，其实还有许许多多别具一格的布局，关键在于你的创意和设计了。

　　1. Adobe InDesign 目前国际上最常用的最专业的排版软件是Adobe公司的 InDesign，它具有强大的电子出版和网络出版的制作功能，可制作出令人满意的纸质出版物、电子出版物等。InDesign作为一个优秀的图形图像编辑及排版软件，不仅能够产生专业级的全色彩效果，还可以将文件输出为PDF、HTML等文件格式，是跨媒体出版的领航者。Adobe InDesign是多页面高效排版设计的不二之选，一般的好看的杂志，书籍和画册都是用Adobe InDesign 来设计排版的。性能优异，使用方便，所见即所得，生成PDF文件及导出各类图片文件非常方便。由于InDesign的功能非常强大，想要完全掌握它是有一定难度的，但是对于有PhotoShop基础的人来说，学InDesign是一件很简单的事情呢！　　2. CorelDRAW Corel公司的CorelDRAW是非常出色的矢量平面设计软件，也被广泛应用在排版事业上，由于CorelDRAW的上手比较快，在我国的出版事业中得到了广泛的应用。　　3. 还有一个很简单的就是Microsoft公司的Publisher啦，是Office的一个子办公软件，对于常用Word的朋友来说Publisher是很好学的，因为界面是很相似的。这个软件基本可以满足一般的排版需求，简单的杂志还是可以排到的。　　4. 其他的一些排版软件，如：Adobe公司的FrameMaker，我国的方正公司的飞腾排版软件等等。　　你需要排的是图像比较多的杂志，建议还是用InDesign或者是CorelDRAW来排，因为这两个软件对图像的编辑能力较强。我本人学的是Adobe公司的 InDesign，功能真的很强大，很专业哦！希望能帮到你啦。

漂亮的文字排版首先能够提升整个设计版面的美感，同时也让阅读更舒畅。一般的做法是通过调节文字大小、间距、调整首行、强迫换行或者调整其它文字设置解决。一、文字跳动如果文字的排版不能够吸引读者，或者让人觉得读起来很累，一般人们的反映是没有义务必须强打精神看下去的。可以尝试检测一下你的眼睛在看到大标题后是否跳动太大了。一般说来，人的眼睛会首先看到大标题，然后就自然会去到左边开始阅读。二、错误断开在编辑的词汇里，“错误断开”是指两行文字间，一个单词不恰当地被断开了。虽然在英文里，有时一个单词总有断开转到另一行的时候，必须紧记一点的时，不能在一个单词里随便一个地方就断开。

创新不是说出来的，是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。 我知道，可是呢个网页我可以做出来，就是没有思路，怎么排版布局，做的呢不太一样 布局是自己设计，要完成这个设计还是很简单的。 可是现在没有思路，不知道怎么设计，你指导下啊， 可是现在没有思路，不知道怎么设计，你指导下啊， 要想有创新，别人指导不了。 好吧，我想想，呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的，需要什么代码？？？ 没有发现什么小字。直接输出就可以了。 右上角有小字的，呢要在哪里输入啊？？ 代码中 我知道，是那一行代码？？在html里，还是css里 html,哪一行不知道你是说什么小字

     有时候打开网页发现内容的排版比较混乱，比如上下两行的文字部分重叠，字体大小看起来很不协调，本来是一行的文字显示成两行，等等。这是因为浏览器的设置出了问题，很多时候设置完成了自己都不知道做了哪些改动，怎么改回来~~下面将介绍还原设置的方法。 首先，说明一下，IE浏览器的一些设置会影响到其它浏览器，如果用的是其他浏览器，也要打开IE浏览器进行设置。 打开IE浏览器（如果桌面上没有，点击开始菜单，一般windows系统里面都有）。 在菜单栏中点击工具（或者如图所示的位置有工具按钮），然后点击“Internet选项”。 在Internet选项窗口中点“高级”。 在高级设置中设计文字、排版设置，所以点“还原高级设置”，再“确定”，然后重启。看页面是否恢复正常；如果问题还未解决，继续往下看。 点击如图所示的“重置”按钮，将IE浏览器恢复到默认设置。在弹出的对话框中不要勾选删除个性化设置，直接点确定。然后重启浏览器。 这样一般的问题都会得到解决。 还原默认设置后可能会没有菜单栏，点击工具——工具栏——菜单栏进行添加。不是这个，在网页上显示正常，在DW里排版乱七八糟。在别点电脑上也试了，还是不行