网站设计,就像乐高积木一样简单

2020-08-23 14:00:00

如何,最初的界面是非常熟悉的,它确实是一个血统,像PS和AI。这对设计师来说太好了。开始只是几分钟的事。

不过,有一个问题要先提一下。熟悉adobe产品的设计师都知道PS、AI等都是2019cc版本,但Muse仍然是2018cc版本,如上图所示。遗憾的是,adobe已经宣布停止其网页制作工具adobe Muse的开发,并将于2019年5月20日停止技术支持。

虽然不再更新,但不会影响使用,仍然可以完成网页设计工作。就合作伙伴的应用效果而言,还是值得推荐的。

与blocsformac相比,adobemuse还支持windows系统,并且有自己的中文版本。不过,从菜单词来看,似乎是直接把繁体中文版转换成简体中文版,有些术语显然是台语的。

好吧,是时候进入评估主题了。因为我们工作室的网站是基于adobemuse,下面列出的大部分插图都是原创设计。

网站结构(官方术语:主页徽章)

和PS一样,最近操作的项目内容会显示在起始页。不同的是,PS在点击特定的图片项后会直接进入编辑状态,而Muse会首先显示整个网站的架构图。此时,您可以复制、删除和调整特定页面的层次关系。如果要编辑特定页面的内容,需要双击该页面进入页面编辑界面。

进入页面设计窗口,浓浓的PS迎风迎面而来。

你觉得你能控制缪斯吗?哈哈,你可以这么说。因为Muse支持PSD文件的直接导入,也就是说你在PS上做的网站设计草稿可以直接导入到Muse中进行重新编辑,包括图层。是不是太方便了?这就是血亲的优势。

就像两个豌豆一样,PSD文件是直接导入的,其布局与PS的布局不完全相同。

而且与blocs相比,不受网格的限制,元素的放置更加自由,这对于喜欢不规则页面布局的设计者来说,没有框架,随意性强。

与blocs一样,adobemuse自然也支持显示器、平板电脑和手机的布局设计,但它有两种处理方法。

标准的设备分类方法与blocs基本相同,blocs支持三种布局:显示器、平板和手机。从上图可以看出,平板和手机都局限于垂直屏幕显示,当移动设备水平放置时,会导致显示匹配错误。

所谓断点,就是可以根据特定显示设备的分辨率精确设置不同的显示效果。即使是相同的设备和垂直和水平屏幕也会自动呈现***的显示效果。

当然,如果想要高匹配度,就需要设置更多的中断点来满足很多设备的需求,工作量也越来越烦人。

与blocs不同,在adobemuse中有两种生成元素动态效果的方法。一种是adobemuse的滚动效果,它可以使用锚定点来创建不同的视觉效果。

还有各种具有动态效果的插件,都非常惊人,特别是来自缪斯插件之神QoQee(QQ)的插件,那种炫目的动态效果会让你的网站足够拉风。

尽管adobemuse已经停止了改变,但是仍然有很多软件公司支持它。毕竟,adobe是一个大工厂,所以我们可以找到很多插件和模板。至于是否免费,有免费的,但也有很多收费。至于指控,你知道的!

在这里,Adobe的官方在线教程太官方了,而且没有营养。相反,你可以通过模板学习更多关于使用技能的知识。网上也有一些视频教程,对学习很有帮助。

这和块是一样的。adobemuse还接受CSS和JS等所有脚本文件。当然,前提是你必须了解一些相关的知识。

总之,adobemuse对于一个熟悉PS的设计师来说更容易!

如果将web页面的视觉效果与blocs进行比较,adobemuse会有更多的优势。毕竟,这个家族是从平面设计开始的。有了PS的祝福,网页设计基本等同于PS设计,所以设计师可以自由翱翔,不需要像宣传册那样正式。但就建立网站的容易程度而言,blocs更为轻松。一模一模叠加更适合零基小白。