想要零代码、可视化地完成网页的设计,Blocs绝对胜任!

无需加好友免费技术支持

工作室最近设计的网站Case为了更有效地完成设计任务，工作室的朋友们对5款流行的网页设计软件进行了比较和评估。

评测软件

对于平面设计师来说，他擅长一系列设计领域的内容，如色彩的使用、布局的调整、图片的匹配和文案，而对于那些代码，他有一颗敬畏的心。因此，零代码和可视化是本次软件选择的首要条件。

OK，以下是今天主角的介绍 - Blocs for Mac。

Blocs作为一个网页制作软件，可以在没有更多编程操作的情况下构建网站，进行视觉设计操作、动画设计和网页编辑。软件的整体使用非常简单，即使你不太了解代码，Blocs自动处理，轻松解决代码问题。

Blocs 3 引导界面

Blocs最新版本是v3.3.0，而且只有macOS版本，且只有英文版。这可能对于windows用户有点不公平，因为这个软件真的很优秀。至于英文界面，基本上都是常用词，对设计师来说不算什么。

为什么建立一个网站像乐高积木一样简单，意味着将一个网页分解成各种模块，然后一个接一个地叠加，如页面旋转地图、导航菜单、图形细节、互动访问、网站地图等，只需要简单地拖动，然后做一个简单的编辑。简单地说，只要你能使用它PPT，你可以控制这个软件。

根据功能对各种模块进行分类，只需选择-单击-完成。

图片、标题、副标题或链接按钮都没有问题。最后，调整布局位置、字体大小和字体。OK，一个优秀的优秀的登陆页面。

直接预览，或通过浏览器预览，立即呈现效果！

简单，一个优秀的登陆页面就完成了。

就像前面说的，只要能用，PPT，各种布局都可以说是得心应手。

元素的位置、大小，甚至行间距，只要拖动控制点就可以完成，加上布局辅助，很难不对齐，这是懒惰癌症患者的福音。

想不出还有什么比这更简捷的操作方式了。

手机和平板电脑基本上取代了显示器，所以一个优秀的网页可以适应不同的显示设备，这已经成为网页设计的标准。

Blocs考虑到这一点，显示器、平板电脑（两种规格）和手机规格都不能少。在标准显示器上完成页面设计后，切换到不同的设备模拟显示器，然后进行微调。

就这么简单！

一个优秀的网站，除了吸引人的内容，高质量的动态效果也吸引人。

就像PPT各种场景切换，动画效果相同，动态呈现总能让人眼前一亮，让那些呆板的图文生动起来。

要达到这些效果，只需简单地检查相应的动效选项即可。

动态效果太多，自己体验吧！

如此优秀的设计软件自然吸引了更多的第三方开发插件，使其功能更强大。

官方宣传确实是零代码，但现在许多优秀的网页是必不可少的css，js之类的脚本文件，那Blocs不支持吗？

当然不是，Blocs当然，前提是你必须知道一些相关的知识。

但总的来说，对于代码零基础的设计师来说，想要零代码、可视化地完成网页的设计，Blocs绝对胜任！

下一期通知:网站设计和搭乐高积木一样简单(2) Adobe Muse篇

by CandS design studio