布局好的页面探讨:设计细节方向的碰撞

时间：2022-11-30 04:34:14 作者：横滨黄街灯综合材料收藏本文下载本文

“横滨黄街灯”通过精心收集，向本站投稿了5篇布局好的页面探讨:设计细节方向的碰撞，下面是小编整理后的布局好的页面探讨:设计细节方向的碰撞，欢迎您能喜欢，也请多多分享。

目录
第1篇：布局好的页面探讨:设计细节方向的碰撞第2篇：页面该如何布局第3篇：公司怎样设计网站页面布局第4篇：AutoCAD页面布局教程第5篇：眼动仪研究如何服务于“页面布局”交互设计

篇1：布局好的页面探讨:设计细节方向的碰撞

文章描述：布局好的页面探讨:设计细节方向的碰撞.

以前做项目得到一个经验，就是在立项前，不需要拿个布好局的页面出来讨论，因为我们觉得，在方向还未清楚的时候，讨论页面细节可能是浪费时间，

这一回，战略部的新partner给了我一个不同的启示。按说她的工作是在我上游，可是在最开始的实际操作中，她却把工作走到了我的下游，直接做了一个页面出来，把功能点、内容全都画好了…… 我一阵吃惊，对比着我自己的proposal，我跟她说，你这个东西，同事们能接受吗，因为他们都不知道方向在哪里，你却让他们看细节。

后来我明白她的做法了。这个是“结果导向”——不把页面先做出来展示一下，你面对那些不太懂产品原理的同事，是无法真正将讲解传递到他们的内心的。即便洋洋洒洒的文档在方向和细节上都非常完美了，但对其他业务部门的同事来说，可能仍是抽象或概念化的。在这个时候，不是说他们无法理解产品经理展示的东西和陈述的事实，而是，他们可能没法儿透露真正想要的东西——他们要么直接向你“投降”，认为非常好，要么是半懂不懂，连自己的观点也忘记了，再要么是根本反对，陷入跟你空泛PK的陷阱。

Partner用这个很具体、很简陋，但是又把功能点与内容展示出来的“结果页”，把参与讨论的同事内心想要的东西，“逼”了出来，而且越是陷入细节点的讨论，对方的需求就越明晰，比简单陈述一个概念要好很多，

比如针对“结果页”，参与讨论的同事有这番说话：

· 我觉得网友的评论摆得太下面了，占比太小；

· 我觉得相关在线医生交流这里，实际不可操作，因为运营投入太大，每个月要消耗掉好多钱；

· 页面非常好，没有问题，但是觉得评论这块还是没有突出；

……

这个时候，对方想要什么，我们心里就有谱了。这比针对某个概念（比如“提高互动比例”）进行不断地陈述、PK，要高效很多。

在此基础上，后来我对自己的proposal进行陈述，感觉就相当esay了。在表达的穿透性上，似乎达到更好效果。下来我就跟战略部的这位partner说，我们简直是完美的配合。这其实同一目标的不同方向，像挖隧道一样，从两头挖，最终还是要把隧道打通。

————————

通常，做一款产品，先要完成市场调研、竞品分析等等流程，然后再画原型，方可将项目执行下去。在前期资源整合的部分，了解一个业务、了解团队资源的情况、了解我们要做什么，即方向的把握会成为首要考虑的东西。这个阶段，其实更考验产品经理的沟通和消化能力，特别是在多部门都有产品需求提出的时候。比跟技术美术沟通要难很多。

篇2：页面该如何布局

一个网站的布局还是一个页面的布局这都反映出了一个网站做的是否是成功，布局包括了很多方面的例如颜色的搭配，一些连接颜色的变化等，我们都知道现在的搜索引擎对于用户体验越来越重视了，网上也有很多关于如何提高用户体验的种种方法，我们不能否认哪些方法是错误的，真正能做到的又有几个网站呢，搜索引擎他又不能左右用户，只能是把程序写的更人性化点而已了，用户的心又有谁能够抓的住呢，说来用户体验仅仅给予用户的一种方便，真正的决定权还是在用户手中。

想要给予用户一定的方便那我们就要把自己当作是用户或是你去浏览其他的网站的时候就要仔细的研究，发现一些细节上的小功能来给予用户方便，从而让用户感觉到这个网站还不错，能做到这一点就已经很不错了，最起码用户的停留时间变长了，这样跳出率的概率也就随之减小了。今天我们主要来探讨下如何从一个页面着手来抓住用户的心：

一、图文并茂的新闻

在文章内加入适量的图片好处主要有三：一能让文章图文并茂，变得生活活泼;二能增加文章的长度，使分页更容易：);三能增加用户粘度。因为图文内容比纯文字内容，更吸引用户：)所以笔者强烈建议大家多做图文内容。其实现在各大网站已经将这种方法普及的非常好了

二、进行自动翻页的设置

很多用户在浏览分页多的文章时，很不习惯不停的翻页，特别是对于图片类的文章，更是如此。所以要是我们设置一个自动翻页的功能，实在是便民之举。而且有相当一部分网民在打开一个新网页后，就忘记了关闭之前的旧网页，这个时候如果那个页面能自动翻页，流量等于是白捡的，

三、为内容关键字添加超级链接

如果条件允许，将文章中的一些热门关键字、文章内的图片等做上超级链接，可以链接到相关的栏目或是专题。这个需要一定的技术支持，所以个人站长可能需要找人合作实现，现在很多广告联盟都有这种形式的广告，大家可以尝试。

