• <nav id="iswca"><strong id="iswca"></strong></nav>
  • <menu id="iswca"><code id="iswca"></code></menu>
    <menu id="iswca"><strong id="iswca"></strong></menu>
  • <xmp id="iswca"><nav id="iswca"></nav>
  • <xmp id="iswca">
  • PS設計教程網歡迎你!

    網頁設計中的點滴細節把握

    文章來源于 Zhouwenqi,感謝作者 佚名 給我們帶來經精彩的文章!
    設計教程/前端設計/前端設計2010-09-01
    本文主要講網頁設計中一些細節把握,包括圖片處理與背景處理等,都十分微小的地方,對于追求細節完美的設計師很有幫助,通過放大數倍可以看到雖然看上去相似,但細節上卻有差別的設計處理。

    本文主要講網頁設計中一些細節把握,包括圖片處理與背景處理等,都十分微小的地方,對于追求細節完美的設計師很有幫助,通過放大數倍可以看到雖然看上去相似,但細節上卻有差別的設計處理

    這篇文章說實際問題的,所以不多強調,下面是我總結的一些比較突出的細節問題,而且我一直認為這些問題比較嚴重,正因為這些都是基本問題,很容易解決的,但把這種忽略養成一種習慣性的“經驗”那就“杯具”了,然而這些細節問題也不同程度的代表了你的工作態度。

    1)調整后的毛邊

    當對一個位圖的大小進行調整后,正常情況下會留下1px的毛邊(如果你注意的話),邊界會變得模糊,如果繼續調整模糊度會加大,這個問題太不起眼了,以至于你無法用肉眼來理繪,我們先用商品圖片舉例子:

    網頁設計中的點滴細節把握

    也許單張小圖還不夠顯注,下面對比一個列表圖和大圖,當然了除非你故意想要這種效果。

    網頁設計中的點滴細節把握

    網頁設計中的點滴細節把握

    網頁設計中的點滴細節把握

    網頁設計中的點滴細節把握

    放大2倍后對比

    網頁設計中的點滴細節把握

    放大2倍后對比

    網頁設計中的點滴細節把握

    另外不要試者調整帶有邊框的圖片,最好是自己繪制,這個面兩張對比圖不用放大就能全面看到問題:

    網頁設計中的點滴細節把握

    2)關于邊框和背景

    有些區塊需要用邊框裝飾點綴得醒目一點,有文字區塊圖片區塊等,文字區塊加邊框的建議使用同基色的背景色填充區塊,不然內容會很空洞,圖片加邊框的話,如果是CSS定義的邊框最好是加上間隔距離,因為圖片不是固定的,所以可能會出現底色與邊框不協調,嚴重的會造成毛邊效果,下面用幾個例子來說一下:

    文字邊框背景:

    網頁設計中的點滴細節把握

    因為區塊加了邊框后背景與邊框之外的背景顏色相同,所以感覺空洞,所以最好是區塊加上背景,而且背景色與邊框最好是同一個基色。

    網頁設計中的點滴細節把握

    網頁設計中的點滴細節把握

    版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
    aaa
    国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