日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 切圖教程,關(guān)于APP切圖和標(biāo)注

切圖教程,關(guān)于APP切圖和標(biāo)注

時間:2024-03-07 21:00作者:下載吧人氣:16

切圖是一件比較單調(diào)枯燥的工作,但又需要比較強的耐心和細心,用戶手中看到的產(chǎn)品界面,并非設(shè)計師的最終效果圖,而是一個個單獨的切圖經(jīng)由開發(fā)技術(shù)實現(xiàn)。切圖作為設(shè)計師與開發(fā)者之間的橋梁,它的作用很關(guān)鍵,合適的切圖、精準(zhǔn)的位置可以最大限度的還原效果圖的設(shè)計,精妙的切圖更會有事半功倍的效果。這個切圖教程開始是寫給我們實習(xí)的小美女的,但她現(xiàn)在又上學(xué)了,切圖就分擔(dān)成每個設(shè)計師的必備工作,切圖技巧也因人而異,需要各位親自己去發(fā)現(xiàn)總結(jié)適合自己的技巧。這里給大家介紹我自己的切圖和標(biāo)注小技巧,可以更快,更好的方便工作。

工具軟件PS大神

相對于設(shè)計和繪畫,切圖用到的ps并不多,摸索個幾分鐘基本也就了解大概。說到這個,產(chǎn)品組的幾個小美女應(yīng)該很興奮,哈哈!

先簡單的介紹幾個PS經(jīng)常使用的快捷鍵:

切片工具:點擊C進入切片模式

自由的瀏覽圖片:按住空格后,鼠標(biāo)拖動

自由的縮放圖片:按住alt+滾輪

通過畫面上點選一個圖層:Alt + 鼠標(biāo)右鍵

在畫面上拖動一個圖層:V 切換到移動模式 鼠標(biāo)拖動

畫一個選區(qū):點擊M進入選區(qū)模式 , 鼠標(biāo)拖畫

放棄選區(qū):Ctrl+D

吸管工具:點擊I進入吸管模式,點選畫面顏色

感興趣的小伙伴可以推薦這個網(wǎng)址去看比較全的快捷鍵:

功能頁面歸類

如果是一個新項目,按功能模塊切圖會更好服務(wù)開發(fā),現(xiàn)在開發(fā)都是迭代式展開,這樣會讓開發(fā)工作更有效率,更有目的性。

但如果是單個頁面的切圖,就不需要考慮這么多,注意一些現(xiàn)有的設(shè)計規(guī)范就可以。

切圖教程,關(guān)于APP切圖和標(biāo)注

保存生成圖片格式

按PS快捷鍵 CTRL+ALT+'顯示網(wǎng)格,這樣的切圖會比較精確點,把頁面需要的圖標(biāo)切好生成圖片,圖片格式可以保存為JPG和PNG, 色彩眾多的圖片jpg優(yōu)先,色彩簡單,需求透明的png優(yōu)先。切片在儲存的時候,可以點選每個切片對其設(shè)定不同的圖片格式,保存的時候可以選擇保存選擇的切片而不是全部。

切圖教程,關(guān)于APP切圖和標(biāo)注

切圖教程,關(guān)于APP切圖和標(biāo)注

有時候我們切好的圖片尺寸還是很大,就需要二次加工,這里給大家提供幾個壓縮圖片尺寸的好工具:

http://www.atool.org/pngcompression.php

切圖教程,關(guān)于APP切圖和標(biāo)注

http://www.secaibi.com/tools/

切圖教程,關(guān)于APP切圖和標(biāo)注

注意事項:千萬不要對jpg進行二次處理:jpg就算質(zhì)量100%也是有損格式,保存的時候盡量為PNG,用上兩個工具都可以進行二次處理哦!

點九圖片的使用(安卓需要使用,IOS不需要)

“點九”是Android平臺處理圖片的一種特殊的形式,由于文件的擴展名為:“.9.png”,所以被稱為“點九”。它可以將圖片橫向和縱向隨意進行拉伸,而保留像素精細度、漸變質(zhì)感和圓角的原大小,實現(xiàn)多分辨率下的完美顯示效果,同時減少不必要的圖片資源。

切圖教程,關(guān)于APP切圖和標(biāo)注切圖教程,關(guān)于APP切圖和標(biāo)注

圖標(biāo)統(tǒng)一大小處理

切圖的時候圖標(biāo)或者廣告圖片都會有幾像素的誤差,保存圖片的統(tǒng)一性,可以在圖片切好以后統(tǒng)一處理,這個就可以使用到PS里面的動作路徑,很簡單的小動作,但可以省掉很多時間。

創(chuàng)建動作

使用動作之前先要創(chuàng)建和記錄動作,Photoshop已經(jīng)定義了一些動作和動作組(動作組是動作的集合),可以直接載入使用。

記錄動作

在“動作”面板中,單擊一個組或組中的一個項目為當(dāng)前組或項目,或者建立一個新動作組。

載入和播放動作

Photoshop將多個命令組合為單個動作,通過載入并播放動作可以使任務(wù)執(zhí)行自動化。

標(biāo)注Markman工具

該工具可以對效果圖中的長度、坐標(biāo)、顏色、文字、矩形進行標(biāo)記。

便于客戶端開發(fā)人員對應(yīng)用的每個控件在頁面中的位置進行精確控制,以確保效果圖和成品的高度契合。

網(wǎng)站有很詳情的介紹哦!不在這里給大家介紹功能的使用。

切圖教程,關(guān)于APP切圖和標(biāo)注

很多時候在提供設(shè)計規(guī)范后愁苦實現(xiàn)效果不盡如人意的同時,可以盡可能的利用一些切圖手段,對切圖的小伙伴表示感謝,幫助設(shè)計達到零差別的呈現(xiàn),同時對開發(fā)也減少了很多不必要的開發(fā)負擔(dān),讓切圖和開發(fā)成為更貼心更默契的合作伙伴吧!為了更完美的展示效果!

標(biāo)簽fanfanfan9,切圖教程,ps基礎(chǔ)教程,標(biāo)注,app

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 久久精品国产99精品最新 | 手机看黄av免费网址 | 最新最好看免费毛片基地 | 在线综合亚洲欧美自拍 | 欧美精品人爱a欧美精品 | 美国一级毛片∞ | 三级三级三级网站网址 | 高清毛片一区二区三区 | 久久中文字幕乱码免费 | 视频一区视频二区在线观看 | 国产成人福利视频网站 | 国产人成午夜免视频网站 | 久久久精品久久视频只有精品 | 91黑丝国产线观看免费 | 久久91精品国产99久久yfo | 欧美亚洲欧美区 | 中文字幕 亚洲一区 | 久久精品久久久久 | 中文字幕一区二区三区精彩视频 | 妖精www成人动漫在线观看 | 无国产精品白浆是免费 | 普通话对白国产情侣自啪 | 中文字幕亚洲不卡在线亚瑟 | 精品午夜寂寞黄网站在线 | 精品国产美女福利到在线不卡 | 亚洲精品国产成人专区 | 国产高清自拍一区 | 国产成人精品精品欧美 | 一级做a爱过程免费视频麻豆 | 久久观看午夜精品 | 男人透女人超爽视频免费 | 欧美精品一区二区三区免费观看 | 午夜精品久久久久久99热7777 | 自拍小视频在线观看 | 一级特黄特黄毛片欧美的 | 久草免费小视频 | 久久精品国产线看观看亚洲 | 在线观看亚洲精品专区 | 久久毛片免费 | 99热热久久这里只有精品166 | 亚洲成a人片在线观看中文 亚洲成a人片在线观看中文!!! |