四、设置图文推荐位、广告位。

充分利用文章正文页添加适量的图文推荐及广告位，这些推荐位和广告位可以做站内推广用，也可以与其它网站进行链接互换。重点位置有四个：

1、标题下方。以文字链接为主。

2、文章正文中。以文字链接为主。注意，这里说的链接和第四项说的关键字链接不是一个概念。

3、正文右侧。尽量不要设置在左侧，因为网页的上下滚动条在右边，网友在浏览文章时，鼠标指针通常也是在这个位置，如果遇到感兴趣的链接，点击起来很方便，而且偶尔也会发生误点链接的情况。

4、正文下侧。至于链接、广告的具体表现形式和内容，这里就不赘述了，只强调一点：标题及链接的内容自己吸引人怎么来，适当引入娱乐元素。

五、添加适当的互动模块

如典型的文章评论、文章感受投票等。人性化的互动产品，会增加用户体验，提高页面粘性。而且互动的同时PV就会随之增长

六、广告位、推荐位的灵活性

上面说的这些广告位、推荐位等，一定要设置成随时可更换的，且是在不改变网站架构、不用重新发布文章的基础上。要不一旦你的文章达到几万篇时，换一个链接岂不累死。而且同一个位置的链接总是不更换，也会降低页面吸引力。

大家都明白一个道理那就是往往细节决定成败，不管做任何事都是这样的，所以我们的一个网站大概的框架出来之后就应该多花点心思在一些细节问题上，尽量的从用户的角度出发，给予用户更多的方便之处，多搞出点新花样，这样才能留住用户的心，我们的网站才能在茫茫网络中生存下去。

篇3：公司怎样设计网站页面布局

设计网站页面布局主要有以下几点：

一、网站首页的布局设计

网站首页是网站给浏览者的第一印象，网站页面布局要从主题、导航和内容方面着手进行页面布局分析，

1、网站主题

在网站页面布局中，首页是网站的最核心的页面，首页的主题也就是网站的主旨，所有内容围绕着首页的主题来描述。主题主要体现在网站的标题、关键词和描述上，其中最主要的是标题，用户在搜索引擎上搜索结果就是你网站的标题和描述性内容。在首页的页面上，首页主题还体现在logo上，准确概括的logo和主题可以很好的帮助用户选择自己需要的网站。

2、网站导航和内容

在网站页面布局中，网站导航是必不可少的，是对网站内容的分类，按照网站的内容细分，便于用户根据个人需求选择浏览页面。网站首页导航要分类清晰明了，层次分明，不要重复。同时网站首页的内容布局设计要对网站用户进行需求分析，把用户最关注的内容放置在首页栏目的最突出位置。网站首页布局还需注意页面的尺寸、网站打开速度及友情链接布置等方面，

二、网站内页布局设计

1、内页面包屑导航

为了更好的提升站内页面权重，网站页面布局时，要将网站内页设置面包屑导航。由于网站层级页面太多，特别是大型网站，为了让网站内页获得权重，内链是个很好的方式，为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航既可以分配页面权重也可以方便用户在页面间进行切换。

2、网站内页模板

网站页面布局中的内页模板有两栏式和三栏式。两栏式多用于小型企业博客网站。两栏页面的中心部分是文章内容，侧面为用户互动内容，如推荐文章等。当然栏目页需要注意文章列表每页条目不要太少，会导致不便于用户浏览，也会出现网站页面层次过深的问题。三栏的内页布局和两栏的差不多，中间位置为文章内容，两侧方式相应的互动内容或广告。

网站页面布局是设计好网站最核心的部分，好的页面布局会给你带来别样的收获。

篇4：AutoCAD页面布局教程

一、开场白

作图方法因人而异，这是由于大家对软件的掌握程度不同，认识的深度也不一样，同时习惯和爱好甚至性格、特点迥异，由此不同的人有不同的作图方法，

AutoCAD页面布局教程

