最近工作室接的网站设计的Case越来越多，为了更加有效率的完成设计任务，工作室的小伙伴们对目前比较流行的5款网页设计类软件进行了对比评测。评测软件对于平面设计师而言，擅长的是对色彩的运用，版面的调整，以及配图、文案等一系列设计领域的内容，而对于那些代码，是抱着一颗敬畏的心敬而远之的。所以零代码、可视化是这次选择软件的首要条件。OK，下面就要介绍今天的主角 – Blocs for Mac。Blocs作为一款网页制作软件，可以进行视觉设计操作、动画设计、网页编辑，而不需要更多的编程操作即可建设网站。软件整体使用起来非常简单，即使不是很了解代码也没关系，Blocs会自动处理，轻松解决代码问题。Blocs 3 引导界面Blocs的最新版本是v3.3.0，而且只有macOS版本，且只有英文版。这可能对于windows用户来说有点不公平，因为这款软件真的很优秀，至于英文界面嘛，基本上都是常用词，对于设计师来说这都不叫事。全模块化架构为什么说建设网站像搭乐高积木一样简单，说的就是将一个网页分解成各种模块，再一一叠加起来，如页头的轮播图、导航的菜单、图文的详情、交互访问、网站地图等，只需要简单的拖曳，再作简单的编辑即可。简单的说吧，只要会用PPT，就可驾驭这个软件。各种模块按功能分类，只需选择-单击-完成。一分钟完成一个优秀的着陆页一张图片、一个标题、再来一个副标题、或者再来一个链接按钮，都没有问题，最后再调整一下版面位置、字号、字体，OK，一个优秀的着陆页就完成了。直接预览，或通过浏览器预览，效果立刻呈现！简简单单，一个优秀的着陆页就完成了。傻瓜式的排版就像前面所说的，只要会用PPT，各种版式可以说是信手拈来。元素的位置，大小，甚至是行间距，只需拖拉一下控点就可以完成，加上布局辅助，想不对齐都难，简直是懒癌患者的福音。想不出还有什么比这更简捷的操作方式了。屏幕自适应是标配手机、平板基本上已经替代了显示器，所以，一个优秀的网页要能适应不同显示设备，这已经成为网页设计的标配。Blocs自然考虑到这一点了，显示器、平板（2种规格）、手机规格，一个也不能少。在标准显示器上完成页面设计后，切换到不同的设备模拟显示中，再作微调就大功告成了。就是这么简单！抓人眼球的动效一个优秀的网站，除了内容吸引人外，高品质的动效同样引人侧目。就像PPT中的各种场景切换、动画效果一样，动态的呈现总能让人眼前一亮，让那些呆板的图文生动起来。而要作出这些效果，只需要简单的勾选相应的动效选项即可。太多动态效果，赶快自行体验吧！更多的插件选择一个如此优秀的设计软件，自然也吸引了更多的第三方为其开发插件，让其功能更为强大。真的是零代码吗？官方的宣传的确零代码，可是现在很多优秀的网页是少不了css，js之类的脚本文件，那Blocs就不支持了吗？当然不是，Blocs专门提供了脚本引用的接口，当然前提是你多少得了解一些相关知识。但总体来说，对于一个对于代码零基础的设计师而言，想要零代码、可视化的完成网页的设计，Blocs是绝对胜任的！下期预告：网站设计，就像搭乐高积木一样简单（二） Adobe Muse篇关注我们，共同分享设计中的那些事！by CandS design studio