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

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

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

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

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