。从最终结果来看，不能说哪种方法就一定高明，笨方法甚至是某些错误的绘图方法不一定画不出好图来，这全看个人的功力了，但从过程和认识上来看，我觉得还是有优劣之分的。同时，一个人绘图习惯的形成，是在不断的实践中积累而成的，不可能一下子达到一个很高的水平，差别只在于快慢而已，这取决于个人的认知及用心程度，当然也包括个人自身的某种潜在素质（艺术的、欣赏的、美感的等），大概也包括聪明程度吧，嘿嘿。不过请大家不要误解，以上只是随便说说而已，萝卜青菜各有所爱，就看大家的喜好和取舍了。另外，不论采取怎样的作图方法，养成良好的作图习惯都是很重要的，这有助于提高效率。下面的内容正像标题说的一样，仅是我的一点认识，一点方法，一点感想，并不局限于具体的应用过程或者使用方法，因为有些东西你完全可以买本书来看，从这个意义上说，书本上没有的才是难得的的，才更有助于提高。以下以AutoCAD2006为准，且以布局出图为出发点。二、模板文件1、建立自己的模板文件，这样可以以自己的喜好进行设置，形成自己的风格。2、在模板文件中一般应做好以下设置：单位、精度、图层（颜色、线型、线宽）、文字样式、标注样式、复合线样式、默认线宽、默认字体及默认字高、捕捉类型。3、命名：按图幅大小命名，例如A3.dwt，A2.dwt等。4、位置：模板文件建议放在AutoCAD安装目录下，便于查找，可以在选项对话框里进行更改。见下图。注：有的人不使用模板文件，要作图就在原来的图上拷一个图框，也就是利用原来画过的老图，这种情况一般是使用模型空间出图，因为不需要精确对位，随便放就行了，而在布局（图纸空间）时则需考虑与图纸的匹配，当然，有的人在布局里也是放置很多张图纸，没什么好说的，看个人喜欢了。这是我在模型空间里的工作界面：注：看上面的界面大家知道是习惯用快捷键的了，没错，一开始用CAD的时候就不习惯点菜单，以至于养成了用快捷键的“坏毛病”，没办法，一来觉得点菜单太慢，二来觉得窗口太小，反正怎么说都觉得用快捷键大大地好。建议初学者开始学CAD时就养成用快捷键的习惯，老手们也可以试试改改习惯，呵呵，很酷的……。三、关于图层使用1、图层命名最好用英文缩写，少用汉字。2、根据自己的专业需求合理设置图层数量，且宜少不宜多。3、对象属性（颜色、线型、线宽）一律随层，便于修改对象。四、文字与文字样式记住几个原则：1、尽量少用字体，一般三、四种足矣。而且尽量使用SHX字体，少用TTF字体。2、SHX我用的是gbcbig.shx+gbenor.shx组合，这两种字体在2000版以上的CAD中都有，方便图形交换，用于标注字体、引线标注字体、一般性注释、说明。3、TTF我用的是宋体和黑体两种，没什么好说的，Windows自带的，用于写图名、索引和详图符号里的字母与数字、房间名等需要醒目的地方。4、文字样式名称最好用大字体本身的文件名，便于识别，例如：文字样式gbcbig，表示gbcbig.shx+gbenor.sh，simsun表示simsun.ttf，simhei表示simhei.ttf。5、关于文字预先使用textsize命令设好默认字高，这样就不用每次都调整了。注：坚决反对使用生僻的字体，AutoCAD中没有的坚决不用，Windows中没有的坚决不用。我不认为AutoCAD本身提供的字体不好看，也不认为AutoCAD本身提供的字体满足不了要求，呵呵，话说大了，做结构的很多钢筋符号什么的没有怎么办，别人做好的字体为何不可以拿来一用，没什么好说的，想用就用吧。五、标注及标注样式1、使用布局（图纸空间）出图的情况，标注样式只设一种就行了。见下图：

这里的关键是设全局比例Dimscale=0，在标注样式中表示为：“将标注缩放到布局”，即勾选此项。

见下图：2、使用模型空间出图的情况，没办法，要么预先把所有的或经常用的标注样式设置好，或者随用随设，依个人喜好，总之很繁琐，鉴于标注是CAD里很关键的一点，建议作图方式使用布局。3、标注样式中的各种数量（指箭头大小、基线间距、文字高度等）设置，无论是布局（图纸空间）出图，还是模型空间出图，均采用实际图纸（指打印出来的A2、A3图纸）中的大小。比方说实际图纸中文字高3.5mm，那就设3.5。我的习惯设置，见以下连续贴图：注：关于标注样式的设置，我建议只设一种，一是简单，只有一个标注样式，就基本上可以解决所有的标注情况，一劳永逸，二是不需要换算那讨厌人的比例，不容易出错。有的人喜欢把这里设置成按比例换算后的大小，例如实际图纸中3mm的字高设成300mm，坚决不是一种好习惯。对于模型空间，字高应该使用全局比例来调整，对于布局，直接设置成实际大小。关于标注的方式，我建议在图纸空间中标注（包括引线标注、其它注释文字等），其实这也是AutoCAD公司使用图纸空间的本意。大家可以看看AutoCAD2006帮助里关于图纸空间的解释：“图纸空间是图纸布局环境，可以在这里指定图纸大小、添加标题栏、显示模型的多个视图以及创建图形标注和注释”。当然这里并没有强制规定。另外，在图纸空间标注时可以有两种情况，一种是在激活的视口里标注，一种是在图纸空间中标注。在激活的视口里标注，实际上就是在模型空间里标注，其结果自然是标注本身位于模型空间，不用说在图纸空间中标注的结果是，标注本身就位于图纸空间。要注意的是，在激活的视口里标注，全局比例必须设成Dimscale=0，而不能设成Dimscale=1，或者你预先查询一下视口比例，再设Dimscale=视口比例也是可以的，尽管在Dimscale=1的情况下，直接在图纸空间中标注也是正确的，不过，何必呢？统一设成Dimscale=0不就啥事都没了吗？

我的习惯是，文字、尺寸标注及各种符号等均在图纸空间。现在习惯了，觉得文字、尺寸标注、符号等就应该放在图纸空间里，如果你不喜欢这样，可以随时用“Chspace”命令把文字、尺寸标注及符号等转换到模型空间中去。

六、关于比例

比例的问题论坛上说的多了，却是越说越糊涂，但不说还不行，那就简单点，重在体会与领悟。1、如果你用布局出图，基本上不用关心比例的问题。意思是说，你可以知其然而不知所以然。所以，强烈推荐使用布局出图。2、如果你用模型空间出图，则不得不考虑比例换算，你不仅要知其然而且要知其所以然。3、全局比例：全局比例是一个显示比例，等于打印比例，即与对象的实际尺寸值无关。4、测量比例：测量比例是一个缩放比例，与对象的实际尺寸值有关。在模型空间中出图，当缩放图形时要用到测量比例，在布局中出图，测量比例始终等于1，亦即不考虑测量比例的存在。5、打印比例：模型空间的打印比例等于全局比例，布局的打印比例始终等于1：1。6、视口比例：对象在图纸空间中的大小相对于模型空间中的大小的缩放比例，因图纸大小、视口数量而定。7、填充比例：不知道说什么，慢慢试吧。8、线形比例：只针对虚线、点划线的显示，对实线不起作用（好像是废话）。注：显示比例的意思是只影响标注的数字与图形本身的相对比例，不影响具体的数字的大小，缩放比例正相反，不影响标注的数字与图形本身的相对比例，只影响具体的数字的大小。参考贴图（下图）：

