網(wǎng)頁(yè)設(shè)計(jì)中涉及到的細(xì)節(jié)問(wèn)題歸納起來(lái)并不多

2010-03-22 10:50?來(lái)源 

其實(shí)網(wǎng)頁(yè)設(shè)計(jì)中涉及到的細(xì)節(jié)問(wèn)題，歸納起來(lái)也不回太多，下面試列舉出我處理過(guò)的一些細(xì)節(jié)：

　　鏈接狀態(tài)處理。超級(jí)鏈接有四種狀態(tài)，包括link,visited,hover,active，給這四種狀態(tài)設(shè)計(jì)不同的樣式，可以幫助用戶方便的區(qū)分鏈接與普通文本、訪問(wèn)過(guò)的、每訪問(wèn)過(guò)的等鏈接狀態(tài)。有一種連接樣式我非產(chǎn)贊賞，就是給外部鏈接加上一個(gè)小圖標(biāo)，指示“這是一個(gè)連接到站外的鏈接”。

　　圖片縮放。圖片在網(wǎng)頁(yè)中的運(yùn)用占有較大的比例。在頁(yè)面上顯示圖片，有時(shí)圖片會(huì)超出容器的規(guī)格，如果不加限制，就會(huì)破壞整個(gè)頁(yè)面的結(jié)構(gòu)和美觀。此時(shí)最好的處理辦法是控制圖片的規(guī)格，讓圖片上傳之際就被壓縮成合適的規(guī)格。另外一種替代方案就是運(yùn)用JavaScript進(jìn)行同比例縮放，這樣可以避免圖片變形，但是加載速度可能會(huì)受影響(圖片本身太大)。至于使用css設(shè)置一個(gè)規(guī)定的長(zhǎng)度和寬度，雖然也能避免破壞頁(yè)面布局和美觀，但是會(huì)造成圖片變形。

　　文本長(zhǎng)度限制。文章的標(biāo)題太長(zhǎng)了，也需要處理好。最好的處理方法自然是通過(guò)編輯、作者自己寫好適合網(wǎng)頁(yè)顯示規(guī)格的長(zhǎng)度的標(biāo)題。比如說(shuō)新浪、網(wǎng)頁(yè)等大網(wǎng)站的首頁(yè)新聞標(biāo)題，大多數(shù)使用這種方式。他們的網(wǎng)頁(yè)可謂字字千金，自然只有通過(guò)編輯、作者的仔細(xì)斟酌，寫出既能表達(dá)完整意思，又符合字?jǐn)?shù)長(zhǎng)度的題目。其次是通過(guò)程序截取。程序截取對(duì)于中文來(lái)說(shuō)比較好處理，對(duì)英文就有點(diǎn)有心無(wú)力了，因?yàn)橛⑽淖帜甘遣坏葘挼?，并且截取出?lái)的標(biāo)題，可能包含有不完整的單詞。最后一種方式是通過(guò)css隱藏超出規(guī)格部分文字。這跟使用程序截取的效果是一樣的，不過(guò)實(shí)現(xiàn)的方式不一樣罷了。

　　輸入檢驗(yàn)。給用戶輸入、提交數(shù)據(jù)的表單，根據(jù)各部分?jǐn)?shù)據(jù)的要求設(shè)計(jì)靈活的檢驗(yàn)機(jī)制，并且能在適當(dāng)?shù)臅r(shí)候給用戶提示，讓用戶方便的了解他需要輸入什么數(shù)據(jù)，有什么限制。這既可以保證數(shù)據(jù)的準(zhǔn)確性，又能為用戶節(jié)省時(shí)間。

　　暫時(shí)能夠想到的就這么多。當(dāng)然還有更多的細(xì)節(jié)等待我們?nèi)チ私狻⑻幚怼Ｎ页８O(shè)計(jì)的同事說(shuō)，有一些網(wǎng)站，我們使用起來(lái)覺(jué)得很方便，得心應(yīng)手，但是說(shuō)不出來(lái)為什么，其實(shí)就是他處理好了很多不為我們了解的細(xì)節(jié)，于細(xì)微之處下功夫。這樣的網(wǎng)站已經(jīng)超越的應(yīng)用的范圍，它已經(jīng)成為用戶體驗(yàn)的精品，是一件藝術(shù)品

編輯：