搜狗輸入法皮膚制作教程（提高版）

1、搜狗輸入法皮膚制作教程（提高版）前言：通過搜狗輸入法皮膚教程（基礎版）的學習，相信廣大作者對搜狗皮膚的制作都有了一定了解，我們也驚喜的看到越來越多的作者加入了皮膚制作的行列。隨著對優(yōu)秀皮膚獎勵的增大，我們特撰寫了此提高版教程，旨在幫助有一定設計基礎的皮膚作者更快找到皮膚設計的精髓，設計出高質量皮膚，進而獲得更多獎勵。專題提綱：輸入框及狀態(tài)欄的細節(jié)設計風格與顏色的選擇皮膚列表縮略圖及預覽圖的設計，具體皮膚拉伸方法說明：每個專題分為內容講解、設計Do&Dont兩部分，Do部分表示官方建議或鼓勵的設計方法，Dont部分表示官方不建議或不支持的設計方法，皮膚作者可根據(jù)實際情況設計皮膚本教程選取的所有圖

2、例具有優(yōu)秀皮膚的普遍代表性，符合每個專題要求更多優(yōu)秀皮膚請點擊：HYPERLINK 輸入框及狀態(tài)欄的細節(jié)設計輸入框及狀態(tài)欄形狀選擇：輸入框布局：常見輸入框布局有以下幾種，不論是線條還是框形目的都是要對拼音串和候選項做上下的區(qū)分，無分割圖形的皮膚請注意行距狀態(tài)欄布局狀態(tài)欄與輸入框合二為一：輸入框、狀態(tài)欄的裝飾：主形象位置邊框裝飾：無裝飾：常用線條、色塊等表現(xiàn)邊界邊框裝飾：在邊框內、外 、上進行藝術處理按鈕裝飾： 通過以下鼠標動作中導入不同圖片、顏色、動畫達到動態(tài)效果分割線的設計：無分割線：注意拼音串與候選項的距離直線分界：運用普通直接分界色塊分界：運用上下顏色對比達到分界目的其他效果：皮膚細節(jié)設

3、計Do&Dont：Do：輸入框背景及細節(jié)恰到好處，底紋背景或形象不遮蓋拼音串和候選項，背景主干形象盡量放在輸入框兩側，不影響輸入串顯示，圖例如下：狀態(tài)欄追求變化，使用不規(guī)則狀態(tài)欄（非條狀），或通過按鈕狀態(tài)變化達到“動態(tài)”效果，圖例如下：狀態(tài)欄“動態(tài)效果”的制作：一般選擇“狀態(tài)欄設置系統(tǒng)菜單”按鈕，在鼠標普通、懸浮、按下3個狀態(tài)導入不同圖片，輸入法即可根據(jù)鼠標狀態(tài)變化進行圖片切換，達到“動態(tài)”效果。重視質感、光澤、層次感，圖例如下：輸入法字體顏色與背景色有對比，便于用戶輸入（圖例見上），配色可參考HYPERLINK Dont ：輸入框或狀態(tài)欄單一色條狀設計，無色彩、光澤、層次變化背景裝飾影響正常

4、輸入字體與背景顏色類似輸入串放在背景圖片形象上2. 風格及顏色選擇黑白手繪：選用鉛筆效果的圖片，描繪簡單可愛的風格簡約質感：以簡單的線條和顏色追求視覺上的質感變化，如透明半透明aero效果、apple風格等華麗飽滿：卡通類風格及顏色選擇Do&Dont:Do：簡約型：注重細節(jié)，如邊框、按鈕等，追求“簡約不簡單”，如下：華麗型：色彩飽滿細節(jié)眾多的同時考慮實際使用效果，參看第一點，圖例如下：（3）顏色：加強配色的合理性，考慮用戶的接受度（圖例見上）Dont:單色輸入框或狀態(tài)欄顏色過于絢麗影響輸入3 . 縮略圖設計Do ：（1）在規(guī)定縮略圖尺寸內，采用同題材背景烘托氣氛，增加皮膚表現(xiàn)力，展示效果事半功倍 圖片大小居中,帶有相關宣傳語（2）以皮膚展示為主，配合背景縮略圖，切勿喧賓奪主圖例如下：HYPERLINK HYPERLINK HYPERLINK HYPERLINK HYPERLINK HYPERLINK HYPERLINK HYPERLINK Dont:使用白色背景縮略圖（可根據(jù)題材需要決定）皮膚效果圖過小，背景喧賓奪主4 皮膚輸入框拉伸Do：滿足輸入框9個候選項拉伸需要，“距圖片右”設置較大數(shù)值，避免輸入串超出數(shù)據(jù)框或被形