七、布局（图纸空间）和模型空间

1、图纸空间和模型空间图纸空间和模型空间一样都是一种载体，模型空间承载几何对象构成的图形，图纸空间承载视图、标注、注释以及图框，还包括页面设置。2、布局和图纸空间视图、标注和注释以及页面设置在图纸空间里调整、安排的过程称为布局，同时布局也指这种调整、安排的结果。注：以上仅是我的一点理解，注重对布局（图纸空间）和模型空间概念的感性认识，仅此而已，其他的就没说的了。呵呵，实际上我也没想出什么更好的解释来。八、关于图框及页面设置1、先按图纸的实际大小画好图框注：例如A3的图纸大小为420*297mm，就按这个尺寸画好，同理A2图纸大小为594*420mm，也按这个尺寸画好。式样各个公司、单位都有自己的标准格式，比葫芦画瓢就可以了，如果别人的不错借用一个加工一下也无妨。图框中的文字字高按实际大小，3.5 mm就按3.5 mm，2.5 mm就按2.5 mm。注意不需要缩放图框。另外，建议在模型空间中绘制，并使用外部参照命令引用到布局中，好处慢慢体会吧。

2、在布局中插入图框

用“Insert” 命令插入，插入点位于“0，0，0”，用“Pagesetup” 命令打开页面设置，选择打印机，点“特性”后选择“修改标准图纸尺寸（可打印区域）”，再选择纸张，把上下左右边距全改为0，保存退出。

见下图：

这是页面设置好后的界面：

这是页面设置好后的布局界面：

九、利用布局出图

步骤：

1、首先在模型空间里绘制图形

举例图形，已经全部画好了，实际上不必如此，后面有说明。

下图是模型空间里的图形：

2、切换到图纸空间

（别问我怎么切换啊）

这里要说明一下，首先你自己要确定好在一个布局中放几个图形，这里我计划放三个主图形，两个是大样图，主图在什么位置，大样图在什么位置，以及它们大概的区域，要做到心中有数，同时要考虑文字、尺寸标注及符号的位置。

这是规划好的区域：

3、用“Mview”命令建视口

先建主图——立面图的视口，拉出视口边框，双击视口内部激活，使用缩放命令或鼠标滚轮调整视口内图形为立面图，使之充满视口，从而确定图形的大小是我所要的（可以利用视口本身的边框来构图），然后用Vpscale命令点选视口边框查看此时视口比例，接近1：X，一般比例要取整，所以我们设为1：X，可以点选视口边框，按Ctrl+1打开特性工具栏，在“自定义比例”中输入1：25。

见下图：

4、同样，建立主图——剖面图及平面图的视口，并调整各自视口内图形为相应的平面图、立面图。

一、开场白

作图方法因人而异，这是由于大家对软件的掌握程度不同，认识的深度也不一样，同时习惯和爱好甚至性格、特点迥异，由此不同的人有不同的作图方法。从最终结果来看，不能说哪种方法就一定高明，笨方法甚至是某些错误的绘图方法不一定画不出好图来，这全看个人的功力了，但从过程和认识上来看，我觉得还是有优劣之分的。同时，一个人绘图习惯的形成，是在不断的实践中积累而成的，不可能一下子达到一个很高的水平，差别只在于快慢而已，这取决于个人的认知及用心程度，当然也包括个人自身的某种潜在素质（艺术的、欣赏的、美感的等），大概也包括聪明程度吧，嘿嘿。不过请大家不要误解，以上只是随便说说而已，萝卜青菜各有所爱，就看大家的喜好和取舍了。另外，不论采取怎样的作图方法，养成良好的作图习惯都是很重要的，这有助于提高效率。下面的内容正像标题说的一样，仅是我的一点认识，一点方法，一点感想，并不局限于具体的应用过程或者使用方法，因为有些东西你完全可以买本书来看，从这个意义上说，书本上没有的才是难得的的，才更有助于提高。以下以AutoCAD2006为准，且以布局出图为出发点。二、模板文件1、建立自己的模板文件，这样可以以自己的喜好进行设置，形成自己的风格。2、在模板文件中一般应做好以下设置：单位、精度、图层（颜色、线型、线宽）、文字样式、标注样式、复合线样式、默认线宽、默认字体及默认字高、捕捉类型。3、命名：按图幅大小命名，例如A3.dwt，A2.dwt等。4、位置：模板文件建议放在AutoCAD安装目录下，便于查找，可以在选项对话框里进行更改。见下图。注：有的人不使用模板文件，要作图就在原来的图上拷一个图框，也就是利用原来画过的老图，这种情况一般是使用模型空间出图，因为不需要精确对位，随便放就行了，而在布局（图纸空间）时则需考虑与图纸的匹配，当然，有的人在布局里也是放置很多张图纸，没什么好说的，看个人喜欢了。这是我在模型空间里的工作界面：注：看上面的界面大家知道是习惯用快捷键的了，没错，一开始用CAD的时候就不习惯点菜单，以至于养成了用快捷键的“坏毛病”，没办法，一来觉得点菜单太慢，二来觉得窗口太小，反正怎么说都觉得用快捷键大大地好。建议初学者开始学CAD时就养成用快捷键的习惯，老手们也可以试试改改习惯，呵呵，很酷的……。三、关于图层使用1、图层命名最好用英文缩写，少用汉字。2、根据自己的专业需求合理设置图层数量，且宜少不宜多。3、对象属性（颜色、线型、线宽）一律随层，便于修改对象。四、文字与文字样式记住几个原则：1、尽量少用字体，一般三、四种足矣。而且尽量使用SHX字体，少用TTF字体。2、SHX我用的是gbcbig.shx+gbenor.shx组合，这两种字体在2000版以上的CAD中都有，方便图形交换，用于标注字体、引线标注字体、一般性注释、说明。3、TTF我用的是宋体和黑体两种，没什么好说的，Windows自带的，用于写图名、索引和详图符号里的字母与数字、房间名等需要醒目的地方。4、文字样式名称最好用大字体本身的文件名，便于识别，例如：文字样式gbcbig，表示gbcbig.shx+gbenor.sh，simsun表示simsun.ttf，simhei表示simhei.ttf。5、关于文字预先使用textsize命令设好默认字高，这样就不用每次都调整了。注：坚决反对使用生僻的字体，AutoCAD中没有的坚决不用，Windows中没有的坚决不用。我不认为AutoCAD本身提供的字体不好看，也不认为AutoCAD本身提供的字体满足不了要求，呵呵，话说大了，做结构的很多钢筋符号什么的没有怎么办，别人做好的字体为何不可以拿来一用，没什么好说的，想用就用吧。五、标注及标注样式1、使用布局（图纸空间）出图的情况，标注样式只设一种就行了。见下图：

