代码设计
步骤二，设计原型构建在初期的创意灵感与发现阶段，我们会不时运用各种手段去追踪和记录各式各样富有创造力的想法，诸如草图、图表、纸模型等低保真原型就能很好地达到目的。在创意及灵感产生后，我们就需要在以上工作的基础上进一步细化设计工作和策略，其中最核心的部分为网页原型或框架设计，这是模拟用户典型使用场景及与PM/网站开发工程师沟通最好的形式。
上面列举的设计原型例子便是使用Mockplus制作，它是一款快速简单的网页原型设计工具，无代码、功能全面且易用、能够满足大部分设计需求。话不多说，一起来看看具体的设计技巧及应用场景吧：
1. 多种交互命令及状态：＊鼠标悬停显示内容网页设计中，鼠标悬停是经常使用到的交互，Mockplus的状态交互很好地解决了这个问题，只需在颜色、边框、文字等有状态交互的属性旁边点击一个“闪电”图标，就能轻松设置鼠标经过时或鼠标点下时的属性。
［鼠标悬停状态］
＊页面切换时的动效这种交互在APP设计中也比较常见，例如Starbucks的App中，采用了一些小插画和特别的交互动效，尤其页面切换后会出现趣味小动画，这在Mockplus中可以使用“载入时”触发方式实现。
［载入时触发命令］
2. 大量封装的组件库，及可收藏的组件库：＊汉堡菜单作为常见的网页设计UI元素，汉堡菜单在网页手机端比较常见，这里可以通过Mockplus中可以自由编辑的弹出面板制作，添加任意元素。比如这款APP中顶部的操作引导说明。
［弹出面板组件］
＊悬浮导航栏、横向拖动展示随着卡片式设计的流行，越来越多的网站会用到大量的图片，其中图片的横向滚动可以用Mockplus的滚动区来轻松实现。
［滚动区组件］
3. 高效可复用的元素＊重复的布局及图片尤其在新闻及美食类设计中，重复的布局及图片很常见，这里可以将Mockplus的格子和数据填充功能配合使用，达到省时且美观的效果。
［格子＋数据自动填充］
相关阅读
其实seo实验室（http://www.wordlm.com）以前也曾提到过很多次将Word2007转换2003的方法，长来的朋友一定知道如何转换，近期许多朋友在网
下面写的太LOW了，有好多值得修改的地方，修改更新后博客地址： https://blog.csdn.net/desertsTsung/article/details/84679969
QUAKE 3源代码审查：虚拟机（第4部分，共5部分）>> 如果以前的引擎仅将游戏委托给虚拟机，idtech3会严重依赖它们进行基本任务。除其他事项
一、树型关系的数据表 不少程序员在进行数据库设计的时候都遇到过树型关系的数据，例如常见的类别表，即一个大类，下面有若干个子类，某
平衡二叉树介绍 平衡二叉树，是一种二叉排序树，其中每一个节点的左子树和右子树的高度差最多等于1。由3位科学家共同发明，用他们首字