搜狗輸入法智慧版—安裝包設(shè)計(jì)過(guò)程分享

1 評(píng)論 6005 瀏覽 1 收藏 9 分鐘

寫在前面的幾句

???????自輸入法誕生以來(lái),一直在尋求如何還原由“思維到表達(dá)”的真實(shí)過(guò)程。隨著技術(shù)與認(rèn)知的不斷積累,我們希望通過(guò)一版特別的輸入法向大家展示輸入帶給人的暢快感受。在設(shè)計(jì)之初,我們對(duì)本次產(chǎn)品的新增功能逐一進(jìn)行了分析,作為設(shè)計(jì)組來(lái)說(shuō),希望本次的整個(gè)產(chǎn)品的視覺感受有一個(gè)大的突破,不受以往的限制,給予了充分發(fā)揮的空間。如今智慧版已經(jīng)順利上線,這里對(duì)安裝包的設(shè)計(jì)過(guò)程做一個(gè)簡(jiǎn)單的總結(jié)。

一、??設(shè)計(jì)構(gòu)思

在設(shè)計(jì)的開始階段,產(chǎn)品、技術(shù)、視覺各個(gè)方面的同事對(duì)于智慧版的設(shè)計(jì)思路與可操作性的方向進(jìn)行了探討。主要包括兩個(gè)方面:?A.視覺方向與風(fēng)格的討論,從我們對(duì)智慧版想要傳達(dá)的概念中,提煉出了“輕”的總體感受以及有愛、聰明等關(guān)鍵詞,通過(guò)幾次交流會(huì),對(duì)相應(yīng)的關(guān)鍵詞進(jìn)行發(fā)散,從動(dòng)物到羽毛,從流沙到磐石。都在試圖尋找一些印象來(lái)表達(dá)對(duì)文字、對(duì)書寫的感受。試圖尋找一些相應(yīng)的圖片來(lái)表達(dá),在設(shè)計(jì)的角度,不做限制,大家都充分的發(fā)揮自己的想象,做自己喜歡的輸入法,小清新、重口味都是可以拿出來(lái)討論的角度,沒什么不可以。

?

第二是可執(zhí)行的技術(shù)角度對(duì)智慧版產(chǎn)品的各個(gè)細(xì)節(jié)的發(fā)揮度做了一個(gè)評(píng)估,基本確定了設(shè)計(jì)部門的發(fā)揮空間。

??????? 再明確了基本的關(guān)鍵詞之后,也對(duì)安裝包的過(guò)程進(jìn)行過(guò)程模擬,從安裝的各個(gè)角度進(jìn)行可操作性的探討,設(shè)計(jì)師提出了很多種的可能性,再和技術(shù)的同事一起溝通,逐漸清晰設(shè)計(jì)的“邊界”。同時(shí),我們也對(duì)現(xiàn)有市場(chǎng)上的多數(shù)產(chǎn)品的安裝包進(jìn)行了分析,常見的較為抽象的安裝過(guò)程,中間穿插一些產(chǎn)品概念或者功能宣傳圖。這樣的處理方式對(duì)于我們智慧版來(lái)說(shuō)不突破,我們要試圖尋找一種全新的安裝包過(guò)程,將安裝的過(guò)程比擬成一次特殊的旅行。從一個(gè)空間到達(dá)另外一個(gè)空間。幾次交流之后,最終決定通過(guò)故事的方式來(lái)進(jìn)行設(shè)計(jì),選擇抽象、概括的小狗形象作為主角,以小狗與其他幾個(gè)角色相遇、交流的方式來(lái)展示產(chǎn)品的概念訴求。這樣的安裝包過(guò)程得到了大家的一致認(rèn)可。

二、故事草圖

??????? 通過(guò)一只小狗的旅程,遇到了繽紛不同的環(huán)境,以及與幾個(gè)人物的交流給用戶傳達(dá)有趣、活潑的感受,同時(shí)也滲透了我們對(duì)產(chǎn)品的理解,傳達(dá)了產(chǎn)品理念。讓安裝的過(guò)程不再枯燥。

??????? A.分鏡

?

