响应式布局，UI设计师应该给一个什么样的效果图和切图呢？

[李宠波]

帮一个做UI设计的朋友问的，是应该按几个标准的尺寸各给一个效果图？各需要多大尺寸的（不考虑手机、但会考虑平板和PC电脑），还是要配合文档说明？如果能给个示例最好。
如果有懂的，能以UI设计的角度说一下在做图的时候，有哪些注意点更好了。比如看有些网页上说做图的时候，按栅格拉出一些参考线出来什么的。

网上很多文章都是前端开发的，CSS代码，或者使用一些现成的前端框架，很少有说UI设计应该怎么设计，出一个什么样的东西给前端开发人员。

[打字员]

現在一般的網頁寬為960px 手機，平板的屏幕寬大概分800px / 640px / 480px / 320px 電腦屏幕寬度 1024px / 1200px / 1440px /1600px ... 假如現在有一個ui界面，首先是設計出960px下所有頁面元素的布局。 然后根據需求里要求設計出>1200px時，<800px時，<640px時，< 480px時頁面元素的布局情況，這里就不用畫的那麼精細(直接用Wireframe圖就行)，主要是要讓前端知道，當前屏幕寬度下，頁面元素的布局發生了什麽變化（比如有些元素不再顯示，有些左右排列變成上下排列，有些元素尺寸由定值A變成定值B或者100%，字體大小變化，顏色的變化） Wireframe要有一定的尺寸，字體大小，顏色值等的標註（如果與960px下不相同）

[MnZlZ]

链接：http://pan.baidu.com/s/1o6p8s8E 提取码：gk5y 这里面有很多的ui资料，找到合适的看看，设计师应该浅显的了解一下web前端网页的架构方式，这样在团队合作开发项目中才能更加容易一点

[MnZlZ]

UI资料----------- 链接：http://pan.baidu.com/s/1gdF5aTX 提取码：yiic 之前的分享错了。。。。。。。

[滴滴月空雨]

640的，做的时候都除以2

[wsjs004586]

我是做前端的。一般我这边的平面设计师给我的psd稿的宽度是640px的； 而我一般是在宽640px的时候 把需要用的图片切好 然后再在psd原稿里面 图像--图像大小--像素大小的宽度改为320px 然后按照那个尺寸做的