【轉】網站(zhàn)設計(jì)心得(d≥&'e)

來(lái)源：徐州億網網絡科(kē)技(j​♦ì)有(yǒu)限公司 時(shí)間(jiān)：2011-10-25 作(zuò)者："↓λ←

近(jìn)星期來(lái)又(yòu)是(shì★≤)做(zuò)網站(zhàn)界面設計(jì)，一(yī)般是(shì)出個(gè)首頁和(h<&é)二級頁面看(kàn)個(gè)感覺。聯系起幾次做(zuò)網站("↑zhàn)，似乎也(yě)有(yǒu)一(yī)點點心得(de)，算(suàn¶α)是(shì)給自(zì)己的(de)一(yī)個(ε gè)總結和(hé)回顧。

回想以前第一(yī)次做(zuò)公司的(de)網站(zh€±♠>àn)，廣告和(hé)設計(jì)類型（相(xiànΩ₹g)對(duì)講究）的(de)網站(zhàn)，因其東(dō♦λ¥ng)西(xī)不(bù)在于多(duō)，所以如(rú)果處理(l↔σ¥≥ǐ)不(bù)好(hǎo)會(huì)顯得(de)相(xiàng)當空$×(kōng)泛。還(hái)要(yào)有(yǒu)一(yī)σ§些(xiē)個(gè)性和(hé)區(qū)隔。當時(shí)做(zuò✔∏πΩ)得(de)很(hěn)失敗，耗時(shí)周期特别長(c©♥¶háng)，更本沒勇氣加任何效果在文(wén)字或者線框上(shàng)。但(dàn)是↑↑↔‍(shì)又(yòu)沒有(yǒu)吸引人(rén)的(de)圖片來(lái)π 凸顯氣質，所以感覺特别難受，天天就(jiù)把位置擺弄來(lái)♣Ω 擺弄去(qù)。最後網站(zhàn)也(yě)未果，直到(dào)去(qù)年(nián<♥∞Ω)才請(qǐng)專門(mén)的(de)網絡公司完成。

相(xiàng)比專門(mén)的(de)廣∏≤告、設計(jì)公司，企業(yè)型的(de)網站(zhàn)就(jiù)顯得(de)☆<好(hǎo)做(zuò)多(duō)了(le)，分(fēn)類清晰，版塊分(fēn)明(míα↔≥γng)，一(yī)闆一(yī)眼的(de)。幾個(gè)闆塊隻要(yào)分(fēn)得(d↑•γe)合适、恰當。一(yī)般成型很(hěn)快(kuài)。在選圖上(shàng)面就(jiù☆©)比較講究了(le)。一(yī)定要(yào)找和(β∑>∑hé)企業(yè)相(xiàng)投氣質的(de)圖片映襯。一(yī)般±‌網站(zhàn)做(zuò)到(dào)版塊清晰、圖片美(měi$>¶≈)觀、外(wài)加一(yī)些(xiē)細節就(jiù)OK了(lλ€λe)。但(dàn)是(shì)在湘茶科(kē)技(jì)這(zhè)個(gè)案例裡(lǐ)€≈面還(hái)是(shì)有(yǒu)總結和(hé)收獲的(de)東(dōng)西(xī)。第₹π一(yī)次相(xiàng)當于輕輕布場(chǎng)，試試客戶的(de)喜愛(ài)程₹§ £度。概念稿嘛一(yī)般也(yě)耗時(shí)不(bù)能(néng)太→✔長(cháng)。色調統一(yī)，版塊清晰就(jiù)好(hǎo∞‍£)了(le)。第二次修改主要(yào)是(sh∑₹ì)豐富界面，結果完全被陷入到(dào)細節中了(le)，先是(sh ∞ ∏ì)做(zuò)小(xiǎo)圖标，事(shì)實上(sh↑₹àng)現(xiàn)在想來(lái)：小​•(xiǎo)圖标在網站(zhàn)上(shàng)隻是(s¥>∑hì)一(yī)個(gè)很(hěn)小(xi∑×✔≠ǎo)部分(fēn)的(de)點綴。如(rú)果做(zuò ←☆ )得(de)不(bù)是(shì)特别好(hǎo)，放(fàng)大☆★§(dà)效果也(yě)不(bù)佳。然後不(bù)停的(de)做(zuò)§∞✘效果，立體(tǐ)化(huà)，闆塊化(h↔∑γ uà)，步驟用(yòng)得(de)太多(duō↔&)，往往就(jiù)沒有(yǒu)生(shē÷β★ng)氣了(le)，完全做(zuò)死了(le)。第"★∏二就(jiù)是(shì)色彩用(yòng)β¶∑ε得(de)很(hěn)混亂，最初是(shì)想以綠(lǜ)色•<為(wèi)主，其他(tā)色彩輔助，結果輔助色占的(de)面積比例錯(cuò)誤，導緻網站(z& ↑→hàn)很(hěn)花(huā)。第三次修改是(shì)相(xiàng)對(duì)比γ§較合适的(de)，在與客戶溝通(tōng)後：實力、科(kē)技(jì)、研究、銷售這(z☆★§<hè)些(xiē)字眼是(shì)很(hěn)重要(yào)的(de)。此外(wài)大(d♦☆à)氣、幹淨、整潔就(jiù)是(shì)感覺上(s ♥πhàng)的(de)詞彙了(le)。在首頁上(shàng)≈♦采取一(yī)個(gè)弧形的(de)版式，較直線的(de)會(huì)更有(yǒu)沖擊力以及✘"↑'包容性。客戶希望在線咨詢重點突出，但(dàn)是( '‌shì)又(yòu)不(bù)影(yǐng)響版面，所以通(tōn$εg)過鼠标的(de)滑動才會(huì)産生(shēng)出交談界面。

 

網站(zhàn)參考資料頗多(duō)，做(zuò)得(de)好(hǎo)的(de)實在<∞✘§是(shì)太多(duō)了(le)，在學習(xí)的(σ∏de)情況的(de)主要(yào)是(shì)參考其整體(tǐ)布局，版式規劃，₩€标題文(wén)字處理(lǐ)，細節優化(huà)。可(kě)€ε以草(cǎo)稿下(xià)一(yī)些(xiē)優質的♠‍σ♣(de)版面，國(guó)外(wài)的(de)都(dōu)顯得(de)特™α≠别洋氣與現(xiàn)代。國(guó)內(nèi× )不(bù)太知(zhī)名的(de)企業(yè)型網站(zhàn)一(yī)般檔₽÷±次感都(dōu)不(bù)強，主要(yào)→λσ≈是(shì)色彩搭配，文(wén)字選擇，難看(kàn)的(de)圖片Ωδ★，還(hái)有(yǒu)就(jiù)是(shì∞≠π§)千篇一(yī)律的(de)模闆等等。所以都(dōu)在等待優化(hu'♥ &à)。

 網站(zhàn)界面平面設計(jì)部分(fēn)其實是(shì)不(bù∞ φ)難的(de)，相(xiàng)比LOGO\包裝\畫(huà)冊\形象廣告的(d♥π★αe)創作(zuò)都(dōu)要(yào)簡單，也(yě)就(jiù)是(§÷shì)大(dà)夥區(qū)隔性都(dōu)不(bù)大•λ£(dà)，除非是(shì)專門(mén)的(de)FLASH網站(zhàn)要(yào±≠)費(fèi)些(xiē)想法。再就(jiù)是(shì)大(dà)量的(de)後期程序運作(zu∏♥₽ò)吧(ba)。網站(zhàn)最終的(de)效果都(dōu)σ↕>靠它了(le)。

 注：圖片的(de)話(huà)初期都‌∑•♠(dōu)是(shì)尋找一(yī)些(xiē)相(xiàng)關合适的(de)做(zuò)替σφ✘代。部分(fēn)出自(zì)全景圖片庫。實際運作(zuò)的(de"↔↑π)話(huà)都(dōu)要(yào)重新拍(pāi)攝或設計(jìλ± )。

(責任編輯：大(dà)寶庫)
該文(wén)章(zhāng)轉摘自(zì)-網頁制(zhì)作φ∑(zuò)大(dà)寶庫(www.dabaoku.com) -

• 上(shàng)一(yī)篇: 商務網站(zhàn)中的(de)“大(dà)氣”
• 下(xià)一(yī)篇: 你(nǐ)知(zhī)道(‌£dào)什(shén)麽是(shì)SEO嗎(m←±Ωa)？