導航:首頁 > 萬維百科 > 網站設計加切圖什麼意思

網站設計加切圖什麼意思

發布時間:2020-11-12 13:54:52

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,一般情況下不要用,一個是佔用空間大,再是在不同的瀏覽器下瀏覽,會出現灰色背景,祝你好運!

與網站設計加切圖什麼意思相關的知識