导航:首页 > 万维百科 > 切图和网页设计

切图和网页设计

发布时间:2020-12-05 08:56:44

1、现在的网页制作,切图好之后还是用table布局么?还是用div+css?

div+css吧,代码更加简洁有效,适应性也好一些。

图片位置很简单啊,div以及各个元素以及各个元素里的内容都是可以定义大小和位置的。

2、网页设计,PS完成一个版面,一般需要多长时间?如果加上切图和完成DIV+CSS布局又是多长时间??

网页界面设计的设计时间不能以偏概全,根据设计难度的不同所需的时间也有区别。切图的话,现在大家一般用蓝湖完成,很快,一般一个 APP 内的切图半小时就能搞定。

3、在网页设计中如何用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,不然会有空隙,最后选择表格,背景添加图片即可。

4、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了,改一改上下都能照顾到。

5、现在网页设计还用ps切图吗?

要的。
网页中的图片、绚丽的背景、某些图形装饰等等,网页代码是实现不出来的,必须使用ps切出网页效果图中的图片效果来使用。

6、关于网页制作的,什么是切图,切图要达到什么目的,用什么工具来切

制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。

7、关于网页设计PS切图和DW网页制作

首先要了解的一件事是:我们所看到的网页是先要从远程网站服务器上下载下来,回然后答我们的浏览器解析后,我们才看到网页的效果
所以直接上传PS做好的图不是个好办法,除非你设计的图很小,否则打开(下载)页面会很慢
其次,网页上不止是链接,还有JS以及程序调用代码等等,一张图片形成的网页只能是最简单的页面,不能满足一个网站的需求
至于你说的为什么不用DW直接设计网页,还真不好回答你,如果你的网页只有几张图片和几段文字,那当然可以直接用DW写了,但真正的网页需求千变万化,网页布局也不会是单一的上中下,如果能用DW直接写出网页,那设计人员的大脑一定要有一个完整的网站效果,包括颜色色值!

8、制作网页,直接拿PS切图,这样的网页好和一点一点做的有什么区别

PS先做好然后再切的, 有整体的效果, 不会出现漏东西的现象
网页设计要注重大局

9、美工一般进行网页设计是使用Dreamweaver搭页面做还是用photoshop切图来做的?

按照我10多年的经验:先用Photoshop做页面设计,然后根据photoshop的切图,再进入Dreamweaver架构css+div页面。

与切图和网页设计相关的知识