blog管理系統(tǒng)開(kāi)發(fā)文檔-2系統(tǒng)設(shè)計(jì)-2用戶界面設(shè)計(jì)-文庫(kù)吧
2025-01-26 08:27 本頁(yè)面
【正文】 文檔名稱 作者 發(fā)布 日期 出版單位 備注 01 博客管理 楊勇 20210513 第 1小組 正式發(fā) 布 02 博客管理 楊勇 20210513 第 1小組 正式發(fā) 布 術(shù)語(yǔ)與縮寫(xiě)解釋 縮寫(xiě)、術(shù)語(yǔ) 解 釋 HTML Hypertext Markup Language, 中文也就是超文本鏈接標(biāo)示語(yǔ)言。 HTML（ HyperTextMarkupLanguage）即超文本標(biāo)記語(yǔ)言，是 WWW 的描述語(yǔ)言。 JavaScript 一種新的描述語(yǔ)言，此一語(yǔ)言可以被箝入 HTML 的文件之中。 網(wǎng)站美工 網(wǎng)站美工設(shè)計(jì)就是怎樣把網(wǎng)站和應(yīng)用程序做的好看一些。 2. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范 一、設(shè)計(jì)風(fēng)格 依照網(wǎng)站的定位確定整體的設(shè)計(jì)風(fēng)格。 主體框架頁(yè)面、內(nèi)容 頁(yè)盡量采用方型結(jié)構(gòu)。禁用長(zhǎng)距離的斜線及弧線結(jié)構(gòu)，可允許 小范圍內(nèi)的斜線及弧線。封面頁(yè)、專題頁(yè)可不受此限制。 設(shè)計(jì)時(shí)盡量在方塊區(qū)邊緣、按鈕、標(biāo)題裝飾塊上體現(xiàn)設(shè)計(jì)技巧，拐角可以有曲線變 化。拐角塊最大不得超過(guò) 18 像素。同一頁(yè)面弧度盡量保持一致。 各主要欄目之間要求使用一致的布局，包括一致的頁(yè)面元素；一致的導(dǎo)航形式，使 用相同的銨鈕，相同的順序?？筛醉?yè)有變化。 首頁(yè)及各級(jí)頁(yè)面都必須帶有網(wǎng)站的 LOGO(建議小于 150 54)，并鏈接到網(wǎng)站首頁(yè)。 統(tǒng)一按兼容分辨率 800*600 設(shè)計(jì)。為了使顯示 更友好，建議使用 778 或者760 px 設(shè) 計(jì)。 網(wǎng)站頁(yè)面長(zhǎng)度建議 1 屏半到 2 屏。原則上長(zhǎng)度不超過(guò) 3 屏，寬度不超過(guò) 1屏。根據(jù) 用戶習(xí)慣和網(wǎng)站需要，國(guó)內(nèi)中文網(wǎng)站綜合類、門戶類 (包括垂直門戶 )網(wǎng)站可設(shè)計(jì)超過(guò) 3 屏。 二、圖形設(shè)計(jì)規(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)， 客戶要求或特殊廣告圖片可另定尺寸。 建議首頁(yè)存儲(chǔ)大小 不得超過(guò) 150K(包括圖片 )，其它頁(yè)面經(jīng)壓縮后尺寸不得超過(guò) 70K。 圖片的分類及命名規(guī)則 ☆ 名稱分為頭尾兩兩部分，用下劃線隔開(kāi)。 ☆ 頭部分表示此圖片的大類性質(zhì)，例如廣告、標(biāo)志、菜單、按鈕等等。 ☆ 一般來(lái)說(shuō) : 放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片我們?nèi)∶?banner 標(biāo)志性的圖片我們?nèi)∶麨椋?logo 在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu 裝飾用的照片我們?nèi)∶?pic 不帶鏈接表示標(biāo)題的圖片我 們?nèi)∶?title 依照此原則類推。 ☆ 尾部分用來(lái)表示圖片的具體含義，如果有類似圖片就用數(shù)字區(qū)別。 ☆ 下面是幾個(gè)樣例，大家應(yīng)該能夠一眼看明白圖片的意義： , ☆ 小標(biāo)一定做成透明的。 Banner 制作要求
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1