Hi,我是优设小编

ranger

浏览全部 323 篇文章

到我的微博瞧瞧

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

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

Simple Grid

 Simple Grid-Responsive Web Design Tool

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

Susy

Susy-Responsive Web Design Tool

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

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

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

Variable Grid System

Variable Grid System-Responsive Web Design Tool

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

Responsive Web Design Sketch Sheets

 Responsive Web Design Sketch Sheets

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

Style Tiles

Style Tiles-Responsive Web Design Tool

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

Gridpak

Gridpak-Responsive Web Design Tool

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

Adobe Edge Reflow

Adobe edge reflow

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

Adaptive Images

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

Retina Images

Retina Images

高分辨率图像解决方案。

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

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

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/10-responsive-web-design-tools