10款设计师必备的响应式网页设计工具
发布时间:2015-05-12 来源:查字典编辑
摘要:随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用...
随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有“弹性”。
Simple Grid
![10款设计师必备的响应式网页设计工具1](/Images/jiaocheng/2015-05-0712/3951390628.jpg)
Simple Grid是难以置信的CSS框架,无所限制的栅格布局,支持不同大小的屏幕。
Susy
![10款设计师必备的响应式网页设计工具2](/Images/jiaocheng/2015-05-0712/311201919.jpg)
Susy “语义变焦”的栅格系统,无需额外标记和特殊的类,很方便使用Sass的人。
Tiny Fluid Grid
![10款设计师必备的响应式网页设计工具3](/Images/jiaocheng/2015-05-0712/341693117.jpg)
Tiny Fluid Grid 很棒的网页应用,能帮你选择栅格系统。一旦完成后,提供CSS文件下载。
Variable Grid System
![10款设计师必备的响应式网页设计工具4](/Images/jiaocheng/2015-05-0712/2191169285.jpg)
Variable Grid System依据960栅格系统,能够自动产生布局,在精确调整后,提供CSS文件下载。
Responsive Web Design Sketch Sheets
![10款设计师必备的响应式网页设计工具5](/Images/jiaocheng/2015-05-0712/3544681976.jpg)
Responsive Web Design Sketch Sheet 标记很方便,可以方便的选择不同方案中元素的放置位置。
Style Tiles
![10款设计师必备的响应式网页设计工具6](/Images/jiaocheng/2015-05-0712/2383710552.jpg)
可以通过该网站制定完美的响应式设计流程。
Gridpak
![10款设计师必备的响应式网页设计工具7](/Images/jiaocheng/2015-05-0712/3662194019.jpg)
Gridpak 免费工具,可在线创建响应式设计栅格。
Adobe Edge Reflow
![10款设计师必备的响应式网页设计工具8](/Images/jiaocheng/2015-05-0712/1941747693.jpg)
专攻响应式设计,栅格系统,各种元素的惯例都非常得心应手。
Adaptive Images
![10款设计师必备的响应式网页设计工具9](/Images/jiaocheng/2015-05-0712/825317597.jpg)
读取设备屏幕信息,自动调整优化图像,无需标记。
Retina Images
![10款设计师必备的响应式网页设计工具10](/Images/jiaocheng/2015-05-0712/3465904775.jpg)
高分辨率图像解决方案。