界面原型设计工具怎么布局界面
导读：摘要：设计一款软件时，软件界面的设计是很重要的，一般设计初期会使用原型设计工具来进行界面原型设计，并绘制界面原型图。界面原型设计工具布局界面时，主要考虑界面区域的划分、功能区域的规划和作业区的分类；绘制界面原型图则先画好草图，然后通过原型设

摘要：设计一款软件时，软件界面的设计是很重要的，一般设计初期会使用原型设计工具来进行界面原型设计，并绘制界面原型图。界面原型设计工具布局界面时，主要考虑界面区域的划分、功能区域的规划和作业区的分类；绘制界面原型图则先画好草图，然后通过原型设计工具绘制即可。下面一起来了解一下界面原型设计工具如何画界面原型图吧。一、界面原型设计工具怎么布局界面

为了满足客户的需求，软件界面的表达形式千差万别，一般是在设计软件界面的时候，需要先通过原型设计工具设计出界面原型。界面布局是界面原型设计的重要工作之一，布局就是在规定的界面范围内考虑如何布置这些控件可以获得更佳的效果，一般主要是以下几点：

1、界面区域的划分

使用界面原型设计工具设计界面原型时，为了沟通和理解的方便，同时也是为了使设计结果符合人体工程学的基本要求，对界面的定位坐标和区域划分需要满足以下原则：

（1）坐标原点的设定：通常会将电脑屏幕的左上角定为坐标原点（XY轴的交叉点0），因此，界面的内容扩展或是面积增大时都是由左向右、由上向下进行延伸。

（2）区域的划分：根据配置控件的使用目的不同，将界面分成两个大的区域：功能区域和作业区域。功能区域通常放在界面的四周，主要布置导航栏、工具栏、主菜单等；界面区域通常放在界面的中间部分，或是偏右下方的区域，这个区域是业务数据处理的核心区域，主要用来布置各类数据显示的窗口、字段框等。

2、功能区域的规划

（1）导航栏区域：导航栏区域，通常可以分别在栏的左右两侧显示两类信息（不限于此），比如：左端显示本界面/本组件的打开路径，系统名称>子系统名称>模块名称>本组件名称。右端显示本组件的用户所属的部门、姓名、登录日期等信息。

（2）工具栏区域（上）—基本操作按钮区：这个区域用来布置基本操作按钮，一般放在导航栏与作业区域之间；所谓的基本操作按钮，指的是用来对本界面上属于主表区内数据进行操作的功能，对于细表区内数据的操作按钮通常布置在距离细表区的最近处（上边或是下边）。

（3）工具栏区域（下）—其他窗体调用按钮区：当界面的上端工具的按钮过多不好安排时，可以将一部分按钮安排在界面的下端，比如：主要用来调用其它组件、功能的按钮。

（4）菜单栏区域：通常设置在界面的最左侧，所谓的“菜单”就是一个树形结构体，结构的节点上是按照父子的关系布置了以下要素的名称：系统、子系统、模块和组件，通过菜单栏内可以找到系统中所有的功能，菜单的结构关系是参考下面的两个架构图设计而成的。

（5）作业区域的规划：作业区域是布置业务功能设计成果的位置，一般将作业区域划分为主次区域，主要区域：界面的左上角为“主”，重要信息在此显示；次要区域：界面的右下角为“次”，次要的或是辅助类信息在此显示。

3、作业区的分类

（1）原型形式：作业区域的范围内就是通常所说的“界面原型”，这个原型常见的形式有5种：卡片式、列表式、主细表式、树表式和页签式。

（2）原型形式的选择：不同的数据结构需要采用不同界面形式，采用哪种形式更佳由设计师参考业务内容、以及未来的应用 *** （实际系统的界面）综合考虑决定；收集到原始实体表单与业务原型的界面可以不是一一对应的关系。

（3）设计原则：尽量不要采用切换的方式，在一个界面上布置复数不同表单的数据输入，这样界面的逻辑非常复杂，不利于后面对界面的维护；在不影响用户的工作分配情况下，尽量采用将复杂的原始表单拆开，用几个相对简单的界面来支持数据的输入，然后用看板、表单等功能将这些数据组合起来。这样的设计有利于日后的界面维护。

二、设计界面原型图的作用

原型图是产品成型前的简单框架，界面原型图就是从文字需求转化成图形的界面设计，主要用于展示页面的布局和各个功能键的交互，它的作用主要有：

