1、网页设计中效果图是用ps做也来的吗?还有就是他们说的切图是什么意思啊?是做好的效果 图切成一个个小的图
1.不同商品的效果图,用的东西不同,平面图可以用PS,如果说是装修设计效果图,哪就用的是CorelDRAW来做的~~
2.切图:制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
第2个回答摘自:http://.baidu.com/question/178081057.html
2、web网页界面如何给前端标注,切图
公司团队现在用的是摹客idoc,我们把设计稿上传到摹客后,可以自动生成标注,前端可以直接查看,针对大多数工具存在的标注误差的情况,摹客也支持手动进行修改;设计规范等信息,摹客也支持手动标注在设计稿上面。
切图的话,我们是用摹客的PS插件先在设计稿里面标记切图然后上传到idoc,前端小姐姐就可以去直接下载,同时还支持切图压缩和自定义切图尺寸,还是比较方便的推荐使用。
3、UI 中网页设计切图怎么切
PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。
切图工具:
Cutterman 一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc,然后自行破解。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。
Part 2 Photoshop
现在常用的几种设计尺寸
1. 640*960 4时代的尺寸,刚接触APP设计用的是这个尺寸,拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧);
2. 640*1136 5/5S/5C,IPhone更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了;
3. 750*1334 6 目前我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。
4、网页设计,PS完成一个版面,一般需要多长时间?如果加上切图和完成DIV+CSS布局又是多长时间??
网页界面设计的设计时间不能以偏概全,根据设计难度的不同所需的时间也有区别。切图的话,现在大家一般用蓝湖完成,很快,一般一个 APP 内的切图半小时就能搞定。
5、企业网站建设时切图应注意哪些
一、首先,一定不要急于的去切图,一定要先整体的浏览一下,做到心里有数
整体的把控是非常重要的事情。网页无非由一些基本模块组成,每一种基本模块在UI设计上,不同的应用实例是否元素一致,包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。必须执行统一的界面标准。设想windows里面,如果不同的窗口关闭按钮在不同的地方,并且颜色还不一样,这会是什么样混乱的状况。命名的准确性,也是应该注意的问题,切图后把个元素放到相应的文件夹后,图片等相关元素命名要符合div+css的命名规范,以备后边程序在后台看代码的时候有较高的效率,及代码的规范程度。
二、切片大小
切片的目的主要是加快下载进度,让多个图片同时下载而不是只下载一个大图片,所以切片大小要根据需要来切,标志LOGO等主要部分尽量切在一个切片内,防止显示遇到特殊情况时显示一部分,圆角表格部分要根据显示区域的大小来切,控制好边缘和边角,有时候切出来的切片并不是直接插入到DW了事,而需要在DW中编辑,比如有的图片应该设置成背景图片;
三、导出类型
颜色单一过渡少的,应该导出为GIF,颜色过渡比较多,颜色丰富的应该导出为JPG,有动画的部分应该导出为GIF动画;
四、颜色范围 如果一个区域中颜色范围不大,只有几种颜色,那么应该单独切出,如果只有一种颜色,就应该切片后选择HTML类型,在DW中改背景颜色来达到目的;如果颜色数量比较多,渐变过渡多一些,应该把切片数量切的多一些,尽量把单个切片控制在一个颜色范围的轮廓内;
五、切片区域
保证完整的一部分在一个切片内,例如某区域的标题文字,以后修改时方便;
六、源文件
即使页面作好了,也要保留带切片层的源文件,说不上哪天要改某一个部分,例如文字什么的,直接修改单独导出所用的切片就可以了。
6、在网页设计中如何用PS切图
1、在Photoshop中打开设计稿,如下图:
2、选择工具板上的slice切片工具,大面积的色块单独切成一块,尽可能的保持在水平线上的整齐,切好的图如下所示:
3、在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:
4、接下来在Dreamweaver里建立站点:
5、在图示左边的site name中为站点起一个名字,如example然后在下面的local root folder中选择刚才导出的站点的文件夹:
6、重新制作页面表格,通常在photoshop中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整:
7、根据这个页面表格所示,在新的页面中建立一个三行一列的表格,把cellpadding,cellspacing,border三项值设为0,不然会有空隙,最后选择表格,背景添加图片即可。
7、关于网页制作的,什么是切图,切图要达到什么目的,用什么工具来切
制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)
切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
8、网页设计怎么切图
你用什么软件设计的就用什么软件来裁切图,我用的是photoshop进行设计,也是用这个来进行的切图;
切图保存格式最好、最常用的是gif和jpg。色彩要求不多的情况下,比如说小图标,就用gif。如果色彩比较丰富,gif就不够用了,就要保存成jpg。至于png,一般情况下不要用,一个是占用空间大,再是在不同的浏览器下浏览,会出现灰色背景,祝你好运!