??????? 對(duì)于整個(gè)故事的腳本,我們做了多次的嘗試,主要依據(jù)的是目前產(chǎn)品的一些功能點(diǎn)、產(chǎn)品的概念等。一只由文字符號(hào)幻化而成的小狗,身披能量的披風(fēng),自用戶點(diǎn)擊安裝的那一刻,就開始了自己的奇妙之旅,穿過(guò)云層飛躍大山,來(lái)到一片草地之上,一位可愛的小女孩走了過(guò)來(lái),小狗輕輕的飛了過(guò)去,聰明的小狗知道她心中所想,可愛的符號(hào)與漂亮的皮膚都為她準(zhǔn)備好了,更個(gè)性的理念在這里進(jìn)行展示,我們給用戶提供多種個(gè)性選擇,從皮膚到詞庫(kù)的多樣選擇讓用戶更有個(gè)性,小狗再次啟程,飛入太空,與來(lái)自火星的外星人相遇,這當(dāng)然也難不倒我們的小狗了,熟悉輸入的小狗已經(jīng)非常的智能,火星文早已經(jīng)熟悉“歡迎伱萊哋銶嗑苽孒!”,瞧!前面來(lái)了一位網(wǎng)絡(luò)潮人,沒問題,輸入法早已經(jīng)為你準(zhǔn)備了多種功能,讓你暢游網(wǎng)絡(luò)。情景感知、文思泉涌、妙筆連珠、這么多的新功能讓我們的網(wǎng)絡(luò)生活更加自如。智慧版的故事就基本確定下來(lái)。安裝的過(guò)程基本有了腳本之后,就開始著手分鏡,將各個(gè)部分的故事情節(jié)與畫面效果初步的確定下來(lái),與產(chǎn)品、技術(shù)進(jìn)行進(jìn)一步的溝通,逐步的清晰安裝包的形態(tài)。

??????? B.結(jié)構(gòu)框架

??????? 進(jìn)一步確定故事的主要結(jié)構(gòu)與各個(gè)環(huán)節(jié)的關(guān)鍵詞。

?

三.風(fēng)格嘗試

??????? 基于之前對(duì)輸入法智慧版關(guān)于風(fēng)格與結(jié)構(gòu)討論的結(jié)果,逐步的清晰安裝包的形態(tài),以紙張的基本形態(tài)為依據(jù),進(jìn)行了新的嘗試與形態(tài)的延展,不能簡(jiǎn)單地使用紙張素材,而是挖掘紙張?jiān)跀?shù)字媒體技術(shù)上的表現(xiàn)形式,利用光影、折疊、伸展的形式不斷的挖掘新的表現(xiàn)效果,讓輕輸入的概念更加突出。設(shè)計(jì)的過(guò)程也經(jīng)過(guò)了多次的修改。這里只拿出其中幾個(gè)比較代表性的草圖。

?四,主要場(chǎng)景定稿

????

依照故事腳本與風(fēng)格定稿,先主要確定了動(dòng)畫的幾個(gè)關(guān)鍵畫面,確保畫面效果飽滿、能體現(xiàn)主題。明確了關(guān)鍵畫面之后,后續(xù)就需要設(shè)計(jì)師逐步的完善動(dòng)畫,將各個(gè)場(chǎng)景串起來(lái),控制好各個(gè)場(chǎng)景的節(jié)奏。設(shè)計(jì)中也多次的進(jìn)行了修改,不過(guò)主要是在一些動(dòng)畫的細(xì)節(jié)與節(jié)奏上的調(diào)整,基于前期做的各項(xiàng)工作,就避免了太多的方向失誤。

五、總結(jié)

??????? 對(duì)于安裝包的設(shè)計(jì)來(lái)說(shuō),這是一個(gè)需要設(shè)計(jì)師、產(chǎn)品、技術(shù)密切配合的項(xiàng)目,有必要將工作的經(jīng)驗(yàn)總結(jié)下。

  1. 設(shè)計(jì)過(guò)程推進(jìn)需要各個(gè)環(huán)節(jié)都清晰的知曉,了解當(dāng)前的狀態(tài)以及存在的問題,設(shè)計(jì)中的很多文案與構(gòu)思要與產(chǎn)品有深入的溝通,討論。
  2. 能當(dāng)面交流的,盡量不發(fā)郵件。設(shè)計(jì)中的很多小細(xì)節(jié)的變化與調(diào)整會(huì)比較多,集中的進(jìn)行當(dāng)面的交流對(duì)進(jìn)度很有效果。
  3. 多聽一聽項(xiàng)目之外同事的感覺。類似這樣的項(xiàng)目周期會(huì)比較長(zhǎng),長(zhǎng)期的做一個(gè)動(dòng)畫,逐漸的會(huì)失去新鮮感,多聽取項(xiàng)目之外同事的感受,可以讓自己更真實(shí)的理解自己的設(shè)計(jì)。
  4. 設(shè)計(jì)的過(guò)程不像做總結(jié)這樣一直順暢。是一個(gè)反復(fù)修改打磨的過(guò)程,多次的修改在所難免,心理調(diào)整也很重要。

搜狗輸入法智慧版官網(wǎng)及安裝包體驗(yàn)地址:http://pinyin.sogou.com/zhihui/打開網(wǎng)頁(yè)后,點(diǎn)擊立即下載。

來(lái)源:http://ued.sogou.com/?p=1156

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!