这里的关键是设全局比例Dimscale=0，在标注样式中表示为：“将标注缩放到布局”，即勾选此项。

见下图：2、使用模型空间出图的情况，没办法，要么预先把所有的或经常用的标注样式设置好，或者随用随设，依个人喜好，总之很繁琐，鉴于标注是CAD里很关键的一点，建议作图方式使用布局。3、标注样式中的各种数量（指箭头大小、基线间距、文字高度等）设置，无论是布局（图纸空间）出图，还是模型空间出图，均采用实际图纸（指打印出来的A2、A3图纸）中的大小。比方说实际图纸中文字高3.5mm，那就设3.5。我的习惯设置，见以下连续贴图：注：关于标注样式的设置，我建议只设一种，一是简单，只有一个标注样式，就基本上可以解决所有的标注情况，一劳永逸，二是不需要换算那讨厌人的比例，不容易出错。有的人喜欢把这里设置成按比例换算后的大小，例如实际图纸中3mm的字高设成300mm，坚决不是一种好习惯，对于模型空间，字高应该使用全局比例来调整，对于布局，直接设置成实际大小。关于标注的方式，我建议在图纸空间中标注（包括引线标注、其它注释文字等），其实这也是AutoCAD公司使用图纸空间的本意。大家可以看看AutoCAD2006帮助里关于图纸空间的解释：“图纸空间是图纸布局环境，可以在这里指定图纸大小、添加标题栏、显示模型的多个视图以及创建图形标注和注释”。当然这里并没有强制规定。另外，在图纸空间标注时可以有两种情况，一种是在激活的视口里标注，一种是在图纸空间中标注。在激活的视口里标注，实际上就是在模型空间里标注，其结果自然是标注本身位于模型空间，不用说在图纸空间中标注的结果是，标注本身就位于图纸空间。要注意的是，在激活的视口里标注，全局比例必须设成Dimscale=0，而不能设成Dimscale=1，或者你预先查询一下视口比例，再设Dimscale=视口比例也是可以的，尽管在Dimscale=1的情况下，直接在图纸空间中标注也是正确的，不过，何必呢？统一设成Dimscale=0不就啥事都没了吗？

六、关于比例

七、布局（图纸空间）和模型空间

2、在布局中插入图框

见下图：

这是页面设置好后的界面：

这是页面设置好后的布局界面：

九、利用布局出图

步骤：

1、首先在模型空间里绘制图形

举例图形，已经全部画好了，实际上不必如此，后面有说明。

下图是模型空间里的图形：

2、切换到图纸空间

（别问我怎么切换啊）

这是规划好的区域：

3、用“Mview”命令建视口

见下图：

4、同样，建立主图——剖面图及平面图的视口，并调整各自视口内图形为相应的平面图、立面图。

见右图：

5、建大样图的视口

同理，建大样图的视口，按前述方法调整视口比例为1：5。

大样图直接利用原剖面图生成，不需要另外画出或从剖面图拷出放到一边，这样修改剖面图时其结果就可以直接在大样图中反映出来。

大样图的圆形视口，是利用“Mview”命令中的“对象”选项将预先画出的圆转化而成的。

见下图：

6、标注尺寸及注释，添加符号等，完成图纸。

完成的图纸见下图：

注：

首先，强调一点，实际操作时以上步骤是相互穿插进行的，也就是边画图边建视口边调整边标注，可以很随意，不要太机械。

建立视口遵循从主图到副图及从上到下、从左到右的原则。

