网站模型
如果您正在寻找一些有关网站模型的有用资源，那么您来对地方了。因为，是的，每个网站建设都应该从网站模型开始。对于初创企业来说尤其如此。
有时，您不需要使用在线工具。绘制网站草图的最简单方法是使用笔和纸。如果您有叛逆精神，甚至可以使用彩色铅笔。
但是，工具很有用，所以您无需重新发明轮子。
模型工具
模型资源
网站模型应实现的目标清单
如何创建信息架构（网站内的页面显示方式、信息分布的层数以及 突尼斯数字数据 如何将信息的不同部分分组到菜单部分所代表的类别中）
模型应该定义布局（网站页面内元素的架构）
练习技能——你可能想尝试以创新的方式组合不同的元素
测试假设——你可能需要创建一个主要/大胆的选择和备选选择，这样你就可以测试什么对客户最有效
你是一名优秀的开发人员，但你想磨练你的设计技能
它应该告诉你你的网站在不同的屏幕分辨率下的表现（在强制要求移动响应的世界中，你应该在不同的设备上测试网站的显示）
应该使用模型来想象可用性测试（用户登陆网站后的行为方式、什么方法对他们来说更简单、哪条路径是他们在网站内导航的最清晰的路径等）
它应该有助于弄清楚在哪里使用 CSS/JS 等等。
提供一些基本的网页设计指南和想法（确定配色方案、情绪板、CTA、在折叠上方和折叠下方包含什么、如何使用空白等）
它应该融入一定的风格（如何传递信息；以专业或俏皮的语气、由专家或艺术家传达等）
最终结果应该是您测试用户如何浏览您的网站，哪个点击会将他们带到哪里，后退按钮有什么作用，链接将用户引导到哪里，等等。
它应该整合有关标志的规范（其尺寸、颜色、位置）。
它不应该包含太多细节（不要因为太多细节而失去网站的整体外观，使其看起来拥挤）
您应该小心避免使用错误的颜色（您应该注意最适合用户的配色方案，同时也要符合业务“个性”）
不要使用不可读的文本（这也会受到用户和搜索引擎的惩罚）
使用看起来不同的链接（这是为了尊重基本的可用性原则）
网站模型工具和生成器
市面上有很多工具。下面是此类工具的不完全列表，我们收集了这些工具，以便您选择最佳工具：
1. Mockplus
推荐给网页设计的初学者。
它有 200 个预制组件可供您在绘图表面上使用。
您可以以独特的方式组合预定义的组件，并为客户提供不同的网站模型变体供选择。
通过简单的拖放即可添加组件。
不需要任何编码技能；此外，它具有非常直观的界面，让您轻松熟悉它的选项。
它有助于为桌面和移动设备创建网站草稿。
您可以找到大约 3000 个图标供您选择。
付费版本为139.3美元/年。
2. Moqups
它结构良好，具有完整的预制模板，您可以通过拖放将它们放置在绘图表面上来使用。
它有助于概览网站页面的结构以及页面内元素的排列方式。
只需单击即可共享结果，并且您可以通过管理访问权限来提供对结果的访问权限。
该应用程序使用起来非常快。
模板组件应像草图符号一样在一个源中进行管理。
付费版本的价格为每月 13 美元或 19 美元。