如何快速的掌握改稿技巧(2)

方法C：終極大法 直接用瀏覽器改文字顏色吧!

這招是向重構(gòu)同學(xué)學(xué)習(xí)的，所謂“藝多不壓身” 嘛，我認(rèn)為網(wǎng)頁(yè)視覺還是需要掌握一定的CSS知識(shí)，對(duì)工作很有幫助。 具體操作，推薦使用Chrome瀏覽器。

1. 選中需要修改的文字，右鍵“審查元素”

2.下面藍(lán)色的是你選中文字的html代碼，右邊的是CSS代碼，看到color：#333沒有?可以直接改顏色了，改完頁(yè)面會(huì)直接刷新，然后截圖就OK了。

這招適合已經(jīng)上線的站點(diǎn)做迭代時(shí)的設(shè)計(jì)，某個(gè)模塊需要修改文字顏色時(shí)，完全不必用PS打字分層來增加工作量。完成之后再截圖放入PS中調(diào)整即可，本人屢試不爽強(qiáng)烈推薦。

案例3：利用chrome解決簡(jiǎn)單的布局調(diào)整。

例如：要把上面的板塊增加一列，從一行8個(gè)圖，增加到一行9個(gè)圖。很簡(jiǎn)單的問題。

用PS操作無疑比較繁瑣，選中每個(gè)圖層再操作，而且圖片都沒分層的話，就慢慢一個(gè)一個(gè)像素移吧，而且移得不一定準(zhǔn)，這對(duì)我這種像素對(duì)齊控來說，無疑是很痛苦的事情。 但用chrome的這個(gè)調(diào)試功能就舒服得多了，改改數(shù)字就好，上面的效果輕松搞定。而且媽媽再也不用擔(dān)心你像素對(duì)不齊了。

該方法要求設(shè)計(jì)師能看懂HTML和CSS代碼，這些并不困難，如果肯花一天的時(shí)間，寫可能還寫不好，但咱改還是能改的。

案例4：PS“動(dòng)作”功能的充分利用

懶人才是推動(dòng)整個(gè)世界進(jìn)步的先驅(qū)。如上圖所示，我已經(jīng)把我最重復(fù)干的事編寫成了動(dòng)作。我再也不用因?yàn)橥薼ogo放在哪里而發(fā)愁了(從動(dòng)作列表中可以看到我有多健忘了。)

例如點(diǎn)擊“常用頁(yè)面元素”后：

PS會(huì)自動(dòng)打開硬盤中我已經(jīng)整理好的PSD，里面有經(jīng)常用到的表單元素。這些都是已經(jīng)扣好的圖片，不用每次再臨時(shí)去截圖浪費(fèi)時(shí)間。

案例5：畫表格!PS的噩夢(mèng)

每次用PS畫表格，腦子里都是滿滿的郁悶的回憶吧。的確，PS不擅長(zhǎng)這類工作，效率和效果都很不理想。專業(yè)的事情還是交給專業(yè)的工具來做吧，推薦使用PS的好兄弟、重構(gòu)同學(xué)的好基友——Dreamweaver。 DW畫表格我覺得比word還是要方便的。一些漸變等質(zhì)感，可以截圖到PS里面再調(diào)整。

好處有3個(gè)：

1. 效率提升 這個(gè)不用說了，誰用誰知道哇。

2. 擴(kuò)展性好 如上圖所示，您花了一個(gè)上午好容易在PS里把上面的表格排整齊了，產(chǎn)品MM說不好意思，我要在中間加2列內(nèi)容~~～想哭嗎?用了DW后，來，隨便插吧。

3.用DW畫好表格后，重構(gòu)同學(xué)也不用再花時(shí)間去寫頁(yè)面表格結(jié)構(gòu)了。

這么好的事情，一石三鳥，何樂而不為呢?

以上一些不成熟的小伎倆希望拋磚引玉，祝大家都能快起來!