網頁設計里的切圖怎麼做

1、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了，改一改上下都能照顧到。

2、網頁設計中效果圖是用ps做也來的嗎？還有就是他們說的切圖是什麼意思啊？是做好的效果 圖切成一個個小的圖

1.不同商品的效果圖，用的東西不同，平面圖可以用PS，如果說是裝修設計效果圖，哪就用的是CorelDRAW來做的～～
2.切圖：製作網頁，很多的時候，首先要用圖片處理軟體製作出網頁的效果圖。效果圖做好是一幅完整的圖片，不可能把這一整張的圖片都用在網頁里。把效果圖中有用的部分剪切下來作為網頁製作時的素材，這個過程就是切圖。（當然是用剪切、選擇工具也可以，但是用切片工具處理更精確。）切圖的目的就是更加精確的進行網頁布局。
photoshop、fireworks等軟體都帶有切片工具。
第2個回答摘自：http://.baidu.com/question/178081057.html

3、從photoshop製作網站頁面到切圖，再用Dreamweaver做 生成網站~~~~

現在大家都不會Dw切圖了，都用藍湖切圖，效率高，而且不出問題。

4、頁面設計頁面製作 這種背景的頁面怎麼切圖的啊。。。主要是背景怎麼整的。。。

目前我無法判斷你那些圖片帶鏈接，所以只能大概的給你講一下（目前文字部分我先不管），具體我拿第三張來講給你吧。

首先，把所有要做鏈接的圖層都隱藏掉，剩下的層，就可以用來切圖，整體背景是藍色，所以css搞定就行。

其次，背景有一張整體的背景圖，這個需要全部單獨切下來，圖片上面不要帶任何其他元素，就只是這張單獨的圖片就好，布局的時候引用為背景！

然後，剩下的就是主體部分，上面的播放視頻和文字我就不講了，簡單，底部的汽車促銷圖片也切一張大圖就好，也簡單。

最後，就剩下最難搞的中間部分，大概想了一下，2種方法實現，如下：
1、切成整張大圖，需要做鏈接的地方，畫上不規則熱區就好了！這種比較簡單些。
2、圖片什麼樣，就切成什麼樣，每張小圖都單獨切出來（注意：要做成png格式保存，背景設置為透明），然後寫html的時候，用css畫出等大的不規則圖形，吧圖片當做背景加進去，然後用css絕對定位一下，如有鏈接加鏈接，完美實現！

備註：css畫不規則圖形，網上可以搜到教程，看一看就差不多，不難！

至於其他幾張圖，比較簡單，簡單說一下第二張，第二張的其實如果想簡單實現，那就除文字和純背景色外，整張切，然後有鏈接的地方加熱點就好，想做復雜一點，就可以用到我所說的css畫不規則圖形，純色的三個縱橫條，不用切，css畫出來，添加背景色，然後絕對定位就好，其他的該切多大就切多大，然後用css絕對定位，設置好z-index的關系，就ok了！

之前做過很多這樣的網站，這都是經驗之談，完全能實現，要有問題再問我！完全純手打啊~~

5、誰知道網頁設計的切圖怎麼提高速度？

標簽: 網頁, 速度, 設計 更快地切好頁面 我問的是，怎麼提高PS切圖的速度？不是網頁載入專速度。也不屬是什麼優化圖片。就是想知道其它人切圖的方法。可以附帶說出你切企業站一個首頁的速度（高度是1200px，PS圖屬於一般，不會復雜那種）。 對樓1的回答：小學生也知道對樓2的回答：不是也可以，而是除非不得已，都要用GIF，常識！！！對樓3的回答：鬼唔知阿媽系女噶。是人都知道做得多自然熟手啦。對樓4的回答：這是一個小方法，這方法在頁面簡單可以選擇，但是對於一些稍微有點復雜的頁面時候，這樣不經過切圖而直接在DW插入圖片的話，速度肯定是沒切圖後來排版速度快的。

6、網頁設計切圖時，怎樣保存圖片（圖片既清晰所站空間又小）？

用「切片工具」將圖片按想要的切好，如圖：

然後使用「儲存為Web所用格式「，如圖：

調整」品質「然後儲存！

7、UI設計中的切圖是怎麼切

UI切圖一般都會用到專門的軟體，比如我們用的摹客，Sketch、Adobe XD、PS的設計稿都支持，設計師只需在設計稿上進行切圖標記，然後用摹客的插件上傳到平台，就可以自由下載和使用切圖了。以PS的插件為例：
1.安裝摹客的PS插件，安裝好之後在PS的「窗口>擴展功能」找到摹客插件，選擇並打開：
2.標記切圖：在完成的設計稿上，選中需要切圖的圖層或編組，點擊「標記切圖」。當圖層或編組的名稱前增加了「-e-」，「標記切圖」變為「取消切圖標記」，就可以了。
3.標記切圖後，點擊插件的上傳按鈕，開發工程師就可以在摹客平台自主下載不同尺寸和平台的切圖了。
摹客的這些切圖和標注等功能都是免費的，可以使用。

8、網頁設計怎麼切圖

你用什麼軟體設計的就用什麼軟體來裁切圖，我用的是photoshop進行設計，也是用這個來進行的切圖；
切圖保存格式最好、最常用的是gif和jpg。色彩要求不多的情況下，比如說小圖標，就用gif。如果色彩比較豐富，gif就不夠用了，就要保存成jpg。至於png，一般情況下不要用，一個是佔用空間大，再是在不同的瀏覽器下瀏覽，會出現灰色背景，祝你好運！