搜狐奧運2012客戶端產品設計
2012年倫敦奧運會在7月底已經拉開帷幕,這是一場力與美的集中綻放,更是激勵著一代人向著更高、更快、更強的奧運精神而奮勇拼搏的平臺。而早在2個月之前,有這么一群人為了讓最新鮮的奧運資訊呈現在用戶面前而開始準備并忙碌著。已記不清經歷了多少調整與修正,回想整個過程如同一部進化論,最終搜狐奧運2012客戶端誕生了。
1、 手繪原型、風格探索
2、 視覺設計
1) 版式&顏色
首頁設計一直是重中之重,最開始靈感來源于倫敦奧運會徽的不不規則的2012,所以一開始探索設計時就著力往這個方向去嘗試。會徽選用藍、橙、綠、紅四種顏色,在最初的探索設計版本里,我們用這四種顏色融入app的設計中,但是我們發現,四種顏色有些過于雜亂,也不利于視覺識別。
于是,我們嘗試先在版式與顏色識別上精簡設計,到三種顏色,再到最后只使用了紅、藍兩種顏色作為主色調。版式的設計嘗試也從具象的會徽形態到抽象出折線形態,結合主色設計,給人以倫敦奧運延伸設計的整體感。
另外在設計中發現,奧運會徽原本的藍色與紅色在色相上是比較偏暗的,不太適合手機屏幕的視覺表現,在經過幾次嘗試之后,確定# 009bff;# f5268c作為客戶端實際使用顏色,這樣在整體上既與奧運官方氛圍保持統一, 在實際的運用中也更美觀耐看。
在搜狐奧運2012的設計中,還有一項打破常規的就是以異形(其實也是來源于會徽的靈感)設計的導航,配合倫敦奧運主視覺設計風格,力求客戶端給人未在現場卻身臨其境的感受。
2) 死摳細節
還記得啟動畫面里那個紙飛機嗎?它的靈感來源于“帶你看奧運”的宣傳語,自啟動畫面飛入,落到引導第一頁的icon上方,讓等待變得有意思起來。當時開發時間緊,為了保證項目能按時上線,我們選用了技術上比較容易實現的直線加速度飛, 就這一個小動畫,我們也嘗試了好幾種方案,最后選擇了“走走停?!钡摹帮w法”。
還有一個例子是2012獎牌榜右上的中國獎牌榜入口,最開始想設計為國旗,但是考慮到整體協調性最后變更為文字“中國榜”。
獎牌榜中金銀銅排列表項,由文字改換為金銀銅牌的圖標,直觀又形象。
圖庫最開始設計的是近期比較流行的瀑布流,但是開發出來后發現實際中新聞圖片很少有長條形式出現, 圖片高度幾乎是一樣的,之前的樣式配上實際圖片效果就不太理想了。之前版本也感覺不到是圖集(多圖)形式。從這兩點考慮,就優化成了現在這版。
3)icon的改版進化
搜狐奧運2012icon的進化過程其實就是設計思想向極簡主義的變遷。
最開始想與英國標志物(國旗、大本鐘等)作為設計元素,結合app首頁的樣式,但是做出來不論是顏色還是樣式都稍顯復雜,且有一種偽旅游app的嫌疑,于是決定只提取奧運相關元素。中間有嘗試奧運五環,背景中也有用到奧運會各體育項目的圖形,到最后提煉成搜狐與2012,明確產品指向性,這是一個由搜狐出品,專門為2012奧運會而生的客戶端。
來源:搜狐UED
- 目前還沒評論,等你發揮!