关于视口在布局中的大小，亦即视口边框的大小，虽然可以灵活设置，想开多大就开多大，但比较好的方式则是通过视口边框来构图，以起到边界和限制的作用，达到任意裁减和拼接图形的目的，在这种情况下，视口边框的大小就不能随意了，要正好包容你想要的那部分图形，使不想要的图形不显示，而不论图形本身是一个整体还是各自独立的。关于这一点，还可参看一下后面视口的应用一段。

视口层应单独设置，我这里放置在“DefPoints”图层，这是AutoCAD自带的，具有不打印功能，正好利用，你也可以放置在任何其它的层中，随便了。

对于AutoCAD2006，常用比例可以预先设好，用的时候直接选就可以了，十分方便，见下图：

十、在布局中批量打印

步骤：

1、键入Publish命令，打开发布对话框。

见下图，注意“发布到”选择“页面设置中指定的绘图仪”，且“添加图纸包含”选择“布局选项卡”。默认“模型选项卡”也是打钩的，我们这里是打印布局，不是打印模型，所以取消它。

2、点“添加图纸”按钮，输入需要打印的图纸。

见下图：

3、3、查看（此步骤不是必需，只是为了说的清楚些）。

见下图，可以看到，原图（全部）已包含页面设置，但不是命名页面设置，所以显示“默认：无”，不过照样可以打，如果是命名页面设置，则显示页面设置名称。

4、至此，点击“发布”按钮，大功告成，可以一边吹牛去了。

要说的是，这种情况适用于你有一台固定的打印机，比如说在单位里，你的图纸可以预先都设置好。

习惯不一样，假如你每一次的新图都是从模板文件开始，就在模板文件中设置好，当然也可以像我一样，现在已不用模板（dwt）文件了，反正从以前的图纸随便拷一张过来设置一下，余下的就以这一张为准另存新图纸。

如果你需要去外边打印，可能要变更打印机，那么就再费点事吧，进行下面一步。

5、变更打印机。

见下图，全选图纸，默认第一张图纸显示背景色等待你操作，这里点击中间“页面设置”右侧的下拉箭头出现“输入…”，点击它找到硬盘上你已保存的页面设置文件（dwg文件）输入就可以了。

这是输入后显示“已输入”新打印机的图纸列表，注意需要你再次点击已输入的页面设置。

见下图：

6、剩下的，不用我说了，还是点“发布”，完了就继续吹牛去，呵呵。

注：

我的习惯是，一张图纸中仅一个布局，也即一张图纸对应电脑中的一个文件。当然，个人习惯不一样，一张图纸中有多个布局时，也是可以按以上方法操作的，但对于一个布局中有多张图纸的情况就无能为力了，这个需要大家注意。

以上操作显然也不适用于模型空间批量打印，对此本人也没有研究过。

对于页面设置，既可以在设置好后存成一个空白的CAD文件（可以包含多个打印机的设置），例如命名为A3(canon页面设置).dwg，在电脑中一看便知；也可以利用正式的图纸中已命名的页面设置，像上图中“A3（A4窗口打印）”，这是页面设置名，都可以，看个人的习惯了。前者相对而言要整洁规矩些。

不论何种情况，设置好后最好先打印一张试试，确认没有问题再批量打印，尤其是去外边打印的时候，总之磨刀不误砍柴工嘛。

十一、视口的应用

以下应用有些谈不上正规，也许不算什么，只是找点感觉。

1、作放大图

可以说，这是利用布局出图最实用的一个功能。上面的例子中已经包含了做大样图的内容，强调一下，大样图应利用原图通过视口边界直接生成，否则就体现不了视口的功能了，换句话说用布局出图就没什么意思了。

2、隐藏对象

这是利用图层工具栏中的“在当前视口中冻结”的功能，达到隐藏对象的目的。当然，首先你要激活欲冻结对象的视口，然后选择欲冻结对象，再点击“在当前视口中冻结”。

这是一个很重要的功能，比如可以利用此功能将平面布置图及顶棚平面图中的对象画在一个房间平面内，然后在布局中开两个视口（当然不在一个布局中也可以），分别显示平面布置图而隐藏顶棚平面图的对象（如灯具）和顶棚平面图而隐藏平面布置图的对象（如家具），以达到各取所需的目的。

见下图：

3、旋转图形

有两种方法：

第一种、UCS+Plan

第二种、Mvsetup

说一下Mvsetup命令，该命令旋转的是视口内的视图，这一点与Rotate命令是不同的，Rotate命令旋转的是模型空间里的对象，将影响所有的视口，而Mvsetup命令不影响模型空间，同时也不影响其它视口。另外，视口是不能被Rotate的，亦即对视口这个对象应用Rotate命令无效。

注意在使用这两种方法时时视口都不能被锁定。

还有一点，Mvsetup命令很不好用，有点神经。第一种方法虽说简单些，操作完后却变成缩放全图，视口比例发生变化，也是非常不爽。

所以，这两种方法我是基本没用过，所以具体操作就免了。

当然，也可能是没玩转，反正需要实现类似目的的时候，我都是采用移动、拉伸、对齐或者作辅助线等等笨办法完成的。

4、裁减对象

关于这一点，属于个人理解，可以参看上面九-1模型空间里的图形那一张图片，在模型空间里，地面线、楼板线及顶棚线拉的很长，根本没考虑整齐，其实这张还规矩些，再后来我的图有些在模型空间里看，简直是“惨不忍睹”，当然布局里绝对是没得说，呵呵。

因为用不着那么谨小慎微，这样一样，画的时候可以很随意，到图纸空间里的时候，就用视口边界进行裁减，反正视口外的图形是看不见的，由此在模型空间画图完全可以不那么规矩，可以自由自在地发挥。

