Mixture.io 与网页原型制作

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3577 天前的主题，其中的信息可能已经有所发展或是发生改变。

“ Mockups don’t tell a story. Build a prototype in no time. ” ....

mockup 和 prototype 都被人翻译成原型 ...... 前者是草图式的，后者是更直接的。
卡在 mockup 和 code 阶段的新手之痛 ... 谁知 ...
原来是缺少了快速做出 prototype 的能力 ..

网格模样的网页原型 ( 也叫做 Prototype )

http://foundation.zurb.com/prototyping.html

http://foundation.zurb.com/grid.html

http://foundation.zurb.com/templates.html

* http://alistapart.com/article/dive-into-responsive-prototyping-with-foundation

http://railstutorial-china.org/rails4/chapter5.html

Mixture 这个软件简直是前端工具实验场 + Prototype 原型制作利器
Mixture 里的 Smart To-dos 简直是拖延症和爱忘事的人的福音

类似的东西还有 Cactus 功能稍微弱一点儿

Cactus
http://cactusformac.com/docs/

Mixture
http://alwaystwisted.com/post.php?s=2012-12-09-get-in-the-mix
http://docs.mixture.io/mixture

这两个工具发掘自
http://foundation.zurb.com/develop/resources.html

回头看看 Espresso .. CodeKit .. Koala .. （好吧我只是做一下关键词匹配） ....
回头看看 Balsamiq Mockups 兴致勃勃地画草图也是一件 .... 的事情

prototype

mixture

Mockups

11 条回复 • 2016-01-06 01:10:22 +08:00

sammo

2015-02-08 15:17:00 +08:00

在静态站点制作的能力上也超过了 Jekyll 之流
http://docs.mixture.io/collections

PublicID

2015-11-23 18:11:13 +08:00

如果对 static site generator 有需求，或想要找 Mac 上的 Dreamweaver 的替代品，可以一试

Mixture.io 神器

PublicID

2015-11-23 18:11:51 +08:00

Coda 2 的侧重点不一样

PublicID

2015-11-23 18:16:55 +08:00

http://docs.mixture.io/collections/
这里的文件目录，很像 Jekyll 这种静态站点生成器

http://docs.mixture.io/templates/
这里的模板功能，很像 Dreamweaver 里的模板功能或 ruby on rails 的 layouts ， PHP 里的 requires

PublicID

2015-11-23 18:40:05 +08:00

http://foundation.zurb.com/forum/posts/25906-static-site-generator-to-replace-mixtureio
这里说了一个典型是使用情况：
一个网页设计师，在 Mixture 提供的很少的后端辅助的情况下（让 Foundation 跑起来）专注于自己的网页设计方面的活儿。很可惜 Mixture 停止支持了。

=

从做网页设计的活儿的角度，我偏好于用
Mixture.io
以下是我试用过的东西，感觉不一。

过轻，功能不够我用或并不针对于网页设计，但界面挺花哨的
Cactus
Coda
Espresso （这个的风格很像 DW ，尤其在用软件调节网页背景色的时候（我倾向于手写 CSS ））

过重，很多功能用不着
jekyll
hexo
CodeKit 2.1.9
rails

PublicID

2015-11-23 18:47:09 +08:00

—— 「能极大减轻手写多个页面时候的工作量」
Dreamweaver 里的模板或许是很多人在手写 html 的时候会庆幸有的功能。

Mixture 、 Cactus 、 CodeKit （或原生的 PHP ）都可以提供这种 [1] 功能，并支持合成最终的 HTML
they let you use separate files like partials (header, footer, etc.)

因为它们内置了能力以开启一个本地端口，所以做到了和 DW 一样的效果，但是比 DW 更轻巧

[1]: http://docs.mixture.io/templates/#layout-includes

charlie21

2016-01-06 00:43:07 +08:00

mixture 已经不再维护了。
-
论单纯建静态网站的话，如果有简单的代码复用是很好的。（类似 PHP 里 require() 的功能）
类似软件中，功能比较单一的有 hammer 、 Cacuts ；比较复杂的有 CodeKit 、 Koala

charlie21

2016-01-06 00:51:24 +08:00

http://docs.mixture.io/ 还是在的。很单纯的前端工程工具，只需要 html 和 css 知识

partial 代码片段的复用，就这点就能让代码量少很多

charlie21

2016-01-06 00:55:46 +08:00

像这种 smart build 一类的功能，也很贴心
http://hammerformac.com/docs/tags

charlie21

2016-01-06 01:01:45 +08:00

比 CodeKit 更强大（会玩）的一个做静态站的软件： Pinegrow ... 老外对这种 WYSIWYG 所见即所得的网页制作工具还真是投入了不少心思，这方便了网页设计师们

charlie21

2016-01-06 01:10:22 +08:00

准确地说：它们是在由设计 ---> 工程
Pinegrow 、 Espresso 这类软件的重点在于设计一个 html ，通过可视化的方式（调 css ）
Hammer 、 Cacuts 这类软件的重点在于高效串联起多个 html ，建一个多页面的简易网站
CodeKit 、 Koala 这种软件的重点，在于 pre-processor
越往下，网页越多越像一个（靠 smart build 支撑的）网站，越要直面代码

Mixture.io 与 网页原型制作

Mixture.io 与网页原型制作