作者，吳志超，網(wǎng)頁設計師聯(lián)盟第145期專訪優(yōu)秀設計師，詳細資料>>

2005年4月，35.com改版的起始之日，也是類似二萬五千里長征般艱苦拼搏的開始，在經(jīng)過1年半全體主創(chuàng)人員噴血賣腎的拼命掙扎后，終于在2007年的開春之際全面上線?；仡欉^程那是相當?shù)钠D辛，觀看成果那是相當?shù)男牢?，在此補上對所有參與改版的GG和MM的感謝！

現(xiàn)在已是2009年4月，新版35.com轉(zhuǎn)眼已經(jīng)4周歲，為表慶祝，以下將我們回憶的設計過程整理成冊，和業(yè)界的各位同仁共分享。

先來看看新舊對比：

摸索前進的需求階段：

一次不經(jīng)意的提議，揭開了35com官網(wǎng)全新改版的序幕。在沒有明確方向和完善需求的前提下，我們開始了漫無邊際的太空探索。由于35com是一個比較龐大并且積累較久的門戶站點，其結構和內(nèi)容錯綜復雜，所以首先要做的就是把網(wǎng)站的整體框架和內(nèi)容梳理清楚。我們先將網(wǎng)站現(xiàn)有的一級欄目全部的列出，之后在向下補充二級欄目，直至將所有內(nèi)容全部補充完整。

為了梳理出比較合理易用的網(wǎng)站結構樹，我們進行了第一次次腦爆，主要目的是針對現(xiàn)有的網(wǎng)站結構內(nèi)容進行重組優(yōu)化。經(jīng)過一番同行業(yè)網(wǎng)站的對比和激烈的討論后，初步擬定新網(wǎng)站的主干，將公司的幾塊主營業(yè)務虛擬主機、域名注冊、企業(yè)郵局、網(wǎng)站建設、老板簽批系統(tǒng)劃分在一級欄目，將其他自主研發(fā)產(chǎn)品整合為產(chǎn)品中心，將售前售后等各種支持類服務整合為服務中心。

初步擬定主干后，我們開始規(guī)劃首頁布局，首頁作為客戶訪問網(wǎng)站的第一印象，至關重要，務必讓客戶能夠直觀明了的了解我們的業(yè)務范圍及特色項目。原計劃規(guī)劃一個中型門戶規(guī)模的首頁，構思提交相關領導后被否了，簡約大氣才是硬道理，類似Dell、IBM這些巨型公司的風格有很多可以借鑒的亮點。GG，MM再次操起家伙，進行地毯式搜索，網(wǎng)羅類似風格的主流站點。累積了海量的資料，再加上之前整理的實際網(wǎng)站內(nèi)容，第二次腦爆的前期準備基本完全，攤開記事本和畫紙，放上一打提神的可樂，各式各樣的創(chuàng)意草稿躍然紙上。對各種創(chuàng)意草稿進行提煉后，最終選定了三種最有價值的方案：

1、提供歸納后的綜合入口，及入口的描述，不具體展示欄目內(nèi)容；對于專業(yè)客戶來說會更有針對性，對于普通用戶則是缺乏直觀性，如果沒有耐心的客戶很容易流失。

2、以流行的選項卡形式表現(xiàn)需在首頁展示的欄目，以最小的空間展示最多的內(nèi)容，可適當平衡以上兩點。

3、采用最傳統(tǒng)的方式，直接展示最關鍵的內(nèi)容，更適合普通用戶。

反復推敲的設計階段：

兩次的腦暴誕生出一個相對明確的需求，接下來進入表達實際效果的樣稿設計階段。需要確認的東西很多，主色調(diào)，結構風格，采用的設計手法等等，經(jīng)過無敵多次的推敲，簡潔、大氣、時尚兼具行業(yè)特色被最終確定為這次設計的指導方向。主色調(diào)從公司樹立統(tǒng)一品牌形象的角度考慮，一致認為選擇公司VI色藍色，兼顧到當時的流行色已非昔日強質(zhì)感的暗色，而是逐漸轉(zhuǎn)換為輕柔淡雅的清爽色系，所以在原有公司VI藍的基礎上進行新的嘗試，群眾的力量是無限的，經(jīng)過一番多樣化的調(diào)試和實用性對比，終于確認了大家都覺得ok的主色調(diào)。

群策群力，經(jīng)過兩天兩夜的連續(xù)作戰(zhàn)，我們最終完成了五個樣稿提交部門評審組審核。

接下來，讓我們回顧下當時的初稿

稿1：

稿2：

稿3：

稿4：

稿5：

初稿的提交就是激烈碰撞的開始，部門評審組組織了第三次的腦暴，針對五個樣稿進行了全方位多層次的分析，提取優(yōu)點，摒棄缺點，形成了最終的修改意見。在經(jīng)過一天一夜的后續(xù)完善加工，35com官網(wǎng)的第一版原型誕生了。

未完待續(xù)…

原文：http://www.superui.com/blog/post/000313.htm