當前位置：首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >《爸爸去哪兒》官網設計解析

《爸爸去哪兒》官網設計解析

發布時間：2018-11-17 19:57:24

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

項目背景：

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

分析：

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

色調：

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

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

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

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

元素：

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

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

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

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

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

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

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

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

字體與圖形：

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

版塊布置設計：

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

總結：

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

上一篇小資化妝品首頁簡單解析

下一篇終極指南！超全麵的UI動效基本規則總結

返回列表

华体会hth体育网賞析

2101期學員李思庭作品
2104期學員林雪茹作品
2107期學員趙淩作品
2107期學員趙燃作品
2106期學員徐正浩作品
2106期學員弓莉作品
2105期學員白羽新作品
2107期學員王佳蕊作品

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

火星3D模型師培訓 | 學習和掌握火星地形建模技術

本文介紹火星3D模型師的培訓內容，包括火星地形建模、紋理映射、3D打印等技術，以及火星時代教育的傳授方法。
選擇角色遊戲原畫培訓哪家好？火星時代教育開創新紀元

找尋最好的角色遊戲原畫培訓機構，火星時代教育是不二之選，專業培訓團隊，資深行業導師，打造你的遊戲原畫夢想。”/> <meta name=
梳理模型設計培訓優劣，火星時代教育處於領跑者位置

脫穎而出的模型設計培訓機構評估，詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
零基礎华体会hth体育app在线登录模型培訓 - 如何啟動您的华体会hth体育app在线登录之旅

零基礎也能學習华体会hth体育app在线登录。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录之旅。
零基礎入門3D-Max的大門：專業培訓課程解析

火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法，幫助您無壓力掌握3D-Max並充分提升設計實力
優質影視模型培訓中心的選擇如何重要

本文詳細解析什麼樣的影視模型培訓中心是優質的，同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。