10款设计师必备的响应式网页设计工具

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

随着便携设备用户的指数级增长，网页设计师采用响应式设计作为多平台布局解决方案，不但节省了设计师的时间，而且从长远角度来讲，响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有“弹性”。

Simple Grid

Simple Grid是难以置信的CSS框架，无所限制的栅格布局，支持不同大小的屏幕。

Susy

Susy "语义变焦"的栅格系统，无需额外标记和特殊的类，很方便使用Sass的人。

Tiny Fluid Grid

Tiny Fluid Grid 很棒的网页应用，能帮你选择栅格系统。一旦完成后，提供CSS文件下载。

Variable Grid System

Variable Grid System依据960栅格系统，能够自动产生布局，在精确调整后，提供CSS文件下载。

Responsive Web Design Sketch Sheets

Responsive Web Design Sketch Sheet 标记很方便，可以方便的选择不同方案中元素的放置位置。

Style Tiles

可以通过该网站制定完美的响应式设计流程。

Gridpak

Gridpak 免费工具，可在线创建响应式设计栅格。

adobe Edge Reflow

专攻响应式设计，栅格系统，各种元素的惯例都非常得心应手。

Adaptive Images

读取设备屏幕信息，自动调整优化图像，无需标记。

Retina Images

高分辨率图像解决方案。

原文地址：http://www.bestdesigntuts.com/10-must-have-responsive-web-design-tools-for-designers
木子设计网翻译:MartinRGB

 
================关于木子设计网================
"木子设计网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：15335158）分享实战经验。
设计微博：拥有粉丝量47万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【muzisucai_com】优设哥的全拼
您也可以通过扫描下方二维码快速添加：