3C科技 娛樂遊戲 美食旅遊 時尚美妝 親子育兒 生活休閒 金融理財 健康運動 寰宇綜合

Zi 字媒體

2017-07-25T20:27:27+00:00
加入好友
教學主題: 騰訊設計師如何通過吉祥物設計總結經驗 大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學 今天的這個教學主題是: 騰訊設計師如何通過吉祥物設計總結經驗 這教學的重點為這幾點 [ 設計,總結,經驗,通過,設計師,如何,騰訊,形象,KM,一個 ] 希望你可以從這幾點中領悟到修圖的精華 本文重點 為一款軟件做形象設計的流程是怎樣的?今天騰訊設計師Veles把參加形象設計比賽后寫的設計心得分享出來,包括前期思考,形象選定,後期展示等,全是乾貨,建議閱讀。 為一款軟件做形象設計的流程是怎樣的?今天騰訊設計師Veles把參加形象設計比賽后寫的設計心得分享出來,包括前期思考,形象選定,後期展示等,全是乾貨,建議閱讀。 故事開始前言: 科普:KM 是公司內部溝通軟件。 KM裡面內容豐富,各種乾貨交流等等,簡直~簡直~是個大學內部論壇的感覺~(好吧,它確實是個內部論壇,裡面潛伏各種大神)以後每逢有時間空隙,必抓起手機,擼起KM,讓我看的不要~不要的~ 好吧,話不多說,偶然一日看到了一篇KM徵集吉祥物的廣告文章,裡面說明 徵集吉祥物。 好吧,其實我只是旨在參與,其實獎品什麼的都是浮雲,提高自己能力嘛,增加自己經驗這個才是主要的對吧?不說太多廢話了,形象大概從這樣的思路開始想象的~ 一,初步提取一些關鍵文字 · 8個年頭( 陪伴時間長) · 沉澱50萬篇文章 (沉澱海量知識) · 承載數以萬計的活動與投票,工作生活必不可少(承載許多溝通,聯繫,表達的使命) 再從基本品牌吉祥物中提出一些通用點包括: · 可愛(讓人容易接受喜愛) · 方便延展(一旦做出吉祥物,後續有許多地方都需要用到延展,所以設計造型要考慮方便延展性) · 容易記憶(一眼就能有印象) 同時我也覺得KM是一個讓我這樣的新人可以快速了解公司,融入這個大家庭一個重要的窗口,所以這裡可以加多幾個關鍵詞(嫩芽,生長,生機等) 二,細化關鍵字,讓它轉化為圖形語言 · 沉澱海量知識———(海洋?鯨魚?機器人?) · 承載許多溝通,聯繫,表達———(SMS?氣泡對話框?) · 生長,生機——-(新生嫩芽?植物?成長?) · 容易記憶——–(動物?可愛?大眾認知?) 綜合以上歸納有了以下一張關鍵字說明: 然後收集相關參考圖片,讓設計構思更加清晰: 最終提煉設計元素: 1. 猶如鯨魚般的海量知識體(海量·知識·遨遊) 2. 氣泡對話框式的表達方式(溝通·表達·聯繫) 3. 讓新人生根發芽的使命感(嫩芽·生長·生機) 三,那麼開始畫草稿吧! 一開始還沒最終確定用鯨魚為原型之前,也出過幾個稿,想過一些其他想法,例如延續企鵝?還是說用機器人?龍感覺也很聰明可愛~不過最後 個人還是感覺 鯨魚的代表性比較強~ 鯨魚神秘又神奇的一種生物~原鯨科動物均出現在5000萬年前,歷史悠久遨遊在海洋的哺乳類動物,巨大的身軀感覺像蘊涵了大量的知識體系~所以後面就出了 鯨魚的設計稿,反正構思也不是一瞬間想到~也是經歷了構思推翻 構思推翻的一系列過程~最後選擇自己喜歡且覺得最符合的一種來表達: 鯨魚身上一般是噴水的,假如直接噴水會不會顯得太單調,不夠特別~繼續想!!有水(又要表達出生機,成長這一理念) 有水,有生命(生命~~?植物)感覺頭頂加個植物 也是毫無違和感的!!那就加一個茁壯成長的小植物吧!(⊙_⊙;) 最後一個陽光燦爛的小鯨魚頭頂發芽的小植物誕生啦~(發芽的植物以後會不會開花?是不是會跳出鯨魚的頭頂變成一個可愛的植物人?) 小萌芽 到底是怎麼在鯨魚頭頂上生長的?(這裡面感覺信息量好大~~哈哈哈 可以繼續深挖) 四,草稿確定以後,大方向已經塵埃落定,後面就是各種優化配色啦! 配色方面,一開始是沿用KM的藍色來做,不過用在形象身上的時候,顏色顯得有點深沉,所以就把藍色的飽和度 稍微提亮了。 讓藍色更加海藍一些再搭配了一些翠綠色~所以最終形象配色如下圖: 形象主要圓溜溜鼓鼓的~可愛想捏的感覺,側面或者45°角看 大致像一個氣泡對話框,加個小尾巴,遨遊知識的海洋~ 當完成這一步,我個人覺得 骨架已經完成了~後面就是增加血肉 情感的一些東西啦~例如豐富下表情,使用場景等等啦。 先大概構思草稿階段~ 為了方便後續延展設計跟使用,設計主要是用矢量方式來製作~ 主要工具包括: 1. SAI (起草稿) 2. PS(鋼筆圖形工具完善設計稿) 工具因人而異啦~自己喜歡跟習慣哪個就用哪個,沒有太多局限喔!~ 下面是一些設計的延展,包括周邊產品設計,APP UI界面形象使用場景~ 貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以 使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使 用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。 貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓 的選區;按住Alt鍵將從起始點為中心勾劃選區。 五,結語 每次形象設計都是一次新的挑戰,除了要表達出表面的含義,也要符合實質內在的含義。 設計的時候也從里裡外外不斷的挖掘信息,思考如何才能最切實的表達。對於每一個形象設計,都應反覆思考和打磨,只為給用戶呈現最佳的體驗效果。考慮讓形象如何融入產品,更好的豐富產品等等~為KM樹立一個鮮明的品牌形象。 很高興參與這麼有意思的活動,希望以後參與更多KM有趣的活動~ 謝謝大家的觀看與支持,Thank you,mua。 作品已經商用,最終版權歸tencent所有。 看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢? 希望我們所介紹的 騰訊設計師如何通過吉祥物設計總結經驗 這教學會喜歡 文章標題: 骨子愛創意- 騰訊設計師如何通過吉祥物設計總結經驗–轉載請註明來源處 本教學分類為平面理論教程中的 設計教程相關教學 文章相關關鍵字為: 設計,總結,經驗,通過,設計師,如何,騰訊,形象,KM,一個 本文永久連結 :騰訊設計師如何通過吉祥物設計總結經驗 本文轉載自 :VIA

本文由designhtd01com_0提供 原文連結

寫了 5860316篇文章,獲得 23313次喜歡
精彩推薦