交付Sketch/XD/PS/Figma/Axure设计稿
原型设计工具，高效易用
UI设计工具，更懂中国设计师
轻松定制规范，高效管理资源
桌面端原型设计软件
内网专用版，高安全性
主要交互效果：图片切换效果。
IndiaMayHome是一个为顾客提供购买家居装饰，长衫，旅行配件，珠宝，摩洛哥油和异国香味蜡烛的创意网页设计模板。网站的图片画质清晰，图片切换效果方便顾客更好地浏览商品及折扣信息。
主要交互效果：图片切换，滚动区悬浮按钮，点击切换页面。
LeMugs是一个法国餐饮网站，清晰的图片画质和明亮色彩的搭配让网站高大上十足。流畅的页面滚动和点击切换页面效果，让顾客能够一览食物和餐厅特色。
主要交互效果：点击切换页面。
Gizmo是一个关于房地产租售服务的网站，主页背景动图可以自动切换。为了引导用户浏览更多信息，主页底部可以点击箭头图标切换至更多网页信息页面。
主要交互效果：页面跳转。
NikeReactor是一个极具创意的电商网站，除了酷炫的动画之外，承载这些创意效果的便是随处可见的页面跳转效果。
如何实现页面跳转效果？
主要交互效果：图片纵向滚动。
Madmavisconti是一个饰品电商类网站，页面布局左右分明。顾客可以通过滚动主页右侧区域查看饰品图片，简洁方便。
主要交互效果：字体滚动效果。
Entreprenorsgtan是一例商务办公区租赁类的创意网站设计欣赏，除了主页背景动图之外，中间的滚动字体也是一大亮点。
主要交互效果：商品横向滚动。
Alafut是一个以西餐和啤酒为主的餐厅网站，网站主页提供了食物和简餐信息。页面中间的商品横向滚动不仅解决了页面空间的窘迫，又全面地展示了商品。简直是餐饮类创意网页设计模板！
主要交互效果：图标随页面掉落，右上角弹出菜单。
Monyssb作为一个食物类网站，以黑色为背景色的设计十分大胆。页面分布的食物小图标使页面看起不会单调沉闷，随页面掉落的食物图标更是趣味十足。右上角的菜单图标，点击后会弹出食物分类信息。这真的是小编最喜欢的一个创意网页设计了！
主要交互效果：图标自动显示，右上角弹出菜单。
Konstolymp是一个售卖橄榄的商品类网站。主页在载入时会渐渐出现左侧的橄榄、椰子等图标。顾客点击右上角的菜单按钮可以了解网站和商品详情。
主要交互效果：鼠标经过，显示弹出菜单。
Notanotherbill是一个典型的电商网站，整体页面设计比较简洁。展示的图片种类丰富却不繁杂，页面随处可见弹出元素，主页有弹出菜单、弹出面板；商品有类似弹窗的效果。看得出来弹出效果在创意网页设计中也有自己的一席之地！
主要交互效果：图标晃动，右上角关闭弹出。
TeatrLalka是唯一一例TV/戏剧秀创意网页设计模板，网站首页跳动的木偶和弹出面板中的小图标呈现的是满满Drama风。
如何实现弹出效果？
主要交互效果：鼠标经过时变色。
Ticktocktea是一个以茶为主要商品的网站，网站主页的时钟和文字都在顾客脑海中植入下午茶概念。页面整体色彩搭配大胆，并利用鼠标经过变色实现动效，打破网站的呆板。可以说是在不变中实现万变的创意网站设计模板了！
主要交互效果：面板弹出，静态图标Hover显示，文字Hover变色。
Koox是一个具有极简风的食物网站，网站主色调为绿色，给顾客一直干净新鲜的感觉。在单调色彩的网页中植入不单调的Hover显示图标、文字Hover变色效果；使网站不再单调。
主要交互效果：鼠标点击显示图片。
VTMangazine是一个极具视觉冲击的杂志网站，网站以时尚图片为主。在交互方面，大量采用鼠标显示图片的方式带来有趣的用户体验。充分利用好这种交互效果，也能实现千变万化的创意网页设计！
如何实现鼠标Hover显示图片或文字变色？
在Mockplus中实现这个效果就更简单了！从组件库中选择文字，在右侧的属性面板中通过“颜色”属性中设置鼠标经过时变色，根据需要设置变更的颜色即可。而Hover显示图片则从组件库中选取图片组件，在右侧属性面板中将其透明度设置为0。然后在透明度中设置交互为鼠标经过时显示透明度为100即可。
主要交互效果：图片轮播。
CarpeDiem作为一个度假酒店的创意网页设计模板，除了上述的弹出菜单等交互元素，图片轮播也是其不可或缺的组成部分。图片精致且具有创意的图片轮播设计，帮助顾客快速全面地欣赏酒店的美景从而完成下单操作。
主要交互效果：主页图片轮播。
Vallier这个餐饮网站除了左侧留出的菜单区域，右侧的图片轮播图跟CarpeDiem网站有异曲同工之妙。看来图片轮播在展示商品方面是一个不错的交互选择！
如何实现图片轮播效果？
在Mockplus的组件库中拖出图片轮播组件，点击组件即可根据需要添加图片。添加完图片后，即可保存预览啦！小编个人觉得快速简单！
主要交互效果：进度条，走马灯效果。
TopPadDockCafé是一个以美食为主的餐厅网站，页面滚动更方便了解食物信息。视频播放的进度条让顾客了解加载进度，而走马灯效果显示的文字增加页面的生气。
如何实现进度条和走马灯效果？
请各位大佬收下！对了关于走马灯效果，就是通过上面的滚动区做的，多了一个滚动区跟自己做移动交互的设置而已。
主要交互效果：滚动变色，其他效果。
Lopesce不用介绍小主们都能发现是个零食网站，动画风格的食物元素图标和页面真的可爱到爆！滚动变色的交互效果令人印象深刻，是不可多得的创意网页设计！
呃，滚动变色这个，小编还没想出来怎么做....等研究出来了再补充，嘻嘻！
主要交互效果：图片滚动，文字飞入效果。
Humbert&Poyet是一个集酒店、住宅、餐厅和零售业务为一体的创意网站设计模板。除了页面纵向滚动，文字飞入也是其交互中的一大亮点。
如何实现图片滚动和文字飞入效果？
图片滚动效果就不多说了，麻烦各位小主翻翻上面的滚动区教程。文字飞入效果可以通过Mockplus的单行文字组件实现。将文字放到工作区外，并选择组件进行触发设置。例如，点击组件文字移动和显示交互同时工作。设置完毕后，将文字设置为不可见状态即可。
主要交互效果：文字滚动，图片缩放效果。
HaInteractive是一个电商类创意网页设计模板。除了满足网站基础功能的设计，首页图片的缩放效果令人眼前一亮。文字横向滚动效果也为其增色不少，也是其跻身创意网站设计欣赏之列的重要原因。
如何实现文字滚动和图片缩放效果？
老规矩，文字滚动效果可以用横向滚动区实现。基本设置可以参考上面的滚动区教程和走马灯教程。图片缩放就更加简单了！从Mockplus中拖出图片组件，将连接点拖至自己（图片组件本身）。然后设置交互方式为缩放，触发方式（点击时，载入时，双击时等）可以根据自己需要进行选择。缩放倍数、执行时长、自动回转根据需求在右侧交互栏中设置。
国外设计灵感网站推荐：
最近小摹发现社群中来了不少的萌新小可爱，前不久还有好几位小伙伴私聊小摹：画原型是产品经理还是UI设计师的工作？新人适合用什么工具画原型？原型稿和UI稿的区别有哪些？所以今天小摹打算跟大家唠唠原型设计和UI设计那些事，给各位萌新小白们做一个正经的科普，从三个层面帮大家理理这二者的不同之处，顺便解答以上三个问题！ &nb...