1、帮助设计师将抽象的界面具体地展现，辅助设计。

2、帮助开发工程师了解界面在系统中的作用，辅助开发。

3、辅助产品测试员制定产品测试计划。

4、作为产品经理、设计师、开发工程师等群体在产品设计与开发的沟通工具。

5、简单体现产品页面的元素、模块及交互等信息，直观体现产品设计的原型内容。

三、界面原型设计工具如何画界面原型图

绘制界面原型图的 *** 并不难，一般使用界面原型设计工具即可画，具体的画法是：

1、画草图：首先可以简答绘制一份原型设计内容的草图，确定绘制思路。

2、做原型：接着根据原型设计的内容正式绘制图示，打开界面原型设计工具，结合原型设计思路将所需的图形符号添加至编辑区域，利用样式、文本、调整图形等编辑功能进一步完善内容，再将绘制好的界面原型图保存导出即可。

具体操作步骤如下：

1、首先打开电脑，鼠标左键双击打开“计算机”选项。

2、然后在新弹出来的页面中点击“组织”选项。

3、之后在新弹出来的页面中点击“布局”选项。

4、然后在新弹出来的页面中点击勾选“导航窗口”选项即可。

1让开始的页面变得有趣

2选择视差滚动

3使用游戏化

4使用动画

5保持导航的特殊性

（在出奇 *** 上扒的，可以说言简意赅了！）⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“更佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败。由此可见，突出重点是非常重要的。

⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向。好的导航能够让用户在打开页面的之一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容。

⒊图文并茂，相辅相成文字和具有一种相互补充的视觉关系。文字和都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;所传递的信息量小，但比较生动活泼。文字与两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与密切配合，互为衬托，既能活跃页面，又丰富了网页内容。

⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。

⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易看到你想呈现的主体部分。

头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能的话）+搜索栏（如果有的话）

主体：这是你主要想呈现的主体部分。一般分为产品封面及简介--->各类资讯（行业，公司等文本类信息）--->主体特色（指你网站主体的优势，特点等）

尾部主要以超链接为主：网站协议--->备案信息--->****--->网站介绍--->各大类平台链接（微博，微信等）很多人常常询问某个页面该如何布局这样的问题，其实网页布局要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。

当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。

当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的"构思"画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。

化妆品展柜设计时，要考两次诸多因素，如样式的搭配、空间的布局、灯光的运用等。

展柜选用的材料也相对要好一些，排列在各大商场或专门的店面，各种色彩搭配有严格的要求，品牌的标识设计更好便于顾客记忆，展柜整体设计应体现特色，与业内其他品牌区别开来。

化妆品展柜设计主要有以下几个要点：1、造型设计

化妆品展柜其特殊的展品需要体现艺术美，通过个性的艺术造型让展柜成为一件具有艺术气质的作品，展现美感，加上新颖的展示 *** ，在视觉上的给予顾客一定的吸引力。

顾客通常会追求商品的美观性、协调性，所以展柜设计时可以在商品周围酌情设计一些小装饰，衬托出商品的艺术美。

2、品种展示

化妆品展柜设计顾客在选购化妆品时，肯定会挑挑拣拣，选购到自己满意的商品，如果商品太少，给人的之一印象就不太好。

同一款化妆品有不用的皮肤类型，那么在展柜设计时，更好在这一区域全面展示该系列的品种，以增加选择的余地。

3、布局设计

化妆品较之于其它商品，更需要突出产品特色，展示自己的存在感，用一个品种的商品更好放在展柜的同一个地方，对于不同品种、价位的商品更好分层次放置。

展柜陈列的高度要合适，方便取放。

4、说明设计

顾客选购化妆品时，会比对各种品类的说明，如价格、品牌、功效等，展柜在设计时，应针对这些功效进行不同风格的设计，如美白区、天然产品区等，并标示出详细说明资料，一目了然，让顾客全面真实地了解展示商品，从而买到合适的产品。

1、依次打开菜单栏，工具，选项，CAD，很多基本设置都是在里面；

2、在选项的对话框中，选择打印，先选择指定要用的打印机的名称；

3、选择默认的打印样式表，选好后，点击确定即可完成打印设置；

4、点击右下角的“插孔设置”按钮（扳手图样）；

5、在弹出的面板里我们点击“AC97前面板”，重新装载音频装置。

电脑在日常生活中经常用到，而且电脑在家庭之中也随处可见，可随之而来就是电脑辐射对于人体的伤害，其实我们需要保护好我们的电脑，合理的布局电脑房，就能够更大限度的减少辐射。下面小编为大家介绍电脑房设计要点及电脑房布局。

