其实今天的标题应该改成：网站设计，就像PS一样简单。

因为今天评测的主角是Adobe全家桶的一员：Adobe Muse。

号称网页制作界的Photoshop

怎么样，初始界面很熟悉吧，果然是嫡系，像极了PS和AI。这对于设计师来说就太亲切了，上手入门就是分分钟的事。

不过有个问题要先说在前面，熟悉Adobe产品的设计师都知道像PS、AI等都已是2019 CC版本了，可上图中显示Muse却还停留在2018 CC的版本，说到这就觉得很可惜，因为Adobe宣布对其网页制作工具Adobe Muse停止开发，并且将会在 2019年5月20日（这日子挑的）停止技术支持。

虽然不再更新，但并不影响使用，依然可完成网页设计工作，而就我们小伙伴们的应用效果，觉得还是相当值得推荐的。

相对于Blocs for Mac，Adobe Muse当然也支持Windows系统，并且自带中文版，不过从菜单用词上看，似乎是直接将繁体中文版转为简体版，有些用语明显带着台湾腔。

好了，进入评测主题目了，因为我们工作室的网站就是基于Adobe Muse设计的，所以下面所列的图示会以设计原稿居多。

熟悉的项目列表

网站架构图（官方用语：主页徽章）

和PS一样，在启始页中会显示出近期操作的项目内容，不同的是PS点选具体图片项目后会直接进入编辑状态，而Muse则会先显示出整个网站的架构图，此时可对具体页面进行复制、删除、调整层级关系等进行操作，如要对具体某个页面内容进行编辑，则需双击页面进入页面编辑界面。

页面编辑界面

熟悉的操作界面

进入到页面设计窗口，浓浓的PS风迎面扑来。

熟悉的操作界面

是不是以为自己已经能够驾驭Muse了，呵呵，可以这么说。因为Muse支持PSD文件直接导入，也就是说，你在PS上作的网站设计稿可以直接导入Muse进行再编辑，当然也包括图层了，是不是太方便了，这就是血亲的好处了。

更加自由的排版

前面说了，都支持PSD文件直接导入了，那页面布局不就是和PS设计一模一样了嘛。

而且和Blocs相比，不受栅格的限制，元素的摆放可更随意，这对于喜欢不规则页面布局的设计师来说，就没有任何框架了，随心所欲了。

想怎么排就怎么排

两种屏幕自适应的处理方法

和Blocs一样，Adobe Muse自然也支持显示器、平板、手机三种规格的版面设计，不过其有两种处理方式。

1、标准设备分类

标准设备分类

标准设备分类的方法基本上和Blocs一样，支持显示器、平板、手机三种规格的版面，上图中可以看出对于平板和手机端，都局限于竖屏显示，这就会在移动设备横放时出现显示匹配出错的情况。

2、自定义中断点

中断点设置

所谓的中断点，就是你可以根据具体的显示设备的分辨率精确设置不同的显示效果，哪怕是同一设备和竖屏与横屏，都会自动呈现最佳显示效果。

当然要想匹配度高，就需要设置更多的中断点，来满足众多的设备，工作量比较多且烦。

有点技术含量动效

与Blocs不同，Adobe Muse中元素动效的产生简单来说有两种方法，一种是Adobe Muse自带的滚动效果，配合锚点的使用会创造出不同的视觉效果。

临时作了一个横屏滚动的demo

还有一种就是各种插件自带的动态效果，都很惊艳，尤其是来自Muse插件大神的qooqee（简称QQ）的插件，那炫目的动效会让你的网站足够拉风。

当然好东东都是要收费的，不过......你懂的！

了解更多插件，那就去qooqee看看吧

更多的插件与模板选择

虽然说Adobe Muse已经停更了，但在其火的时候，还是有大把的软件商为其作配套的，毕竟Adobe是大厂啊，所以找到大把的插件与模板，至于是否免费，当然有免费的，不过收费的也不少，就是前面所说的，关于收费的......你懂的！

这里要提一句，Adobe官方的在线教程太过官方，没什么营养，反而是通过模板可以了解到更多的使用技巧，网上也有一些视频教程，会对学习有很大帮助。

懂代码？那就更好了！

这点和Blocs一样，对于css，js之类的脚本文件，Adobe Muse也都通吃，当然前提还是你多少得了解一些相关知识。

全局定义字体为微软雅黑

来小结一下吧，对于一个熟悉PS的设计师而言，Adobe Muse更易上手！

如果与Blocs对比网页可呈现的视觉效果，Adobe Muse会更占优势，毕竟家族是平面设计起家的，加上有PS的加持，网页设计基本等同于PS设计，设计师可以天马行空，不用像在Blocs中那样中规中矩。

但从网站搭建的容易程度上来讲，Blocs更加轻松，一个模块一个模块的叠加，更适合零基础的小白。

下期预告：网站设计，就像搭乐高积木一样简单（三） Sparkle篇

关注我们，共同分享设计中的那些事！

by CandS design studio