文字規(guī)范
樣式類庫: ① 文字格式 ② 連接樣式 ③ 項目符號 注:所有文字設(shè)計均依據(jù)下列樣式組合 ① 文字格式 12號字格式: 字號 12 px ┊字體 宋體&Arial ┊ 行距 21 px ┊ 粗體&細體 ┊ 14號字格式: 字號 14 px ┊字體 宋體&Arial ┊ 行距 24 px ┊ 粗體&細體 ┊ 10號字格式: 字號 10 px ┊字體 Arial ┊ 行距 無 ┊ 細體 ┊ 20號字格式: 字號 20 px ┊字體 黑體&Arial ┊ 行距 無 ┊ 細體 ┊
說明:10號字格式,12號字格式,14號字格式中的數(shù)字英文字母為Arial,中文為宋體 ② 連接樣式 動態(tài)鏈接樣式: 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #660066 ■ ┊狀態(tài) 下劃線 __
靜態(tài)連接樣式: 鼠標(biāo)初始: 顏色 #自定義 □ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #自定義 □ ┊狀態(tài) 無
重要鏈接樣式: 鼠標(biāo)初始: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __
③ 項目符號: 點狀項目符號: 點 · 數(shù)字項目符號: 數(shù)字 01 02 03 04 05 06 07 08 09 10 形狀項目符號: 自定義
應(yīng)用組合:① 導(dǎo)航類 ② 標(biāo)題類 ③ 信息類 ④ 段落類 ⑤ 功能類 ⑥注釋類 ⑥ 表單類
① 導(dǎo)航類
a 統(tǒng)一導(dǎo)航: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #333333 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #333333 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #333333 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #333333 ■ ┊狀態(tài) 無 文字其它說明 = 關(guān)鍵詞句之間用豎杠符號 | 間隔
b 本頁導(dǎo)航: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #自定義 □ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #自定義 □ ┊狀態(tài) 無 文字其它說明 = 關(guān)鍵詞句之間用豎杠符號 | 間隔
c 標(biāo)題導(dǎo)航: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 關(guān)鍵詞句之間用橫杠符號 - 間隔
d 導(dǎo)航指向: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #自定義 □ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #自定義 □ ┊狀態(tài) 無 文字其它說明 = 關(guān)鍵詞句之間用大于號符號 > 間隔
② 標(biāo)題類
a 版塊標(biāo)題: 20號文字格式 = 字號 20 px ┊ 字體 黑體 ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 無 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #自定義 □ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #自定義 □ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #自定義 □ ┊狀態(tài) 無 文字其它說明 = 標(biāo)題文字位置前可選擇性修飾符號和圖片,默認為無
a 一類標(biāo)題: 14號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 粗體 ┊ 顏色 #自定義 □ ┊ 行距 無 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 標(biāo)題文字位置前可選擇性修飾符號和圖片,默認為三角形符號
a 二類標(biāo)題: 14號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 24 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 無
a 三類標(biāo)題: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 粗體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 無
a 四類標(biāo)題: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 無
c 頭條標(biāo)題: 20號文字格式 = 字號 20 px ┊ 字體 黑體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 無 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #CC0000 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #CC0000 ■ ┊狀態(tài) 無 文字其它說明 = 無
c 正文標(biāo)題: 20號文字格式 = 字號 20 px ┊ 字體 黑體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 文字其它說明 = 無
e 段落標(biāo)題: 14號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 24 px 文字其它說明 = 無
③ 信息類
a 14項目列表: 14號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 24 px 動態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #660066 ■ ┊狀態(tài) 無 文字項目符號 = 點狀· & 數(shù)字01 & 無符號 文字其它說明 = 正常默認為點狀符號,排行性質(zhì)為數(shù)字符號,詞語或者小空間區(qū)域可采用無符號
b 12項目列表: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #自定義 □ ┊ 行距 21 px 動態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #660066 ■ ┊狀態(tài) 無 文字項目符號 = 點狀· & 數(shù)字01 & 無符號 文字其它說明 = 正常默認為點狀符號,排行性質(zhì)為數(shù)字符號,詞語或者小空間區(qū)域可采用無符號
b 圖片列表: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體&粗體 ┊ 顏色 #自定義 □ ┊ 行距 無 動態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #660066 ■ ┊狀態(tài) 無 文字其它說明 = 正常圖片列表默認為細體,焦點圖處采用粗體
④ 功能類
a 普通功能文字: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #000099 ■ ┊ 行距 無 靜態(tài)連接樣式 = 鼠標(biāo)初始: 顏色 #000099 ■ ┊狀態(tài) 無 鼠標(biāo)經(jīng)過: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)點擊: 顏色 #CC0000 ■ ┊狀態(tài) 下劃線 __ 鼠標(biāo)結(jié)束: 顏色 #000099 ■ ┊狀態(tài) 無 文字其它說明 = 以下為各種功能文字應(yīng)用形態(tài) 更多:更多>> 更多應(yīng)用于深背景連接連接色彩采用反白,連接顏色可自定義
全文:[全文] 詳細:[詳細] 評論:[評論] 翻頁功能:[上一頁]
⑤ 注釋類
a 時間: 12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 b 投票: 12號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 c 點擊: 12號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 ⑥ 表單類 a 表單文字:12號文字格式 = 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■┊ 行距 無
⑦ 正文類 正文文字:14號文字格式 = 字號 14 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■┊ 行距 無
圖片規(guī)范
片類型: ① 橫圖 ② 豎圖 ③ 方圖 ④ 專題圖 類型說明: ① 橫圖 比例 4:3 ┊ 尺寸種類 280*210 ┊ 應(yīng)用 焦點圖 130*98 ┊ 應(yīng)用 通欄圖片列表 120*90 ┊ 應(yīng)用 圖文混排 圖片列表 100*75 ┊ 應(yīng)用 圖片列表 77*58 ┊ 應(yīng)用 圖片列表 56*41 ┊ 應(yīng)用 圖片列表 比例 3:2 ┊ 尺寸種類 130*87 ┊ 應(yīng)用 通欄圖片列表 120*80 ┊ 應(yīng)用 圖片列表 比例 2:1 ┊ 尺寸種類 120*60 ┊ 應(yīng)用 廣告性圖片 ② 豎圖 比例 3:4 ┊ 尺寸種類 75*100 ┊ 應(yīng)用 圖片列表 55*73 ┊ 應(yīng)用 圖文混排 ③ 方圖 比例 1:1 ┊ 尺寸種類 55*55 ┊ 應(yīng)用 圖文混排 38*38 ┊ 應(yīng)用 圖文混排 ④ 專題圖 普通專題 ┊ 尺寸種類 750*100 ┊ 應(yīng)用 普通專題 特殊專題 ┊ 尺寸種類 750*200 ┊ 應(yīng)用 特殊專題
表單規(guī)范
圖片類型: ① 按紐 ② 輸入框 ③ 文本框 ④ 菜單 ⑤ 復(fù)選框 ⑥ 單選框 類型說明: 表單形式建議采用WIN2000默認外觀。
① 按紐 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 按紐高度 20px┊文字居中┊ 文字邊距 上4px 下5px 左20px 右20px ② 輸入框 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 按紐高度 20px┊文字居中┊ 文字邊距 上3px 下5px 左3px 右3px ③ 文本框 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333 ■ ┊ 行距 無 按紐高度 20px┊文字居中┊ 文字邊距 上5px 下5px 左5px 右5px ④ 復(fù)選框 WIN2000默認外觀。 ④ 單選框 WIN2000默認外觀。 ④ 菜單 字號 12 px ┊ 字體 宋體&Arial ┊ 細體 ┊ 顏色 #333333■ ┊ 行距 無 按紐高度 20px┊文字居中┊ 文字邊距 上3px 下5px 左3px 右3px
出處:
責(zé)任編輯:bluehearts
上一頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [6] 下一頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [8]
|