• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】搜狗輸入法安裝包設計分享




    搜狗輸入法安裝包設計分享

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是你丫才美工,感謝你丫才美工提供設計理論的實作教學。

    教學大綱:

    智慧版1.0推出之後,簡單清新的安裝包設計效果得到了廣大用戶的認可,有不少朋友給予了肯定這讓我們很是感動,2012年10月份,在上一版版本 的基礎上,我們開始着手智慧版2.0的開發。


    設計理論教學開始

    智慧版1.0推出之後,簡單清新的安裝包設計效果得到了廣大用戶的認可,有不少朋友給予了肯定這讓我們很是感動,2012年10月份,在上一版版本 的基礎上,我們開始着手智慧版2.0的開發。從功能上來講,在繼承1.0的基礎上,這次新增了心有靈犀與變色龍等重量級功能,希望用戶體驗能有更大的提 升。從視覺風格上來說,我們繼續延續之前的風格基調,在動畫與交互上試圖尋找新的表現方式,盡量給用戶傳達新鮮有趣的體驗。這也契合了我們做輸入法智慧版 的初衷。

    時間周期

    搜狗輸入法安裝包設計分享

    安裝包設計分享

    1從功能點的角度

    此版本首次上線“心有靈犀”功能,這是輸入法從工具性軟件向服務性軟件的重要跨越,用戶可以在輸入的過程中,直接獲取到自己所需要的信息,這對廣大 的用戶來說,是前所未有的體驗,此功能是這次版本的重點,那麼在安裝包的設計過程中,就希望能將這樣的概念潛移默化的傳達給用戶,短短的20秒動畫,我們 不期望能講述的特別具體清晰,如果能給用戶一定的好感,引發用戶的興趣,同時對功能有一個簡單的了解就足夠,為了盡量減少安裝包動畫中的信息量,我們對需 要表現的功能點進行了整理。

    功能點總結

    搜狗輸入法安裝包設計分享

    2從視覺風格角度

    智慧版的安裝包過程我們一直想在這裡做出更多的嘗試,第一版本的安裝包通過場景化的故事給大家傳達出了輸入法的更多可能,這次新的安裝包設計,是對 自我的超越,在沒有對新項目了解之前,很難找到合適的切入點,再與產品詳細溝通了智慧版2.0的特點與重點之後,問題也就隨之解開,設計的切入點,往往就 在問題本身,深入的分析需求,理解智慧版2.0的功能訴求就為設計畫出了大概的輪廓。智慧版2.0安裝包從內容的角度來說,通過功能的分析已經基本確定, 那麼就是選擇什麼方式表達的問題,在安裝的過程形式感與進度條的設計中,盡量給用戶意向不到的感覺,美好的第一感覺往往對產品有重要的影響。

    安裝包主要界面步驟。

    A 草圖

    搜狗輸入法安裝包設計分享

    在本次安裝包設計中,主要的創意切入點在這個平台的感覺,希望輸入法給用戶的感覺逐步的從簡單的輸入,形成一個更寬廣的平台感受,通過輸入法,我們還可以獲得更多,那麼結合這樣翻轉打開的效果就合適不過。 用戶點擊安裝的一瞬間,這樣的變化希望能讓人耳目一新。

    B:主要場景設定

    搜狗輸入法安裝包設計分享

    對於幾個場景的設定,經歷很長的時間,這裡也有與產品不斷確定的過程,從產品的角度來說肯定是希望傳達的更為清晰、全面,限於設計的形式與時間,在設計中,多與少,簡與復的矛盾始終圍繞,我們盡量合理有序的增加或者刪減一些內容。

    3從交互角度

    作為一個安裝包來說,用戶對常見的安裝過程已經基本形成了一個共識,在本次安裝包設計中,與傳統的安裝包相比,我們將新手引導與設置頁面做為一個重要的部分傳達給用戶。這裡存在幾次修改的過程,再盡量減少用戶點擊的前提下,完成這幾個主要步驟。

    幾個安裝包的交互方案變更

    搜狗輸入法安裝包設計分享

    這幾次安裝交互的修改直接導致安裝包動畫調整的時間周期,同時也給開發帶來一定的重複勞動。從10月份開始接手設計,直到上線的前一周,還在進行一 些內容的調整,主要問題圍繞幾個點,新手引導與設置項的位置,與常見的安裝包來對比,這是一個新的問題,我們進行了多樣的嘗試,最終確定了現在的方案,從 法律、 用戶體驗、多個方面進行權衡。

    一些感悟

    開始着手設計時,很難想到最終的結果,認真做好每一步才有可能收穫一個較好的結果,解決問題的方法往往都在問題之中,設計的過程永遠伴隨着快樂與痛苦,平衡好心態就極為重要,希望智慧版2.0的設計能讓你有更好的輸入體驗,感謝你對輸入法的支持!

    — —

    文章永久連結為: 搜狗輸入法安裝包設計分享