日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

網(wǎng)頁設(shè)計與重構(gòu)那些事兒( 二 )

云知道建站


個人經(jīng)驗 ， 當你開始關(guān)注你的PSD圖層結(jié)構(gòu)的時候 ， 其實對圖層面板上每個圖層到底是什么內(nèi)容并不關(guān)心 ， 所以我比較喜歡這么做：
在圖層選項那里把圖層預(yù)覽改為“無” ， 這樣圖層面板就清爽了 ， 有的都是結(jié)構(gòu) ， 一目了然 。
回歸正題：舉幾個例子 。大家對比看左右兩邊的內(nèi)容及圖層變化：基本規(guī)則是模塊化命名、從上到下、從左到右 。
前面說了智能對象在大型網(wǎng)站設(shè)計上會極大的提升效率 ， 如果不信可以繼續(xù)看：
簡單的說就是智能對象反復(fù)放大縮小時候不會失真出現(xiàn)鋸齒和模糊變形 ， 當然前提是放大的尺寸不要超過轉(zhuǎn)換成智能對象之前的尺寸大小 。
大型官網(wǎng)設(shè)計中很多模塊是需要反復(fù)使用的 ， 通常的做飯是有幾個就改幾個 ， 不停的復(fù)制 ， 拖放 ， 不停的復(fù)制樣式、粘貼樣式 。累不累啊你 。。。
可以這樣支招：在同一個頁面如果有很多元素是一樣的 ， 可以把這個元素轉(zhuǎn)換成智能對象 ， 以后如果有改動在圖層上雙擊這個智能對象進去編輯下保存就可以了 ， 該頁面的該類型的元素就都改過來了 。如果相同的元素不是在一個頁面 ， 可以使用“替換內(nèi)容”指令 ， 見下圖：
公共模塊使用智能對象 ， 批量修改 ， 批量替換 ， 高效快捷 。在智能對象所在圖層右鍵 ， 在彈出菜單中選擇“替換內(nèi)容” ， 將預(yù)先保存在你項目目錄中的PSB文件替換到PSD中來;這里需要注意 ， 你所存放的psb文件需要放在你的項目目錄下 ， 因為默認情況下雙擊智能對象時 ， 打開的只是暫存盤里的psb文件 ， 并不是你所在項目下的psb文件 。
另外在做物料展示的時候智能對象的使用也可以很方便 ， 不會破壞原有大圖 ， 在印刷品的設(shè)計也可以很方便 。
比喻這個例子：需要把WSD的LOGO按照手提袋的透視關(guān)系調(diào)整尺寸角度 ， 通常情況我們就是直接那一張圖貼上去然后調(diào)啊調(diào)的 ， 好不容易調(diào)整好了 。結(jié)果換袋子了 ， 是另一個方向的透視 ， 苦逼的我們又得按照新袋子的透視來調(diào)整LOGO ， 累不累啊你 。。。
還有一個地方用智能對象也很提升效率 ， 做客戶端的時候經(jīng)常會需要輸出N多的icon尺寸 ， 這是一個快捷的辦法 ， 原理跟剛才一樣 。當然這樣的縮放icon在精細度上沒有純手工的來得好 。只供一個思路哈 。
小結(jié)一下：智能對象在多頁面的、多重復(fù)公共模塊、VI物料包裝展示的時候會顯著提升效率 。
另一個話題：與重構(gòu)有關(guān)的 ， 有時候設(shè)計師也不斷的抱怨頁面仔做出的頁面沒有設(shè)計稿上的好看 ， 不是間距大了就是間距小了 ， 不是字體小了就是字體大了 ， 不是圖片壓縮的太厲害就是壓根圖片切少了 ， 或者動畫也不是我們想要的效果 。。。。 ， 越到這些我不能全怪他們 ， 我們也有責任 ， 畢竟他們不是設(shè)計 ， 但是我個人的觀點是重構(gòu)需要一些PS技巧或設(shè)計理論 ， 在設(shè)計師沒有時間走查頁面的時候也能輸出比較高質(zhì)量的頁面 。
市面上大大小小的瀏覽器幾十種 ， 常見的大致也有十來種 ， 由于每個瀏覽器自身渲染頁面的差異 ， 并不是同一個頁面在所有瀏覽器上看到的都一樣 ， 我大致用90%的還原度來衡量吧 ， 也可能有些設(shè)計師要求重構(gòu)100%還原 ， 那我表示那位重構(gòu)相當苦逼 ， 保證頁面跟設(shè)計稿90%一致 ， 有不少工作需要設(shè)計師和重構(gòu)共同參與的 ， 比喻設(shè)計師在時間允許的情況下做好標注 ， 哪個地方多少像素 ， 用什么顏色值 ， 高度是多少等標注在頁面上 。

推薦閱讀