深度專訪:圖示的故事
為了比其他Linux發行版更具不同的魅力,Linux Deepin自12.06版本起,就開始的製作屬於自己的系統主題。歷時整整一年,Linux Deepin12.12釋出,屬於Linux Deepin自己的主題——Deepin主題也一同釋出。今天,我們採訪了Linux Deepin團隊的設計組主要成員——郭攀,讓她帶您一起聆聽Deepin主題的發展歷程吧!
作者簡介
郭攀,深之度設計部圖示設計師。
電腦藝術專業畢業,早起從事遊戲和動畫的前期美術設計;在接觸IPAD應用程式介面設計後,逐漸愛上並專職從事UI設計中的圖示主題設計。
先說說你是如何知道並加入Liniux Deepin團隊的吧。
在加入Linux Deepin之前,我從事的是遊戲與動畫的前期美術設計,業餘愛好插畫。
其實那個時候呢,我並不知道有Linux這類作業系統的存在,我的設計圖稿除手繪外也多是在Windows作業系統下設計完成的。
因為對精緻ICON的喜愛,我會在業餘時間臨摹大量優秀設計作品,臨摹的多了,變會自己原創了,設計的多了,就會有想法了,既然這麼喜歡,為何不專職從事這類設計呢?
於是我就轉行啦。第一份UI設計工作是為一家香港公司做IPAD圖書應用的介面設計,在那裡他們教會了我不少東西,讓我受益匪淺,在此謝過。
但求精的理念迫使我從新做了選擇,我遇見了Linux Deepin,一個有挑戰,有激情,有夢想,勇於改變世界的團隊,我眼前一片光明,就這樣我加入了Linux Deepin這個團隊。
為什麼要製作深度圖示主題,深度圖示主題的設計理念是什麼呢?
為了使用者能夠有愉悅舒適的使用體驗,併產生深層的認知與情感的交流。我們拒絕一味的追求酷炫的設計表現形式,更多的是從思想理念與使用者情感需求的層面高度上來展示設計。在圖示設計上,我們沒有去跟風扁平化,更注重的是擬物傳情。人們對物體的形態,色彩以及材質都有著特別的感知能力,所以,圖示設計的情感和寓意主要是透過造型風格,色彩以及質感來表達的。具體怎樣擬物傳情呢,2014釋出之時便撥開迷霧見真曉啦,敬請期待吧~
簡單的告訴我們一枚圖示的設計流程吧。
看似簡單的一枚小圖示,其實也是經過對圖示用途的理解後絞盡腦汁的構思;繪製N副草圖後,海選合格的,再進行單色稿繪製,其中需要把握好統一的規格與風格,這一步經過反覆除錯OK後,才能進入彩色稿部分;要保證圖示與介面的色彩完美搭配的同時,還需要把握好所有圖示色彩搭配上的和諧度,這些都完成後,也避免不了各種小修小改,因為我勵志要將每枚圖示都做的盡善盡美。雖然,我不可能滿足所有人的審美,但至少我要做出讓自己滿意的設計。
用即將亮相的“遊戲中心”圖示來舉例說明吧~
* 早期的深度遊戲中心的圖示是長這個樣子的,取“DG”字母形象化,運用遊戲設計中的加冕皇冠,展現遊戲的勝利給玩家使用者帶來心理上的滿足感。不過呢,最後被吐槽說像極了某某電影公司的標誌,好吧,如有雷同,純屬巧合…
* Deepin2.0圖示設計重新構思了遊戲中心。從頭腦風暴開始,說到遊戲,你能想到什麼?魔獸,dota,LOL …?拜託,能想點實際的嘛,我得把他表現在48x48px的小方塊裡,那麼手柄,搖桿,遊戲幣,棋球牌類,獎牌獎盃等?恩,比較靠譜了,那麼就畫下來吧。表現手法,自定,這個自定,你需要考慮很多,後續我會簡單說明!
那麼先看設計草圖吧,之所以叫草圖,就是因為它很草~
黑白單色稿是在挑選草稿OK後的一步,雖然我一不小心多放了幾枚圖示上來,但你也不要多想,因為他們離彩色定稿還遠著呢~
彩稿設計過程
我迫不及待的將圖示主體物色彩化,但似乎出來的效果並不滿意。
於是我又多設計了幾種樣式。選擇自己最滿意的那一款,然後將她放置底板之上。
對於一枚圖示來說,底板與主體物一樣同等重要,好的底板可以為圖示加分不少。所以,我又開始了各種底板的設計除錯,以遊戲中心的色系為例,設計底板效果如下:
接下來我要做的便是將底板與主體物的各種搭配:
就像選妃一樣,有魅力的,她總能脫穎而出,加冕黃袍,炫彩奪目!
在設計期間,有遇到過什麼挑戰呢
做設計,不像是畫一幅隨心所欲的寫意插畫。一個圖示設計可以有很多種表現形式,想在如今表現效果絢麗多樣的眾多圖示主題設計中脫穎而出,讓使用者看一眼便記住那是Deepin獨有的特色,真的很難。哪一種才是最適合Deepin的,這需要設計師的創意,團隊的交流,使用者的反饋等等,你必須要考慮到的各種存在因素,才能展現Deepin圖示主題獨有的設計理念。
加入LinuxDeepin團隊,有什麼感想想和大家說的呢?
我想,對於常用Windows來的說的我,雖然Windows簡單易用,但我不得不說Windows的設計缺乏品味。因為用了這麼多年,我也沒有很愛他;對於Mac來說,設計是我喜歡的,但操作體驗方面還是些不敬人意的地方;而Linux Deepin勵志要做簡單易用,設計美觀的作業系統,即便他現在也還不完美,但我們一直都在努力,能為Linux Deepin作業系統做圖示主題這對於我來說真的很酷,並具有挑戰性。
能不能提前發出有點新版本深度主題的詳細呢?
Deepin2.0圖示在設計上採用中軸線的構圖形式,並大膽嘗試以圓形為基礎,和諧的展現以似變不變的衍生出一系列色彩絢麗奪目的精美擬物圖示,不知道你是否很期待呢~
對於未來LD主題的設計走向,能有什麼和大家分享的麼?
簡潔和擬物將持續2014版始終。
最後,還有什麼想和大家說的麼?
希望看完此文的同學們能瞭解到LD的設計並不是隨性而來,批評的同時也同樣給予讚美,你們的支援就是給予我們最大的動力!
下期預告
前兩天看過我們微博的朋友,都應該知道我們正在使用超級本拍攝影片,將來我們會用這臺碉堡的超級本,給大家帶來更多精彩的影片,現在先給大家看下影片拍攝花絮過過癮!
via : http://planet.linuxdeepin.com/2014/03/28/story-of-deepin-icons/
相關文章
- Spring Cloud Alibaba 開源背後的故事 | 開源中國專訪SpringCloud
- 專訪5位技術人,探祕AI酷職業背後的故事 AI
- 專訪5位技術人,探祕AI酷職業背後的故事AI
- 818個人的努力《逃離塔科夫》漢化組專訪——背後的故事
- 專訪《守望先鋒 2》開發團隊:英雄與故事的再度啟程(上)
- 專訪《守望先鋒 2》開發團隊:英雄與故事的再度啟程(下)
- Nodejs專案網頁圖示的處理NodeJS網頁
- 當遊戲試圖在娛樂之外,講一個深度故事時遊戲
- 安卓圖片顯示與網路訪問安卓
- 社群故事|SmartX 使用者社群技術發燒友獨家專訪
- web專案中圖示的前端處理方案Web前端
- 專訪文青松|AI時代的教育革新:深度融合,驅動未來AI
- 專案管理系列---腦圖(思維導圖)工具深度分析專案管理
- 專訪氣凝膠領域專家,深度分析行業高速增長的底層邏輯行業
- 在自己的專案中使用阿里雲字型圖示阿里
- 觀察者網 |《黑神話:悟空》專訪:用世界級的水準,講一箇中國故事
- WPF 顯示 mp3 專輯圖片
- vue 專案引入字型圖示報錯、不顯示等問題Vue
- 專訪混合變現遊戲《兵多多》研發Mandrill VR 講述與Lion Studios合作開發的故事遊戲VRiOS
- iOS專案需要的App圖示規格要求、規格大小iOSAPP
- 更改chrome的圖示Chrome
- 快捷圖示變成白圖示
- 【Flutter 專題】125 圖解自傳 ACE_ICON.ttf 圖示庫Flutter圖解
- 今天談談使用者故事地圖,不是使用者故事地圖
- 可讀性友好的JavaScript:兩個專家的故事JavaScript
- 最新訪談首次披露拍出「天價」AI畫作背後的故事AI
- vue 滑鼠移入顯示圖示 ,滑鼠移出隱藏圖示Vue
- iconfont圖示庫的使用
- 字型圖示的應用
- vue專案中使用unicode引入iconfont,動態生成圖示的問題。VueUnicode
- qt 使用qmake pro檔案新增 ico圖示,程式執行時顯示圖示,exe也顯示圖示QT
- 專訪明略科技CTO郝傑,共繪會話智慧發展藍圖 | 愛分析訪談會話
- WinForm(C/S)專案中使用向量字型(FontAwsome、Elegant)圖示ORM
- 字型圖示
- Windows 的桌面圖示沒有顯示正確Windows
- 工作列圖示空白,圖示是一塊白板
- 《黑神話:悟空》深度解析:背後故事與劇情猜想
- 家訪(圖論建模)圖論