华为手环b2和b3的区别Mate9和Pro哪个好 有什么区别

来源：蜘蛛抓取(WebSpider) 时间：2017-07-30 03:49 标签： 华为各系列区别
三分钟，带你理解模板，交互和动态面板 - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了2343字，被3人关注，获得了5个喜欢
三分钟，带你理解模板，交互和动态面板
凛冬将至。2015年下半年，互联网行业再次遇到了资本紧缩的威胁。一线公司为了保证财报和股价，不少限制了人力成本：不招，裁人；二线公司在冬天快要来到前，不少抱团相拥取暖，接下来也会是一波人才闲置。对于从业者，这个冬天注定是不好过的：在岗的往往担心起自己的薪酬和工作，在校的面临更少的名额和惨烈的竞争。这篇文章，也旨在给早早准备的在校同学一点帮助。都说Axure是产品汪的第一把剑（其实是我说的），要说会Axure，最起码应该会这几个概念：master（模板）；interaction（交互）；panel（动态面板）今天就从三个名词入手，讨论这三个概念的具体内容。Axure是一款原型制作软件，互联网时代的原型，往往包含着交互元素，什么是交互？传统意义上说，交互就是通过界面设计和图形语言，将人的行为方式与计算机行为相连接。而这个界面被称为soft face，这样解释难免有些抽象。如果是我，我会这样理解：交互就是通过点击，拖动，滑动或者其他由人发出的动作触发机器运算的过程。在网页里，网页被区分为静态和动态，区分的原则是看有没有外部数据的传递。在原型设计里，原型也被分为静态和动态，区别的原则就是有没有交互。在Axure中，动态的效果由右侧的交互面板实现。
说道交互，就不得不提到动态面板（panel），动态面板是什么？有什么作用？从字面意思上讲：panel就是面板的意思，在这个面板上，你可以拖放控件，也可以换另一批控件，打个比方说：panel就是个桌子，做饭的时候，你在上面摆满食物，当你吃完饭要用来搓麻的时候，没必要另外买一个桌子，你只需要换一个状态（state），然后把麻将摆在上面就OK了。没有动态面板能不能做交互呢？可以，但是不方便。你可以通过对控件或者控件的组合进行操作，设定他们的交互行为。但是当交互复杂时，问题就出现了。假设一个场景：一个页面上，有分享，编辑，删除三个操作，每个操作会呼出一个对话框，删除操作会隐藏一个控件，并且把三个控件上移。如果做静态页面，然后通过简单的跳转联系成“伪交互”，每个对话框需要新做一个页面，删除前后要各自做一个页面，也就是说，网页上一个页面解决的事儿，在原型上要画4个页面。——不同模块形成多个页面这也出现了一些同学一个简单的app做了几百个页面的情况（哭笑不得）。不通过动态面板也可以做交互，但是每个对话框都要做成一个组合，然后交互动作对该组合进行操作，这个页面上的组合是互相重叠的，而在某个组合中做操作也是非常不方便的，因为往往会对其他的部分造成影响。——不同模块耦合太强使用panel的话：把需要做不同页面的内容放进不同的state里（分享对话框，删除对话框，编辑对话框各自对应一个状态），然后通过set panel state进行页面的切换。右键set visible和set hidden对某一panel的初始状态进行设定。说了一堆，怎么理解呢？动态面板，就是结合了两种办法的优缺点：不同模块放在同一个页面上，节省工作量；但是以状态进行区分，降低不同功能耦合度。你可以把原本好几个页面才能说清楚的事儿放在一页；你也可以在某个state下对该模块进行修改，而不影响别的状态。最后是模板。模板（master）和panel的目的一样，都是为了提高设计效率。master适合那些网站中需要使用多次的控件组合。通过master，可以实现快速复制，全局编辑两个目标。比如设计iOS移动端原型，往往外部轮廓；通知栏，背景色都是一样的，那么右键save to master保存成模板；每次用到的时候将它从左下角像拖控件一样拖出来，就可以了。注意：master保存后，一旦对master进行修改，意味着全局使用到master的地方都会做同样的修改。所以对于不同情景下有区别的地方，谨慎使用master。对了，我记得有人问我master的粉色怎么去掉（汗）其实axure里很多带颜色的地方都可以去掉颜色的，在这儿：view-&masks-&mask masters；把对勾去掉就成。
祝大家生活顺利。
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
这是产品经理的聚集地，欢迎大家投稿或者找我聊产品，可以加我微信： listen312
【关于专题管理员Allen】
· 25130人关注
G图标象征着Google的产品哲学。
· 1818人关注
app\web\HTML5\微信各类移动产品PM及产品运营精华干货收藏
· 856人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：

我要回帖

更多关于 华为各系列区别 的文章

 

随机推荐