PS繪制灰白色機械鍵盤樣式手機輸入法皮膚圖片
9鍵布局部分筆者選取了大鍵槽結(jié)合字母鍵的結(jié)合方式,一方面可以潛意識地將使用者的視線集中在字母鍵上,減少其他鍵位在打字時的干擾;同理,右部的功能鍵區(qū)采用長鍵槽;而左部的標(biāo)點符號區(qū)因為鍵帽與鍵帽之間間距較大,所以沒有采用相同的策略,而是單獨為每一個標(biāo)點符號設(shè)置鍵槽,而若采用長鍵槽,可能會因為間距部分的鍵槽而使得空間組織顯得過于疏松。
26鍵布局中的主體鍵盤部分也因為間距較大的原因,沒有使用大鍵槽,其余部分就較為簡單了,一個個安排下來即可。

鍵槽只需要一個制造深度的圖層樣式即可。
04 前景字符部分
在比賽規(guī)則框架下盡量匹配實體鍵盤字符風(fēng)格。
實體鍵盤中字體的選用是偏幾何風(fēng)格的,故而在皮膚的字體選用中也應(yīng)盡可能匹配原字體風(fēng)格(比賽要求限制,此處選用漢儀旗黑而非實體鍵盤的字體或類似字體),部分符號作了微小的改動以匹配風(fēng)格,比如將一些圓潤的轉(zhuǎn)折部分去掉了。

05 其他部分
長按氣泡及按下效果清晰明確,不會造成誤解即可。

按下效果制作很簡單,調(diào)整頂部形狀位置,略微調(diào)整圖層樣式的參數(shù)即可效果展示
最終效果—
第一版后第一次大改的版本(第一版找不到了..)

最終版9鍵

最終版26鍵
