页面设计都有哪些好用的工具推荐？

对于设计师来说，方便的页面设计工具和稳定的页面设计灵感也同样重要。

在今天的信息爆炸中，很容易找到页面设计工具，网上搜索有很多建议，但找到合适的页面设计工具并不那么简单。

本文推荐不容错过的9款页面设计工具

即时设计

即时设计是一款免费的在线 UI 设计工具，无系统限制，浏览器打开即可使用，更有丰富的在线素材、云端字体、交互动画等功能满足多种需求，轻松应付移动端、Web端、可视化大屏等页面设计，还可和产品、开发轻松协作，实时在线评审、交付切图、查看代码标注，大幅提高团队工作效率。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=yscsdn912

即时设计拥有设计相关的各种基础功能，并且丰富的高级功能还可以在更便捷地实现预期效果的同时，大幅减少繁琐的重复性工作，极大地提高设计效率，能够出色的完成页面设计的工作。

使用成本：个人用户免费。

Dreamweaver

Dreamweaver是Adobe家族的网页代码编辑器，集网页制作和管理于一体。Dreamweaver包含基于文本的传统集成开发环境(IDE)许多功能，如语法亮度显示、自动代码完成、折叠和扩展代码部分的能力。与传统的IDE不同，Dreamweaver的可视化界面使其真正脱颖而出。

使用成本:Dreamweaver可以以每月20.99美元的价格单独购买，也可以以每月52.99美元的价格订阅AdobeCreativeSuite。

Wix

Wix与WordPress非常相似，可以用来创建各种不同的网站，包括博客和电子商务网站。Wix可以通过其可拖放的编辑器在几分钟内轻松创建网站。Wix还为用户提供免费的广告支持计划。

使用成本：如果网站用户想知道网站的运行情况，则需要额外付费。

WordPress

WordPress提供了构建和启动基于内容的网站所必需的灵活性、功能和易用性的最佳组合。用户可以在支持PHP和MySQL数据库的服务器上架设自己的网站，也可以将WordPress视为内容管理系统（CMS）使用它。但需要注意的是，Wordpress仅源文件压缩包有5.2MB，太强大的功能使Wordpress在一些小型虚拟主机中表现不佳。特别是当插件安装过多时，wordpress会变得非常慢。

Bootstrap

Bootstrap是由Twitter的工程团队创建的，是一个功能强大、可扩展、功能丰富的前端工具包，简化了从零开始编写网站的过程。Bootstrap包含免费HTML、CSS和JavaScript库提供了许多功能，如网格系统、响应断点和大型组件库，使网站编码快速和容易。使用Bootstrap，只需下载最新版本的Bootstrap框架，复制其中一个示例模板，即可开始编码。

Squarespace

Squarespace是一个使用拖放操作的网站建设平台。它不需要任何编程技术背景。简单直观的用户界面让即使是零基础网站建设的人也能快速编写内容。它最大的特点是细节，所以更适合那些基于自己的小站建设细节丰富的网站。缺点是Squarespace模板少，只提供70个不同的主题供选择，模板类型少，不能满足部分用户的网站建设需求。

AdobeXD

如果你喜欢Adobe的其他产品，比如Photoshop和Ilustrator，那么你也可能喜欢XD。AdobeXD被定义为Photoshop的原型工具，允许用户进行原型规划、设计和共享。应用领域广泛，包括网站设计或应用程序开发。

使用成本:Adobexd不能选择自定义的形状，如果没有插件就不能获得CSS，如果你没有CreativeCloud计划，Adobexd每月需要单独收费9.99美元才能使用所有功能。

Figma

Figma是一种基于Web的UI设计工具，支持团队合作和实时同步，可以无缝连接产品、设计和研发。无需下载，打开浏览器使用，并提供桌面端。可以说，Figma确立了在线设计工具的形式，但尽管世界上有大量的用户，Figma并没有提供在线客户服务，如果用户在体验过程中有问题或问题，很难得到反馈和解决方案。此外，由于Figma的服务器位于海外，当地设计师仍存在网络门槛、信息安全、信息稳定性等问题。

Sketch

Sketch是一个基于Mac的矢量图形编辑器，可用于数字设计。其主要功能包括无损矢量编辑、完美像素精度和数百个插件同步功能，可导出预设和代码，是一个很好的原型和协作工具。然而，它更适合在Mac台式机上运行，Windows/PC用户不能使用，需要安装其他插件才能获得更多的响应设计工具。