中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范)
成功的用戶界面的8個特性 回到列表 小議用戶推薦
 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范)

作者: 時間: 2011-11-11 文檔類型:合作網(wǎng)站提供 來自:

第 1 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [1]
第 2 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [2]
第 3 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [3]
第 4 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [4]
第 5 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [5]
第 6 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [6]
第 7 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [7]
第 8 頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [8]

文字規(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]

作者文章 更多作者文章
社會化購物新模式:"跟隨"與"喜歡"
27個超漂亮的信息圖表
威猛先生潔廁炮——創(chuàng)意說明書
黑客產(chǎn)業(yè)解密:一夜賺600萬
兇一點,薪水就會高一點
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:7/81個記錄/頁 轉(zhuǎn)到 頁 共8個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2