响应式网站模型工具

平面设计 网站设计 响应式设计
2022-02-19 19:33:27

我一直在 Photoshop 中制作网页模型,最近我切换到 Illustrator,因为我认为它可以加快我的工作流程(确实如此!)随着我越来越多地为响应式网站设计,我觉得即使是 Illustrator 也不是t 理想,并且有一些怪癖使它成为一个更繁琐的过程。

我想知道是否有人可以建议他们在模拟响应式网站方面使用的一些工具?我听说过 Balsamiq,实际上我听说 InDesign 在 Creative Cloud 中有一些新功能,在响应式模型方面值得重新审视。

如果您在响应式网页设计方面有一些经验,您能否提出工作流程或一些现有工具的优缺点。

谢谢

4个回答

最近似乎迫切需要更具响应性的设计工具。许多新举措都是基于网络的,有些看起来很有希望,但我还没有给他们一个彻底的锻炼:

查看 Adob​​e 的Edge Reflow它是 Creative Cloud 的一部分,专为使用响应式网站而设计。

RWD 并没有什么特别需要新工具的地方。

响应式 (RWD) 主要是关于断点*,也就是说您有多个布局来覆盖各种视口大小和纵横比。在模型阶段,您将创建页面/站点的每个版本。使用响应式网站,这意味着您只需创建更多模型(也许)。

Balsamiq 用于线框,不能替代详细的模型工具。Illustrator、Photoshop、Sketch 或 Inkscape 仍然可以满足您的布局需求,响应式或其他方式。

至于在 HTML 中制作模型的想法:祝你好运。它适用于简单的内容或信息网站。当信息层次结构(和可能的 UX 解决方案)变得复杂时,您会发现自己探索的选项越来越少。出于同样的原因,我不会在没有先草拟粗略解决方案的情况下开始任何样机;从创造性的角度来说,即使是布局应用程序也会让你望而却步。

* 更多关于断点的信息在这里这里

我与模型构建器一起工作,我觉得它很棒。