切图做一个网页切图规范,文字有点不太清晰,可以随便写几个字,

网页制作技巧:从切图到网页生成
作者:佚名 来源:网络 时间: 标签:
鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:   step1:在PhotoShop中打开设计稿,如下图&  选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示: step2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择: &我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图: 这里候你的页面才算完成了一半,接下来在Dreamweaver里建立站点:   step3:定义站点:   在图示左边的site name中为站点起一个名字,如example 然后在下面的local root folder中选择我们刚才导出的站点所以的文件夹;站点建好后在site map中我们看到:   (为什么要建立站点?)建立站点可以使我们养成一种很好的习惯,就是把一个网站所包含的文件,文件夹有条理的放在一起,同时我们很容易的将这个站点移动到其它地方而不用对文件路径进行任何改写!(当然如果你实在不想建立站点也没人强求你,我在事际工作中就遇到这样的同事,没有习惯为页面建立站点,当然后果的要麻烦少少了) &
【设计之家 原创文章 投稿邮箱:】移动端网页切图字体的设置,是用绝对的还是相当的好呢?
设计师给640px的设计图,很明显如果按照psd的字体设置肯定在小屏是不合适的。问下大神们是怎么解决这问题的。我一般都是把psd缩小到320px来做,字体也随之缩小,但是在大屏手机字体就会显得很小。
请使用adaptUILayout 然后按照640来做,psd里面大小是多少像素,css里面就是多少
做完之后,给手机屏幕截图,然后把它和PSD弄到同一宽度,在电脑上比较文字的大小,微调。。

我要回帖

更多关于 网页设计切图规范 的文章

 

随机推荐