5、排列图形

下面的图中，在模型空间是一个整体，在图纸空间中该图形被几个并列的视口处理，以便适合布局。

此功能起到放大图形的作用。见下图：

模型空间图形——整个剖面是一个完整的图形：

图纸空间图形—其中的紫红色为视口边界，显示局部拼接的效果：

6、拼接图形

上面的处理仅仅是在视口中对视图进行简单的平移，只显示需要的部位，不需要的部分被挡在视口之外，并不要求完整和精确，如果要求完整和精确对位的话，则要使用下面的命令。可以利用同步调整视口命令——“Vpsync”，以一个视口为主视口，调整其它视口，使其它视口中的图形与主视口中的图形完美地对接起来，这对于诸如加长图分开打印、地形图的衔接等等非常有用，效果好极了。（小心翼翼地承认一下，加长图分开打印、地形图的衔接这样的活儿我是没实际操作过。不要怪我，因为没机会，呵呵）。

见下图：

实际上，这个命令的操作结果是使不同视口中的视图位置重合在一起、且比例相同（如果不同的话），相当于是同一个视图。

正因为如此，所以要求相邻视口的边框是重合的，否则的话，相邻视口之间的图形还是会被视口遮挡的。

见下图：

十二、结束语

一时兴起，想就布局的使用写点自己的感想，谁知落笔之后就一发不可收拾，觉得哪都想泼墨，干脆自由发挥，于是就有了本文。当然，文中难免出现纰漏，而且一家之言，仅是个人的一些粗浅的见解而已，如果能给生手一点小小的帮助，使老手温故而知新，给高手一个批判的舞台，就算没白费心思。

篇5：眼动仪研究如何服务于“页面布局”交互设计

一用户是如何查看网页的

如今大多网页设计让人觉得杂乱，主要原因之一就是“优势点”过多，当只需要突出一两个优势点时还好，但当网站充斥着5个以上的“重要内容”时，用户能留下的印象也只有“杂乱”了。因此设计页面布局需要明确根本目的，一是用户目的，二是网站目的。以及指定网站的页面优势区。

有些时候，用户的目标与企业的商业目标相符，比如一个买了ipod的顾客会很乐意接受你给她推荐的配件并断然购买之；但更多时候用户与企业目标不符，比如看报纸的读者不想看到广告，会竭尽全力避免广告。

根据用户面对网页时的目的不同，浏览模式也大不相同。此文重点分析了几种浏览网页的行为：

1、查找新闻

在此处作者举了3个例子，都是针对特定用户的眼动轨迹注视点进行分析。发现这3个人各有自己的观看特点，有的人看左，有的人看中，有的人看右。【真是令人绝望，这让人怎么总结出模式来嘛！说不定这还是挑的眼动轨迹最清楚中的3人来看的，其他的根据眼动轨迹根本就难以自圆其说。不过从此处也学到了一个描述方法，就是挨个注视眼动轨迹，并找出一堆一堆的，至少，这能说明该用户的关注阶段所对应的关注区。】

2、浏览购物页面

在有购物任务（选择物品并完成购买）的这个案例中，举了较多的用户作为例子。但同样的存在有“百花齐放”的问题——用户的注视模式不尽相同，有的看广告图，有的看上面的水平导航，有的看左边的菜单。不过作者还是想方设法总结出了几个相同点，其实在我看来只有一个相同点，也就是模糊的雪景图片都被大家不约而同地忽略了。然后作者就得出结论说，清晰的图片引人注目，然后又根据看菜单那俩人的情况得出结论说菜单上加粗的选项也有人看。

3、购买特定商品

此行为分析中用了3个例子。因为有要购买商品的任务在身，大家都查看了水平导航。不过每个人还是有不同的模式。有的就专心只看了水平导航，有的盯着搜索框看了好几眼，有的也瞅了一下下方的大广告。然后作者又据此得出一个大白话结论就是如果任务特定，那么人们可能会倾向于查看相同的基本区域，不过区域里面又会有所不同。【这不是明摆着的吗，你测这么几丁人，页面又那么普通，大家的注视点要是如出一辙，那才奇了怪了。小样本测试的悲哀，555】

4、执行特定任务

例子是寻找一个公司的董事会团队。由于任务很有难度，信息深藏不露，大家八仙过海各显神通。有的人察觉到了这个颜色差别，几眼之间就找到了目标物——主菜单，有的人则是闪转腾挪了半天也无果，最后把目光投向了搜索。作者结论是要确保人们看到网站想让他们看到的。因此提出了设计标准之说。

用户期望的设计标准：

显而易见的菜单栏，贯穿页面顶部

网站徽标位于所有页面左上角

搜索输入框位于所有页面右上角

功能导航位于页面顶部或最下面，比主导航略小或视觉感觉略弱。

【一言以蔽之，要符合一般网站的常规，打破用户心理预期是要付出代价滴！除非你做的是专卖店，开超市就要有开超市的样子，不能让人来了找不到东西】

作者还谈了一下企业内部盲目往网站这片“公地”无限制增加东西的现状【看来外国人也未能免俗】，建议解决之道是搞一个“网站设计指南”，简洁高于一切，如果有人再提无理要求就祭出这把大旗，令其知难而退，不了了之。

【收获：

1、学到一种描述方法，总结如下：

“某某先是看了……，然后也向（上/下/左/右）注视了……，随后看向……，也许她觉得（大胆推测之）”