电脑房设计要点

1、电脑位置要放对。电脑在摆放时一忌摆放在阳光直射的窗口，二忌摆放在空调器散热口下方，三忌摆放在暖气散热片或取暖器附近。

2、主辅要配套。工作者座椅的高矮不得当，不仅影响工作效率，而且影响身体健康。因此，配置电脑工作台、工作椅等专门“辅件”，是非常必要的。

3、电脑房要注意通风，保持温度适当，湿度恰当。电脑房的门窗应保持空气对流畅通，有利于机器散热，电脑不可安装在密不通风或无窗户的房间内，电脑房的窗上要装有窗纱，以保证既通风透气又阻挡室外灰尘的飘入。

4、电脑房的色彩要柔和。电脑房的色彩不宜过于耀眼，更不宜过于昏暗，而应当取柔和协调的色彩装饰，如淡绿色的墙裙、淡黄的窗帘。还可以种点绿色植物，绿色的色调既可以缓解眼睛疲劳，又可以增加室内自然气息，一举两得。

5、电脑辐射除了损害皮肤健康外，还会引起细胞癌变。电脑在摆放时一忌摆放在阳光直射的窗口，二忌摆放在空调器散热口下方，三忌摆放在暖气散热片或取暖器附近。大家在防电脑辐射方面，可以尝试下面几种 *** ，都能够减轻电脑辐射的危害。以珍珠面膜敷面的话，能够在皮肤上形成一侧珍珠膜，进而保护皮肤不受环境污染以及辐射的侵害。若电脑房环境不通风，这种致癌物质浓度随着使用电脑时间的加长而不断升高，危害人体健康。

电脑房布局

1、温度适中

由于电脑在长时间使用之后需要散热，而电脑房内的温度就应调节到适宜电脑运作的温度，特别是我国气候差异大，夏季炎热，室内温度很好，如果没有空调等降温设备，长时间的使用电脑，对于电脑是一大损坏。

2、通风良好

由于电脑在长时间使用之后需要散热，而通风良好的电脑房有利于室内散热，所以在布局电脑房的时候，对于窗户的朝向、大小需要格外注意，以明亮、通风为主。切不可在通风不良的房间内长时间使用电脑，这样会造成室内温度上升，不仅破坏了电脑，减少其使用寿命，更是对人体的一种伤害。此外还需要注意电脑应放置在阴凉出，避免阳光直射。

3、湿度适宜

电脑属于精密仪器，其中内置的零件都需要一个干燥的环境，一旦长时间接触水分，会导致电脑内部零件生锈，其实用性能变差，电脑的使用寿命就减少了。但是电脑如果长时间在过于干燥的环境下，不利于电脑释放电脑内的电量，产生静电现象。所以需要住户控制电脑房内的湿度，让房间内的湿度在40%-70%之间。小编提醒，对于我国南方，本身气候就十分潮湿，特别是遇到梅雨季节，可以在室内放置干燥剂进行除湿工作。

4、色彩要柔和

电脑房的色彩既不要过于醒目，又不宜过于昏暗，而应当取柔和色调的色彩装饰。由于绿色既可调节眼睛疲劳，又有增加室内大自然气息的作用，所以，在电脑房内养植两盆诸如万年青、君子兰、文竹、吊兰之类的花卉是相当好的，在电脑附近摆放一盆仙人掌还有吸收电脑辐射的功能。

一个展览会从孕育到终结，一般要经过规划筹备、设计施工、展出管理和终结清理等几个阶段。下面侧重从会展设计方面谈谈展览会的设计程序及其要求：

展览会的设计主要分总体设计和局部设计，前者侧重宏观效果、后者侧重微观效果。

总体设计是根据展会主题及其展览总体策划方案（文字大纲）的内容，通过总体设计人员的系统规划，系列设计，把抽象的文字概念变成具象的视觉传达形象的一种创新过程，也是展览会设计程序中的主程序。其主要环节包括以下几个环节：

