萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> QQ輸入法皮膚UI設計教程

QQ輸入法皮膚UI設計教程

QQ輸入法皮膚UI設計教程 三聯教程

  皮膚名稱:一鍋湯 作者:Sheen

  皮膚說明:美味的湯是中華美食的特色食品之一。此皮膚根據一鍋湯的外形聯想而設計,枸杞、冬菇、湯匙、葉子分別對應著中/英文標點、全角/半角、打開工具箱以及用戶登錄四個按鈕,左上方的紅色按鈕是中英文輸入法的切換。 皮膚全屬原創,希望大家喜歡。

  以上是這個皮膚的簡短描述,附上地址 http://skin.py.qq.com/fcgi-bin/showdetail?skinid=4293197210

  關於這個皮膚設計,主要是為了參與近期舉行的QQ拼音皮膚全民大賽。要不是這個比賽逼著我,或許我也憋不出這麼一個東西出來。

  至於說創作靈感,其實我這個設計是沒有什麼靈感的,主要還是在於觀察實物吧。我覺得我還是有點拿來主義,看到好的東西就拿來用。這次的設計我有臨摹過不少的實物,並且參考了各種各樣的造型。

  個人覺得這次設計的一個困難之處在於:如何把5個按鈕的各個狀態融合到整個設計當中,而不是呆板地加在裡面。這個是一個相當考想法和創意的活兒。我在介紹裡面也有講到:

  此皮膚根據一鍋湯的外形聯想而設計,枸杞、冬菇、湯匙、葉子分別對應著中/英文標點、全角/半角、打開工具箱以及用戶登錄四個按鈕,左上方的紅色按鈕是中英文輸入法的切換。

  這些地方其實我是有一個思維的過程的。起初我確實是打算把按鈕獨立出來,加在整個鍋的上方、下方或者是外邊的某處,但是始終覺得湯裡面沒有東西似乎很不好,也顯得湯純粹是擺設,所以就在想能不能在湯裡面加一點元素。於是就有了蘑菇、枸杞、大勺子還有那些漂浮著的小東西。進而發現把按鈕融入進去其實是很好的主意(其實我之前就想過了,但是怕難以達到預期效果),所以還是嘗試了一下,也就成了現在的這個樣子。

  至於這個設計稿的制作過程,我就不詳細講解了,主要的技術還是那麼多,大家都會。

  我可能就把一些簡單的步驟羅列一下吧。

設計教程01
設計教程02

  大概就是這麼多,當然了當中還有不少細節需要注意,各個小物件的制作也是需要比較小心的。我的一些心得就是,最好找到實物來臨摹,當然自己的臨摹能力就很重要了。這樣顏色和質感上都能真實許多。

  就這麼多啦,希望對大家有幫助囖!繼續努力!

copyright © 萬盛學電腦網 all rights reserved