資訊專欄INFORMATION COLUMN
摘要：選擇適合我們自己的需求的格式，點(diǎn)擊切所選圖層即可導(dǎo)出到指定的路徑下面。通過(guò)這兩個(gè)工具的混合使用，困擾我的問(wèn)題得到了解決，媽媽再也不用擔(dān)心我的切圖了。
廢話不多說(shuō)我們直接進(jìn)入正題
正所謂：‘工欲善其事，必先利其器’，好的開(kāi)發(fā)工具能夠極大的提高我們的開(kāi)發(fā)效率。
Pxcook（高效易用的自動(dòng)標(biāo)注工具, 生成前端代碼, 設(shè)計(jì)研發(fā)協(xié)作利器）
Adobe PhotoShop CC 2018(推薦下載較高版本，可以找我要破解版的哦！)
1.上面兩種工具安裝成功之后，下面開(kāi)始我們的切圖了，實(shí)現(xiàn)準(zhǔn)備好我們的psd原型圖，直接拖拽到Pxcook中
2.導(dǎo)入（需要注冊(cè)個(gè)賬號(hào)）之后會(huì)呈現(xiàn)如下：
在上面圖中我們可以看到當(dāng)前圖中每個(gè)元素的各種屬性值，對(duì)應(yīng)的CSS代碼也可以直接copy，陰影也都幫我們寫好了，還有什么比這個(gè)更加高興的事嗎！
3.選擇切片
4.在PS中將需要切的圖層事先選擇好
5我們要將PS和Pxcook建立關(guān)聯(lián)，打開(kāi)ps ‘編輯’-‘首選項(xiàng)’，進(jìn)行下面的設(shè)置，
6.將兩者建立連接，輸入我們剛才設(shè)置的密碼，開(kāi)始就是用就可以了。
7.選擇適合我們自己的需求的格式，點(diǎn)擊‘切所選圖層’即可導(dǎo)出到指定的路徑下面。
通過(guò)這兩個(gè)工具的混合使用，困擾我的問(wèn)題得到了解決，媽媽再也不用擔(dān)心我的切圖了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96454.html
摘要：今天在網(wǎng)上看了一個(gè)教程前端工程師如何快速切片。除了傳統(tǒng)的人工手動(dòng)使用的切片工具以外。 今天在網(wǎng)上看了一個(gè)教程：web前端工程師如何快速切片。 除了傳統(tǒng)的人工手動(dòng)使用PS的切片工具以外。還可以使用以下方法進(jìn)行切圖 1：使用文件腳本，將圖層導(dǎo)出為文件的方式快速切圖showImg(https://segmentfault.com/img/bVtt1o);選中文件->腳本->將圖層導(dǎo)出到文件 ...
摘要：何去何從在如此趨勢(shì)所迫中，切圖仔該何去何從作為個(gè)人來(lái)看，工具是沒(méi)法完全取代人工的，工具可以幫助開(kāi)發(fā)者完成大量的簡(jiǎn)單重復(fù)工作，但是要滿足實(shí)際業(yè)務(wù)，還是需要前端工程師的專業(yè)知識(shí)和技術(shù)。 1. 禍起 看到標(biāo)題，切圖仔們又是菊花一緊。前幾天微軟剛剛開(kāi)源Sketch2Code，讓UI草圖轉(zhuǎn)化成HTML代碼。切圖仔瑟瑟發(fā)抖。 showImg(https://segmentfault.com/img...
摘要：藍(lán)湖通過(guò)幫助設(shè)計(jì)師更好地向團(tuán)隊(duì)展示設(shè)計(jì)圖描述頁(yè)面之間的跳轉(zhuǎn)關(guān)系。如果設(shè)計(jì)圖出現(xiàn)改動(dòng)和更新，藍(lán)湖也能自動(dòng)添加新版本。藍(lán)湖基于這些反饋快速迭代，而自動(dòng)標(biāo)注功能就是其中一項(xiàng)。 原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關(guān)注最新動(dòng)態(tài)，大家一起多交流學(xué)習(xí)，共同進(jìn)步，以學(xué)習(xí)者的身份寫博客，記錄點(diǎn)滴。 工欲善其事，必先利其器。我只是...
閱讀 510·2023-04-25 17:26
閱讀 1526·2021-08-05 09:58
閱讀 1989·2019-08-30 13:17
閱讀 978·2019-08-28 17:52
閱讀 1088·2019-08-26 18:27
閱讀 1438·2019-08-26 14:05
閱讀 3645·2019-08-26 14:05
閱讀 1621·2019-08-26 10:45