（1）场地规划。它包括平面、立面和空间过渡。其要求是平面处理时按不同展会的分类进行场地划分。具体到某届展会，就是按照展会招展落实的摊位分布图，进行平面的场地划分，确定具体的空间范围，并按实物密度、重量、动力负荷等合理分配展位的位置和具体的立体空间尺度。其中，还要充分考虑参观路线、消防通道以及观众流量的多少、规划出公共场地的占有面积。对展会总体要求的立面效果，主要从整体上把握统一高度和色彩效果，对公共部分由总体上统一设计，对每个展位的立面要求主要强调统一高度、形体和色彩。其他部分均由某个展位的局部设计去完成。从整体空间效果上，要求展位分布要结构合理、空间分割自然流畅，视野开阔多变，占有效益明显。在空间过度的处理上，主要考虑现场建筑结构、自然采光与人工照明之间的协调以及如何减少观众视觉疲劳、防止有害干扰等诸因素。以上内容要在规划设计时，统一按现场比例设计出成套的设计效果图和施工 *** 图。

（2）基调处理。总体设计的基调包括造型基调、色彩基调、文风基调和动势基调。造型基调一般分为标准、特装、封闭、开放等，也有按陈列、展示、交易、互动等进行分类。从风格上有传统的、时尚的、动漫的等。色彩基调大体分为冷调、暖调和中间调。其要求是按不同内容、不同季节，环境基调、采光效果以及宏观上综合光源色、环境色和固有色之间的色平衡（或称色统调），分别选用合适的色彩基调，并设计出有关基调色谱和彩色效果图。文风基调，主要包括文学表达的风格、文字量的比例、字型的选用，书写加工的规范等。它要求按不同展览的内容和行业特色选用报道型、抒情型、宣教型、广告型等不同风格的文体，并从整体形式出发，确定整个展会以图文为主或是实物为主，在字型的选用上，主要根据内容、性质、规模、等级以及地区应用文学的习俗，如国际展览常用汉英对照、少数民族地区选用汉文与民族文字结合等形式。在文字规范上还要分别确定选用的字型（如宋体、黑体、楷书、广告体、艺术体等）和规格（大写或小写、简体或繁体等）以及 *** （直书、电脑刻字、喷绘、转印、屏显、投影等）。动势基调主要分动态、静态和动静态三种基调。它是整个展会有机统一、整体运转、协调和谐的控制线。要求在韵律控制、节奏起伏、动静变化上给人以舒服而有弹性的动势感。要在确保动势美感的基础上防止产生噪音共振、眩光污染、空气污染、火警突发、群体拥堵、以及漏电、漏水、漏气、空调失控等不安全因素的发生。

（3）进度安排。它包括展位招商、展品征集、展示布展、物料供应、交通食宿，公共协调等几个主要进度计划表。由于展览会要在规定的时间和空间内完成全部运作过程。它要求在时间上必须统筹规划、科学运筹、以达到预期的更优化效果。其中如展位招商、必须在一定的期限内完全落实。又如展品定位。它包括定项、定量、定性的分析研究阶段和定人、定时、定点的组织落实阶段。然后按预选展品、登记落实组织展品就位。展览结束后按照规定清理展品、统一登记造册、上报存档。展示布展是展出前最紧张的一项工程，它包括展位搭建、展品就位、展具配套、装饰布置、展品调整、动力安装调试、人员配置、资料准备等。在进度上要根据展品的 *** 顺序、可供设施的条件以及符合搭建施工力量的素质条件、进行合理的时间进度安排，并留有弹性余地。物料供应和交通食宿是为以上内容服务的，能否“兵马来到粮军先行”，是整个进度安排中的重要环节，一般要提前做好进度安排和合理调度，要运筹帷幄，有备无患，万不可“大意失荆州”。

（4）材料计划。它包括主材料和辅助材料的计划编制，采购落实。要求材料的规格、型号、品种和数量与计划相符。既不可盲目采购造成积压浪费，也不要不留余量，现用现买而延误工期。能否计划合理、供需均衡是整个展览设计中追求合理成本，提高效益的关键所在，也是对会展设计人员的重要考验。

（5）经费概算。它是整个展会的经济命脉。其中包括展位招展、展品运输、布展设计、劳务 *** 、场地租金、展具 *** 租赁、动力计费、安全防范、宣传广告以及交通食宿、新闻发布、工作人员的其他费用等。它是根据展览规模、设计档次、施工条件、管理能力以及外部环境而分别列出概算。它要从整个展览的实际承受能力出发，精打细算、反复核实和平衡后而制定的概算方案。经报请主管高层审核批准后，方可进入实施运作。在实际运作过程中要有相关的财管人员进行监管执行，并把进展信息及时反馈到决策高层。一般在制订概算时都要留有余地，防止不可预测因素的发生。