當前位置:主頁 > 網頁教程 > 網站推廣 > 建站經驗 > 內容歡迎大家投稿

總結網頁設計中的一些比較突出的細節問題

時間:2010-09-11 09:09來源:未知 作者:大寶庫 點擊:讀取中
閱讀工具:字體:

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

 

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


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

webdesign

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

webdesign

webdesign

webdesign

webdesign

放大2倍后對比

webdesign

放大2倍后對比

webdesign

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

webdesign

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

文字邊框背景:

webdesign

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

webdesign

webdesign

(責任編輯:大寶庫)



------分隔線----------------------------
推薦內容
贊助商鏈接
贊助商鏈接


四川快乐12今日推荐 福建快3开奖结果 河北燕赵20选5AA 王中王免费精选资料 大盘指数走势分析 青海11选5中奖查询 2020年正版马会精选资料大全 股票分析师软件 福彩15选5杀号专家预测 虎扑nba 怎么能把科乐吉林麻将下载了