在线网页设计 第1篇
建议您先看看demo页面，里面已经有成熟的页面框架了。戳开的一瞬间，就被里面丰富的属性震惊了，大家自己慢慢感受一下吧！
================关于优设网================_优设网_是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：15335158）分享实战经验。设计微博：拥有粉丝量27万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。设计导航：全球顶尖设计网站推荐，设计师必备导航：———————————————————–想在手机上、被窝里获取设计教程、经验分享和各种意想不到的_福利_吗？添加 优秀网页设计 微信号：【youshege】优设哥的全拼您也可以通过扫描下方二维码快速添加：
在线网页设计 第2篇
Mobirise是一款适用于 Windows 和 Mac 的免费离线应用，可轻松创建中小型网站，登陆页面，在线简历和投资组合。1500多个漂亮的网站块，模板和主题可帮助您轻松入门。
非常适合那些不熟悉Web开发错综复杂的非技术人员以及喜欢尽可能以视觉方式工作而不需要与代码抗争的设计人员。对于快速原型制作和小客户项目的编码人员也很有用。
Mobirise是一个简单易用的免费网站构建器 - 只需将网站元素拖放到您的页面，添加内容并将其样式设置为您喜欢的样式 - 无需技术技能。
Mobirise提供了各种现成的代码块，包括粘性头部，汉堡包菜单，沉浸全屏模式，视频背景，Bootstrap 轮播插件，内容滑块，带有灯箱插件的响应式网页图片库等等。
使用Mobirise构建的网站可以托管在任何地方，无论是Amazon S3，Github，Google Drive，FTP还是本地驱动器。
在线网页设计 第3篇
Figma是一个实时协作的界面设计工具。它有三个难能可贵的功能：实时协作，矢量网络和版本控制。Figma 就像是基于浏览器并具有实时协作功能的 Sketch。
团队可以直接在设计界面上进行讨论，令协作更加方便。
Figma在Mac，Windows、Linux甚至是移动端（只能预览）都可以运行。这将极大的改变团队生态，让设计师和开发者更好的协作。任何人都可以进来并查看所有细节：字体，颜色，尺寸，间距等等。开发者们也可以轻松看到整个UI的布局是如何适配不同屏幕尺寸的。
版本控制在 Figma 里更易于查看，从而更快的进行不同版本的对比。使用起来比 Sketch 的版本控制要顺手很多。
每个文件的每个版本都在它们的服务器上，这让迭代变得很容易也很省心。
自适应布局是现代设计工具必不可少的功能，你可以通过设置让元素紧靠边缘来组合你的整个约束条件，或是让元素居中显示。这和 Sketch 中的 Pin to Corner 和缩放对象差不多。不得不承认 Figma 的版本使用起来更视觉化也更直观。
矢量网格是具有突破性的，不只是移动锚点，你可以直接移动线条，连接点也会自动的随之移动。这是因为在 Figma 里可以连接多条线，组成矢量点阵的网格，而不是单纯的起始点和结束点。这种难以置信的易用程度，一上手就知道。
以上就是我整理的几种好用的网页设计工具，有web 工具，软件工具，还有实体工具，大家有需要的都可以尝试一下哦~欢迎补充~
在线网页设计 第4篇
UX流程图卡（UX FLOWCHART CARDS），强大的网站结构规划工具，专业的网站建设者，涵盖54种常用UX模板，让设计师能够快速搭建专业的用户体验流程图，节省大量时间且架构清晰。帮助设计师和产品经理把握产品全貌，思考用户体验，聚焦重要环节。
流程卡是非常有效的将需求转化为具体设计稿的思考工具。
修改、移动、自定义都很容易，大大节省创建修改的时间成本。
操作简单，帮助设计师和产品经理快速记录思路。
在线网页设计 第5篇
Wagtail是一个开源的，响应式CMS，旨在加快Web开发的速度。它提供多语言和多站点支持。CMS采用直观的内容结构，支持复杂网站的所有基本组件。
可以按任意顺序创建和排列不同内容类型的代码块。
可以将现有内容添加到另一个页面。可以在网站的不同位置以不同的格式复制。
其功能和组件以模块化的结构进行组织，提供简单的内容导航。
CMS自动检测面部和其他图像特征，并进行相应地裁剪。也可以取消自动检测，定义自己的图像的焦点。
Wagtail可以创建具有任意数值域的表单。可以在管理界面中存储表单提交，以供日后检索，可选择将每个表单提交到指定的地址。
在线网页设计 第6篇
Avocode是前端切图神器，它实现从视觉到代码的过渡，自动生成导出图片的代码。
切换并检查任何设计。
Avocode是一个独立于平台的工具，可帮助团队将 Sketch，PSD，XD，AI 和 Figma 设计转换为 Web，React Native，iOS 或 Android 代码。
轻松导入文件，只需拖放即可将设计文件导入Avocode。
跟踪设计变更，观察您的项目开发。
保持您的设计文件在云中的组织，同步和备份，以便您的团队可以持续访问最新的设计版本。
涵盖从原型到Avocode代码的工作流程。
轻松将所有设计原型导入Avocode，让团队的其他成员看到屏幕，评论和检查之间的关系。
通过Avocode您的团队，客户和承包商终于可以查看您与他们共享的任何设计版本，讨论变更并进一步推动您的项目。
兼容：Sketch，Photoshop，Adobe XD，illustrator 和 Figma