遵循視覺設(shè)計原理
頁面外觀
頁面類型: ① 普通頁面 ② 寬帶頁面 ③ 自適應(yīng)頁面 ④ 其他頁面
類型說明:
① 普通頁面 基本屬性:寬度 750px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 邊距 上 5px;下 20px;左 0 px;右 0 px 適用范圍:新浪首頁 頻道首頁 頻道二級 頻道各級 正文頁面等及其他非寬帶產(chǎn)品線
② 寬帶頁面 基本屬性:寬度 900px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 邊距 上 5px;下 20px;左 0 px;右 0 px 適用范圍:寬帶頻道首頁和各級頁面 不包括正文頁,及其他寬帶產(chǎn)品線
③ 自適應(yīng) 基本屬性:寬度 100 % ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 邊距 上 5px;下 20px;左 0 px;右 0 px 適用范圍:論壇 聊天 直播 等頁面
④ 其他頁面 基本屬性:寬度 500px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 邊距 上 5px;下 20px;左 0 px;右 0 px 適用范圍:提示報錯頁面
指導(dǎo)原則:
屬性中寬度、位置、邊距為不可變數(shù)據(jù)。 屬性中背景白色為常用色值,對于特殊個性化頻道可根據(jù)特殊要求變更色彩或者使用背景圖。 背景色彩遵循原則選擇顏色盡量少用飽和度高的顏色, 減少用戶視覺疲勞。 背景圖片遵循原則盡量選擇可復(fù)用的圖片,減少頁面文件量。如果遇到頁面整體外描邊效果參照圖例(01)。
出處:
責(zé)任編輯:bluehearts
上一頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [1] 下一頁 新浪網(wǎng)產(chǎn)品設(shè)計指南(含UI規(guī)范) [3]
|