爸爸去哪兒官網設計過程

來源:互聯網
上載者:User

   以下是我以自身設計的“爸爸去哪兒官網”為例來講述個人在設計一個項目的思路和操作過程。希望可以幫大家解答經常性問的:沒想法時要怎麼做設計,怎麼樣思考項目的這一疑問。(PS:這不是為了寫東西後期編的,而是在設計前和設計過程中本人的思考過程,也許設計稿挺一般,但個人認為這種設計思考方式不錯,我一個都是這樣做項目的。)

  項目背景:

  《爸爸去哪兒》由《我是歌手》金牌製作人洪濤監製,《變形記》團隊打造;10月11日起,每周五晚登陸湖南衛視22點檔;這檔名人代際溝通紀實節目將創新視角對準親子關係;每期五位明星爸爸跟子女進行48小時的鄉村體驗

  分析:

  根據《爸爸去哪兒》的介紹資料,可以瞭解到,這是一個,由爸爸帶著小娃拋開城市,到鄉村去感受一些平時很少接觸的世界的親子鄉村體驗節目。瞭解節目後,我們可以根據這些介紹,從中可以提取出相應的關鍵詞並思考出它的延伸

  色調:

  根據提取出相應的關鍵詞並思考出它延伸我們得到了更多的具體的元素,同時也通過對這些元素的瞭解極節目情緒的把握及節目海報,我們對設計的取色進行思考

  經過對色彩的定位與分析,我們得到了現實中我們關鍵詞中的主要元素的色彩,但是色彩相對而言,但過真實,亮度與對比相對比較高,給人太過於接地氣的感覺。雖然整個節目是在鄉村,但是我想,在這些一直生活在城市中的小娃而言,在他們的思想中,肯定多了一份他們的想像,一分夢期待,所以在設計過程中將色調都向相互之間進行了一個中和,降低了其對比和飽和度,使頁面看起來更加舒適,同時更加清新,更符合小娃的個性與他們性格的感覺。

  同時,由於在電視媒體上,是由動態卡通動畫來展示,所以在海報設計中,原有設計彩用了粉色的天空,但在WEB端的設計中,由於是一個靜止的畫面,如果繼續沿用粉色的天空,會讓畫面失去活潑清新的感覺,與節目本身所表達的個性存在差異,所以,在設計中,將天空進行了相應的處理調色,同時為了增加頁面的景深感,設計中,對相應的元素進行了調整與視覺模糊等處理。

  經過以上對色彩的考慮,我們總結出了整個頁面相應的一些色調如下:

  元素:

  根據提取拓展開的關鍵詞,我們定義了整個頁面設計所需要的色調,同樣,我們也根據這些關鍵詞,去尋找相應的素材,以便於豐富頁面,做為達到頁面效果,創造氛圍的元素。通過在網上搜尋,我們找到並將素材處理成與整個頁面色調風格統一的可用元素。

  01  紙張,通過處理,成形地圖的形式,並用手拿著,面對著整個情境,使整體形成老爸和小娃去遊玩,拿著地 圖查看與思考到哪去和目的我們到哪的情景。

  02  手,與01元素的紙張地圖相輔助,爸爸寬厚的大手。

  03  關鍵詞的的動物(青蛙,山村中最讓小娃喜歡並具代表性的動物,無害,可愛,與其它的大型動物相比,更 貼和小娃的嬌小可愛)。

  04  一次和爸爸的旅行,一次心的放飛。

  05  花圃,幽靜的小山村中,大部份家庭都有屬於自已的小院子,雖然不像城市中那高檔,但偶爾會放上一些花 圃做裝飾,清新空氣,讓純樸的院子裡多了一分别致。

  06  單車,做為山村那沒有城市中寬大馬路的小巷小道中最常見的交通工具,鄰裡之間遇到,問聲好,小娃遇 到騎車經過的伯伯阿姨,稚聲稚氣的叫一聲伯伯阿姨好,還有調皮的小娃追打嬉戲在單車後面,做為他們 簡單生活中的一種娛樂方式。

  07  精靈,小娃們總在幻想著,在寧靜的夜晚,那田地裡,山林裡可愛又調皮的精靈就會出來,幫他們好好的守 護自已父母辛苦培育的稻子等。

  字型與圖形:

  由於《爸爸去哪兒》的節目性質為親子,所以我們在選擇字型和處理圖形時,運用了比較柔和的字型和圓角設計,用來達到統一的風格。

  版塊布置設計:

  在前期,我們的產品經理經過與節目組,編輯等進行相應的溝通,確定頁面所需要展示的內容,及內容的主次,然後架構出最適合的版塊分布原型圖。再根據原型圖進行相應的設計,並結合網頁設計的各方面思維做出的更為符合使用者習慣的設計。

  總結:

  在設計過程中,我們需要用更多的時間去思考,去把握整個項目的調性與其需要表達的內容,同時更多的站在瀏覽者的角度去思考,在儘可能的情況上無限的增強使用者體驗。 網頁設計在使用者體驗方面雖然沒有APP項目那麼強烈,但也是一個重點。

  設計稿:

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。