1. 用动态面板固定浏览器功能. 很简单方便. 但缺点是 当浏览器窗口大小小于页面时, 由于会强制居中,导致页面2边是在显示范围外并且是无法通过滚动条滚动的(滚动条是没有的). 2. 使用页面属性里的居中功能. 也非常方便. 但不能适用 浏览器窗口大小小于页面的情况. 会恢复成居左. 一般的页面用这种方法足够用了. 3. 如果一定要通用各种情况,并且能滚动显示全部范围. 可以在页面上发个透明的元件(例如矩形), 然后页面载入和窗口大小改变时,移动该元件的x 到 [[(页面.width-windo

JavaScript,封装库--弹出登录框 封装库,增加了两个方法 yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面,chuang_kou_shi_jian()方法,浏览器窗口事件,当窗口的大小变化时触发函数 /** yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面, * 注意:使用此方法时,首先要在css里将目标区块设置成(绝对定位,position: absolute;) **/ feng_zhuang_ku.prototype.yuan_su_j

原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于现代设计师而言,已经成了不可或缺的设计工具之一.各家原型设计工具也在悄悄的发生一些改变,迎合设计师们的需求,纷纷开发出了针对sketch原型的插件.既有传统的桌面端原型工具,也有基于云平台的工具.虽然没有任何一条标准规定你必须使用哪一个工具,然而如何能在众多的sketch+原型工具的组合中找到最适合

封装库--JavaScript,完整封装库文件 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串 * 可选参数说明: * 传入的this,this,就是当前对象本身 * * 传入的字符串,代表获取元素选择器 * 参数是元素选择器(id值.class值.标签名称)其中一样的字符串

JavaScript,封装库--修改元素选择器 就是将构造库函数修改成元素选择器,像css那样,输入#xxx .xxx xxx  (获取指定id下的指定class下的指定标签元素) 修改后的基础库 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串 * 可选参数说明: * 传入的

使用说明:此文档包含所有的Linux命令,只有你想不到的没有你看不到的,此文档共计10万余字,有8400多行,预计阅读时间差不多需要3个小时左右,所以要给大家说一说如何阅读此文档 为了方便大家阅读,我这里做了相关索引,建议使用搜索的方式阅读,如果您有大把时光去阅读的话您可以试着去 第二个方法就是找我要电子版文档 搜索的话直接使用浏览器的搜索方式就可以了,我这里使用谷歌浏览器进行演示 打开文档 打开谷歌的搜索,键入ctrl+f 右上角出现搜索框后,直接在搜索框中输入要查询的命令,但是查询结果有很多

以登录框为例设置axure变量值 1.打开axure,打开新页面命名为login,拖入一个矩形背景,命名:登录背景图 2.拖入标签控件和输入框控件分别命名为用户名:.userName.密码:.passWord 3.添加提示标签:用于登录状态提示,默认为隐藏状态(用户名.密码是否正确).添加点击按钮 4.给提交按钮设置点击条件 (1)请输入用户名和密码(用户名和密码为空时) (2)请输入用户名(用户名为空时) (3)请输入密码(密码为空时) (4)用户名错误(用户名输入错误) (5)密码错误(密码

使用Axure制作的原型,如果你没有设置自适应视图的话它是不会自动适应任何设备的. 若要解释清楚这个问题需要的篇幅比较长,请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系.这里不再赘述,直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置,生成HTML后再到相应的移动设备中浏览就正常了. 意思是:你要

想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 原帖:http://www.yuanxingku.com/article-65-1.html 如: iPhone4

使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接

Axure默认的界面是没有吧网格显示出来,没有网格在制作原型的时候,对齐方面不是很好,个人习惯还是把网格显示出来,便于组件对齐和布局. 其实本来这篇文章应该叫做网格与参考线,只是本人对参考线的应用还很局限,特别是栅格化应用. 1. 网格的显示与隐藏 2. 其他网格相关设置 最好在吧  对齐网格  同时勾选,这样在拖动组件的时候,可以让组件自动对齐到网格,使组件对齐更加智能化 把网格的间距设为5像素,更加利于组件的对齐,如图: 来自:非原型不设计

目录 Axure快速原型教程02--创建页面和设置界面 Axure快速原型教程01--原型说明下载和安装 首先,在左侧的面板中,我们发现有一个叫sitemap的面板,这个面板就是我们的一个个的页面了,比如登录页,注册页,我们还可以创建文件夹. 添加新页面,删除页面,移动位置等等      在页面的下面还可以再添加页面,可以直接点击某个页面然后拖动鼠标移动到其他的地方,比如移动到一个文件夹下面,双击页面可以修改页面的文件名,同理,修改文件夹名称也是一样.   想要删除某个页面,只需要右击这个页面,

解释: Axure 属于原型制作里的霸道总裁 1.原型:原型模拟真实产品的功能与设计.用于在初期阶段测试产品的可行性与效果.来节省开发成本与周期. 2.线框图:在初期实现对产品的了解.实现产品的基本结构.栏目.板块 3.低保真原型图:在初期基础上细化.实现元素细化.简单交互效果 4.交互说明/流程图:捋清楚交互元素之间的关系.产品的流程 5.高保真原型:接近产品的真实效果 Axure 的元件库 基本元件 表单元件 菜单和表格元件 标记元件 flow icon Axure 的元件交互样式设置 属性

矩形交互样式: 场景:当点击昵称的时候,密码栏会显示红框,当点击密码的时候,昵称会显示红框 补充:昵称栏和密码栏的组成其实是一个矩形框和一个文本框,这样才可以设置出场景所示的样式 这里的设置只是简单的动作交互,难度不是很大 单选按钮组的设置: 场景:当把按钮设置为单选按钮组的时候,那么只能选中一个 本部分的只是简单的动作的交互事件,难度不是很大

1.点击元件,点击属性,点击选中,点击图片,选择相应的图片,选中功能是当点击这个元件的时候,元件的变成相应的图片,然后再设置鼠标单击时的动作是选中,就可以实现选中某个元件的时候,元件会变成其他的图片.同理也可以改变字体的颜色. 2.实现只能在同一时刻选中一个按钮,即当选中一个按钮的时候,再点击另一个按钮的时候,那么上一个按钮的状态使非选中状态. 操作:选中设置的按钮(元件),然后如图设置选线组,就可以实现上面的功能. 3.当打开页面的时候,默认选中某一个按钮(元件),可以直接在页面交互事件中设置

登录的三种场景: 1.用户名为空,只输入密码时,执行三个动作:跳出提示内容(用户名为空).光标定位在用户名的文本框中.清空密码的文本框: 2.密码为空,只输入用户名,执行两个操作:跳出提示内容(密码为空).光标定位在密码的文本框中: 3.用户名和密码都输入,执行一个动作:跳出提示内容(登录验证) 先设置鼠标单击时执行的场景,然后设置执行的条件,设置完条件之后再设置执行的动作

我们给元件添加组的名称是为了让软件知道哪些元件被放进了一个组中,然后软件会自动让这个组中只有一个元件能够是选中状态,以达到唯一被选中的效果.而中继器的这两个属性默认是启用的状态, 会把组的效果给取消,所以,当在中继器中设置了组,要记得在页面上点中中继器,取消对应属性的勾选.

由于浏览器页面有大有小,为了适应浏览器宽度,可以让div总是对于浏览器居中,设置div左右两边的margin为auto可以实现这个效果.如图,第一个是默认div,无上下左右外边距,第二个是设置了margin为auto的,拖动浏览器,改变浏览器大小,可以看到第二个div总是相对于浏览器居中.测试代码: <body> <div id="body"> <div id="bodyleft" style="background-imag

文章来源与网络 来自:非原型不设计

一. 名词定义: Sitemap 导航图 Widgets 组件 Master 库 Label 控件名 Interactions 交互动作 Annotations 注释 Location and size 位置和尺寸 二. Widgets规范 本站常用widgets规范: 命名规范:制定命名规范从而方便搜索和升级. a. 全站使用,则命名方式为:Y+位置. i. 全站顶部导航:统一为Yheader开头,包括各种宽导航.窄导航: ii. 全站右侧边栏:统一以Yright开头,包括广告位.内容栏目等: