10年經(jīng)驗(yàn),萬家客戶!對(duì)于專門負(fù)責(zé)網(wǎng)站建設(shè)的兄弟部門來說,是一個(gè)足以回顧前程的臺(tái)階。而作為設(shè)計(jì)這次專題頁面的我們,覺得有必要把設(shè)計(jì)過程記錄下來,作為記憶的同時(shí)與大家一起分享。
先看看最后上線的部分截圖:
接下來,簡單回顧下整個(gè)設(shè)計(jì)過程(為什么加個(gè)簡單呢,因?yàn)榇a字還是比較累的:P):
需求分析階段
此次的需求十分簡單明了,就是在網(wǎng)建10年之際做一個(gè)簡單的專題頁面,讓瀏覽者在頁面中能夠看到以往的客戶案例。從需求來看整體頁面不需要有過多的內(nèi)容,因?yàn)榭蛻糇铌P(guān)心的案例部分已經(jīng)做成電子雜志和在線瀏覽兩種方式以供觀看,所以我們要做的實(shí)際上就是一個(gè)專題形象頁面。既然已經(jīng)明確了需求,那就展開討論吧。
創(chuàng)意討論階段
有討論的時(shí)候就是有口福的時(shí)候:),幾瓶可樂,幾個(gè)小點(diǎn)心,拉出白板拿起畫筆,開始了嘰里呱啦的討論過程,此處省去三萬兩千字……
經(jīng)過菜市場喊價(jià)殺價(jià)般的討論后,最終確認(rèn)了以下幾點(diǎn):
- 以藍(lán)天、白云為背景:云是一種高度的象征,而天空則是另一種更高的高度象征;辛苦攀登了10年已經(jīng)值得回望,但在回望之后還有更長的路要走;
- 以10年為中心:正因?yàn)榻?jīng)歷了10年的攀登,才會(huì)有今天的高度,因此這個(gè)中心點(diǎn)肯定要牢牢抓。
- 以案例為輔助:有付出就會(huì)有收獲,10年的付出換來的是超過萬家的客戶,無數(shù)的案例就是最好的見證。
幾個(gè)核心點(diǎn)已經(jīng)達(dá)成共識(shí),那么接下來就是體現(xiàn)手法了(因?yàn)橐涗浵鯚煆浡挠懻撨^程難度那是相當(dāng)?shù)拇,因此只給最后的討論結(jié)果留了張照片,請(qǐng)各位觀眾見諒見諒):
一共是三個(gè)方案,統(tǒng)一都用藍(lán)天白云作為背景。左上角的草案是對(duì)眾多的客戶案例進(jìn)行陣列排版,憑借天空的縱深感來展現(xiàn)出磅礴的氣勢(shì);右上角的草案則是將10字大大的立于云端之上,然后用看似成千上萬的案例環(huán)繞在10的周圍,體現(xiàn)出10年歷程的背后有著無數(shù)的客戶肯定;而最后左下角的草案是由無數(shù)的案例拼湊成10的形狀,體現(xiàn)萬家客戶共同見證的10年歷程。
為了重現(xiàn)“火拼現(xiàn)場”的雄姿,Juns拿起了畫筆,Cat擺起了姿勢(shì),用彪悍的作風(fēng)讓本已收起相機(jī)的攝影師十分委屈的給他們補(bǔ)了張俊照……看,當(dāng)時(shí)就是這個(gè)姿勢(shì)。
咦?奇怪,此次的主要設(shè)計(jì)師飯?zhí)叵∧?這個(gè),看來是討論時(shí)意見不合被這兩人給廢了,估計(jì)正躺在公司的某個(gè)過道上-_-!,這兩個(gè)人在部門可是號(hào)稱……剛寫到這里又感覺到強(qiáng)烈的殺氣,Yang覺得還是算了,再寫下去就不單單是變成亞健康狀態(tài)了-_-。
出處:35 UI團(tuán)隊(duì)博客
責(zé)任編輯:bluehearts
上一頁 下一頁 35互聯(lián)網(wǎng)站建設(shè)專題頁面設(shè)計(jì)過程 [2]
|