【Axure9根源教程】软件组织之样式区域概览

   页面样式

  点击页面空缺处,产生页面样式

   页面尺寸 正在Axure 9中,因为有了负坐标系的性子。同时也为挪动端策画供给了常睹的页面尺寸巨细。苛重分为we、IOS(苹果)手机摆设、Android (安卓)手机摆设的常睹尺寸。 Axure 9供给了手机端的策画尺寸,最明显的即是优化了手机端的预览。

   Auto :不做尺寸限定 web:限定宽度为1024 px(像素)的网页界面 苹果:供给了常睹的iPhone 8、iPhone 8 Plus、iPhone X/XS 、iPhone XR/XS Max 、IPad 4(平板)的策画尺寸。(注:依据策画中的@1X的策画典范像素供给,斗劲常用的时iPhone 8、iPhone X/XS ) 安卓:Galaxy S9 、Galaxy S10E、Galaxy S10/S10+、PIxel 2、PIxel 3、PIxel 3XL、安卓平板电脑(常睹的尺寸)。(注:因为是外邦软件以是这里的供给样式品牌都是外洋的) 自界说:可能自行界说页面的巨细。

   增加自适宜视图 自适宜视图苛重是正在差异的浏览器尺寸下容易加载差异的页面,正在平淡创制原型中咱们很少操纵到,然而倘使念要自身通过Axure做一个静态的网站,酌量浏览器的自适宜和手机浏览器的适宜可能举办增加自适宜视图举办创制众种款式下的视图,优化映现的体验,此处就不外众陈说。 增加:增加一个新的页面视图。 复制:复制选中的页面视图。 预设:从编制预设的尺寸当选择一个页面视图。 名称:现时自适宜视图的定名。 宽度:现时自适宜页面视图的宽度。 高度:现时自适宜页面视图的高度。 接受:是否上一个的子页面视图。

   页面摆列 左对齐:页面依据尺寸举办左对齐(左对齐对付浏览器的自适宜不是很友爱)。 居中对齐:将页面元素居中对齐(正在创制原型中斗劲常用于后台页面和网页的映现)。

   填充 颜色填充:给页面配景填充一个颜色 图片填充:用图片填充全部配景(注:正在图片填充中可能配置图片的反复用样式,差异的样式可能餍足差异的场景,民众可能举办自行考试。

   元件通用样式 样式区域苛重举办元件的样式的改正。本文苛重对根本样式举办诠释,元件特有的样式将正在元件区域中举办周到阐述。(以矩形为例)

   名称 选中元件的名称,编制默以为空(友爱的定名可能正在概要页面迅速查找)。 处所尺寸 X:元件左上角的X轴处所。 Y:元件左上角的Y轴处所。 °(盘旋):元件盘旋的角度(接济负角度的输入,负角度编制会自愿换算)。 W:元件的宽度。 H:元件的高度。 文字自适宜宽度:正在元件中存正在元件上的文字采用自适宜的式样。 文字自适宜高度:正在元件中存正在元件上的文字采用自适宜的式样。 文字自适宜可能式样文字正在差异浏览器中预览导致文字换行错位。可能其配合边距举办操纵,也是常用且适用的一特性能。

   排版(文字) 苛重举办文字的排版等。 字体:可能拣选更换文字的字体款式。(谨慎:1、倘使原型需求正在非本电脑映现,操纵独特的字体没需求延时电脑提前安置,否则浏览器会自愿跟换为默认字体。2、谨慎字体的版权,确认是可能商用的字体(这里有太众故事…),避免版权纠缠)。 字体属性:倘使安置为系列字体,可能拣选字体的其他样式属性举办调动。 字体巨细:调动字体显示的巨细。 字体颜色:调动字体显示的颜色。 行间距:当存正在换行的字段时,行间距局限上下行的间隔。 字间距:字体之前的间距。 字体其他属性:加粗、倾斜、下滑线、删除线。 字体暗影:给字体增加暗影,可能配置暗影的巨细和偏离方位(通过坐标局限)。 字体对齐:左对齐、秤谌居中对齐、右对齐、上对齐、笔直居中对齐、下对齐。

   填充 颜色填充:选中元件举办颜色填充,局部接济渐变色。 图片:选中的元件举办图片的填充。

   线段(描边) 颜色:描边的颜色 线宽:描边的宽度 类型:可能拣选差异虚线间隔的描边 可睹性:可能调动描边的四边是否显示。 箭头样式:正在线段中可能调理样式。

   暗影 外部:正在元件的内部增加暗影。 内部:正在元件的外部增加暗影。 含糊:将暗影举办含糊管理,数值越大越含糊 扩展:将暗影向外(配置的目标)举办延迟,数值越大,延迟越大。 暗影正在原型创制中斗劲少用,正在用到的时间自身可能考试众调动下,来到达念要的成就。Axuer中的暗影只通过坐标可能调动显示目标。

   圆角 配置元件的圆角,圆角接济四个角度孑立配置圆角, 半径:配置元件的半径巨细 可睹性:配置矩形四个角那些为圆角。

   边距(文字) 显示文字间隔元件的父容器的间隔,全部延时睹处所尺寸的gif插图的终末局部, 原本边距挺适用的,合理的配置边距可能容易原型的尺寸对齐,从而做出高保真的原型。

发表评论

表情:
验证码
评论列表 (暂无评论,312人围观)

还没有评论,来说两句吧...