blog管理系統(tǒng)開發(fā)文檔-2系統(tǒng)設(shè)計-2用戶界面設(shè)計-wenkub
2023-02-25 08:27:55 本頁面
【正文】 目 的 市場人員 /客戶代表 了解本文檔對需求的理解是否和他們要求的一致 系統(tǒng)分析人員 理解用戶需求，轉(zhuǎn)化為系統(tǒng)需求 系統(tǒng)設(shè)計人員 理解用戶需求，在設(shè)計時把握用戶需求。 網(wǎng)站美工 網(wǎng)站美工設(shè)計就是怎樣把網(wǎng)站和應(yīng)用程序做的好看一些。封面頁、專題頁可不受此限制。 各主要欄目之間要求使用一致的布局，包括一致的頁面元素；一致的導(dǎo)航形式，使 用相同的銨鈕，相同的順序。為了使顯示 更友好，建議使用 778 或者760 px 設(shè) 計。 二、圖形設(shè)計規(guī)范 圖片標(biāo)準(zhǔn)尺寸 全尺寸 banner 為 468 60px，半尺寸 banner 為 234 60px，小 logo 為 8831px 另外 150 6 120 90， 120 60 也是標(biāo)準(zhǔn)尺寸，網(wǎng)站 logo 一般控制在 150 54 以內(nèi)， 客戶要求或特殊廣告圖片可另定尺寸。 ☆ 一般來說 : 放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們?nèi)∶?banner 標(biāo)志性的圖片我們?nèi)∶麨椋?logo 在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁面上某一個位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu 裝飾用的照片我們?nèi)∶?pic 不帶鏈接表示標(biāo)題的圖片我 們?nèi)∶?title 依照此原則類推。 2）幀切換時盡量半靜半動。 圖標(biāo)和圖片 1）在圖標(biāo)的制作上應(yīng)采用簡捷，色彩明快的圖標(biāo)；在選用單色圖標(biāo)時應(yīng)根據(jù)本欄目的色彩進(jìn)行搭配。 5）內(nèi)容圖片、導(dǎo)航圖片的 border 設(shè)為 0，并要求加上 alt 說明。 5 、 如頁面文件 過長需要 拆分， 建議多 個文件按 順序依 次命名為filename01.*、 filename02.*…… 內(nèi)容不同但屬于同類的，且需定期更新的頁面文件或文本采用： 名稱縮寫＋ (年份 )＋月份＋日期＋序號 ，如 = news081508.* 大流量網(wǎng)站的首頁和各欄目首頁盡量使用以 html 為文件后綴名的靜態(tài)頁面。例如：簡體中文 gb，英文 en 所有 flash, avi, ram, quicktime 等多媒體文 件建議存放在根目錄下的media 目錄，如果屬于各欄目下面的媒體文件，分別在該欄目目錄下建立 media目錄 廣告、交換鏈接、 banner 等圖片保存到 adv 目錄 頁面下載、解釋時間在 56k 鏈接速度下不能超過 40 秒（欄目首頁、表單頁）或 20 秒（一般頁面）。 鏈接的顏色可 配合主題顏色風(fēng)格改變，通常為藍(lán)色、暗藍(lán)色、黑色，但激活后的鏈接顏色、鼠標(biāo)移動其上時的鏈接顏色要同本身顏色進(jìn)行區(qū)分。 5）為加快網(wǎng)頁下載速度，最好使用 CSS 定義類表格樣式。 3） 考慮字體大小的兼容性，避免使用 size=2 的方式定義，盡量使用 pt 或px 并用 css 定義 4）文字顏色與頁面配色協(xié)調(diào)，不使用與背景色相近的顏色。 CSS 書寫規(guī)范 1）所有的 CSS 的盡量采用外部調(diào)用 LINK href=style/ rel=stylesheet type=text/
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1