“某某注视了……可能她觉得（大胆推测之），于是她跳过了……，在（底部上部中部）她看到了……（目标物）”

“某某先看的是……看到这里没有啥啥啥（大胆推测之），她的视线就直接向（上下左右），暂停在……，随后她跳过……，看了……，之后她向（上下左右）看去，可能她觉得（大胆推测之）”。

2、注视点轨迹图是用来说明具体观看情况最好的工具，既清晰又具体，根据它也可以描述区域。这篇的副标题可以叫《如何解读轨迹图》

3、我突然意识到一个问题，这些注视点之间的时间距离是等距的吗？是否能根据时间是否等距也琢磨出点什么来呢？不然你凭什么下结论说用户从一个点到另一个点能“只看了一眼就像被火灼烧了一样马上移开了视线”？】

二组织好页面的秘诀

总结了几个秘诀：

1、简洁的页面

举了3个例子的热力图，从热力分布比较均匀并结合用户事后对此购物体验高度评价的事实，得出结论是“用户想浏览这个网站的整个主页”【莫非这是网站的目的？】而从网页本身的分析来看，其符合常规并重点突出、页面简洁是首要特点，

提供了一些设计tips：

空白区、内容框和色彩有助于用户看到。要勾划出这些区域，不要让内容太杂乱。

信息较多时要呈现一致的格式。

每个版块都要有标题。

举了一个反面例子，菜单重复出现，在页面顶部和左侧，这种浏览方式无法让人感到愉悦。

2、页面内容的多寡对注视点数目的影响有限

测试页面凌乱对用户的影响，引入了页面密度的概念，主要是通过数量来反映的，统计页面上各种元素的数量。作者用密度等级和注视点平均数量来比较。发现页面密度对注视点数目影响不大。【页面密度的概念很有新意，但用注视点数量和它建立相关性是不是太牵强，注视点的多与少能说明什么？有意义吗。我觉得用热点区或用户满意度来建立相关性倒更靠谱一些，毕竟网站设计的初衷不是要人多看几个点吧】

3、优势区

与页面密度相比，设计元素更重要。具有高度一致性的页面，即使充满很多内容也能让用户的浏览顺利愉快。

同2点所讲，页面密度和注视点的关系，在此处得到应用。此处的取向是，因为带有任务，所以在完成任务前注视点越少，说明页面可用性越高。

有两个总结点：

“色彩不经意间就提升了彩色框中内容的重要性。【这确实是个规律】用户体验并没有因为视觉渲染而提高，因为最重要的内容没有出现在用户期望的地方。【这取决于任务。注意设定的需要用户去完成的任务真的是网站的Top任务，不然就会喧宾夺主】”

眼动仪研究可取得数据：（1）用户事后感受，（2）用户对该页面浏览结束时是成功完成状态还是失败放弃状态，（3）完成时所用的时间，（4）判断注视点多是积极的注视（期望查看）还是无奈的寻找（过度查看）。（5）涉及多个页面的切换时，在某个页面注视点多，说明比较相信这个页面能完成任务。

“它让用户在这个标题下面的褐色框内花费了很多注视点，而实际上他们所需的信息并不在那里。”【对这个任务来说显然是沮丧的，但这是否意味着对另一个任务来说，这个页面布局却是非常有效的呢？这是否又落回到页面需要完成多个任务时，到底以谁为最优先，以谁为优势区的初始矛盾？】

首要任务概念。关注首要的任务。

有时铭记设计原则也pk不过用户的惯性行为：找人口数据时，用户对页面右方的目标值视而不见，一头扎进了搜索。

【网站用户的特点：1、惯性行为，2、广告盲】

导致任务失败的因素：

（网站因素）

优势错配：网站布局没有把此任务放到优势区

术语不清晰：用户看了也不知道就是要找的目标

广告盲：形式和位置貌似广告的，被自动忽略了

用户先前的经验：是搜索型还是浏览型用户

惯性行为：钻牛角尖

页面优势区域推荐。通常在水平导航和左边的菜单背景的结合处部分，是最高级别优势区。

4、合理分配版面

“如果把很大一块页面分配给人们并不注视或很少注视的内容，称为屏幕版面误分配。【我情不自禁地想起了网厅那个巨大的、闪烁不止的广告位，除了阻碍人们找到自己真正想找的东西之外，似乎别无它用】如果由于这个问题导致人们跳过一些有用的信息，那问题就比较严重了。【越说越严重了】如果主页呈现的是大量的横幅条幅和没有用的图形，则问题尤为严重。由于用户会把最初25%的时间用于访问网站的主页，因此这是主页设计的大忌。【救救网厅吧！】”

举的那个例子，被作者戏谑地称为“典型的越障训练的例子——页面里充满了用户有意避开查看的特性。”【一幅热力图就能说明问题了——你有滥用优势区的权利，我有无视广告块的自由】

3个例子当中，页面的主要图片都是用户回避的对象。

最糟糕之处就是图片占用了宝贵的优势版面，而让更有用的信息只能显示在页面的下一屏，或者图片传递的信息太微弱或是错误的，用户还要费劲避开。【这说的简直就是。。。】

5、突显最重要的元素

分辨最重要的任务，知道对用户来说页面上哪个东西是最突显的元素。

6、误看元素的代价

突出了你没想突出的。比如在解释说明页面也让一个巨大的Free明摆着来吸引人。太考验用户了！

7、用眼动追踪改善页面布局

建议进行误看元素研究。

四个定量数据来源：

任务完成时间

成功率