如何快速的掌握改稿技巧
- 2022-12-24 18:32:43
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
在我們每天實際的視覺設(shè)計工作中,總有許多零碎與重復(fù)性的工作占據(jù)了我們很大一部分寶貴的工作時間,我們應(yīng)當(dāng)用有限的時間投入到無限的設(shè)計工作當(dāng)中去
方法C:終極大法 直接用瀏覽器改文字顏色吧!
這招是向重構(gòu)同學(xué)學(xué)習(xí)的,所謂“藝多不壓身” 嘛,我認為網(wǎng)頁視覺還是需要掌握一定的CSS知識,對工作很有幫助。 具體操作,推薦使用Chrome瀏覽器。
1. 選中需要修改的文字,右鍵“審查元素”

2.下面藍色的是你選中文字的html代碼,右邊的是CSS代碼,看到color:#333沒有?可以直接改顏色了,改完頁面會直接刷新,然后截圖就OK了。

這招適合已經(jīng)上線的站點做迭代時的設(shè)計,某個模塊需要修改文字顏色時,完全不必用PS打字分層來增加工作量。完成之后再截圖放入PS中調(diào)整即可,本人屢試不爽強烈推薦。
案例3:利用chrome解決簡單的布局調(diào)整。
例如:要把上面的板塊增加一列,從一行8個圖,增加到一行9個圖。很簡單的問題。

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

該方法要求設(shè)計師能看懂HTML和CSS代碼,這些并不困難,如果肯花一天的時間,寫可能還寫不好,但咱改還是能改的。
案例4:PS“動作”功能的充分利用

懶人才是推動整個世界進步的先驅(qū)。如上圖所示,我已經(jīng)把我最重復(fù)干的事編寫成了動作。我再也不用因為忘了logo放在哪里而發(fā)愁了(從動作列表中可以看到我有多健忘了。)
例如點擊“常用頁面元素”后:

PS會自動打開硬盤中我已經(jīng)整理好的PSD,里面有經(jīng)常用到的表單元素。這些都是已經(jīng)扣好的圖片,不用每次再臨時去截圖浪費時間。
案例5:畫表格!PS的噩夢

每次用PS畫表格,腦子里都是滿滿的郁悶的回憶吧。的確,PS不擅長這類工作,效率和效果都很不理想。專業(yè)的事情還是交給專業(yè)的工具來做吧,推薦使用PS的好兄弟、重構(gòu)同學(xué)的好基友——Dreamweaver。 DW畫表格我覺得比word還是要方便的。一些漸變等質(zhì)感,可以截圖到PS里面再調(diào)整。
好處有3個:
1. 效率提升 這個不用說了,誰用誰知道哇。
2. 擴展性好 如上圖所示,您花了一個上午好容易在PS里把上面的表格排整齊了,產(chǎn)品MM說不好意思,我要在中間加2列內(nèi)容~~~想哭嗎?用了DW后,來,隨便插吧。
3.用DW畫好表格后,重構(gòu)同學(xué)也不用再花時間去寫頁面表格結(jié)構(gòu)了。
這么好的事情,一石三鳥,何樂而不為呢?
以上一些不成熟的小伎倆希望拋磚引玉,祝大家都能快起來!
*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)








