ui界面設(shè)計教案(已改無錯字)
2023-05-17 12:36:00 本頁面
【正文】 習(xí)使學(xué)生了解UI設(shè)計案例展示欣賞與分析。教學(xué)重點：掌握UI設(shè)計案例展示欣賞與分析。教學(xué)難點：掌握UI設(shè)計案例展示欣賞與分析。教學(xué)準(zhǔn)備：課本、參考圖形教學(xué)方法：講授、討論、案例分析教 材：教學(xué)時間：8課時教學(xué)內(nèi)容：UI設(shè)計圖標(biāo)、輸入法、播放器、界面；第一節(jié) 圖標(biāo)圖標(biāo)是具有明確指代含義的計算機圖形。其中桌面圖標(biāo)是軟件標(biāo)識，界面中的圖標(biāo)是功能標(biāo)識。圖標(biāo)分為廣義和狹義兩種：廣義具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。應(yīng)用范圍很廣，軟硬件網(wǎng)頁社交場所公共場合無所不在，例如：男女廁所標(biāo)志和各種交通標(biāo)志等。狹義 應(yīng)用于計算機軟件方面，包括：程序標(biāo)識、數(shù)據(jù)標(biāo)識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等?！ ∫粋€圖標(biāo)是一個小的圖片或?qū)ο螅硪粋€文件，程序，網(wǎng)頁，或命令。圖標(biāo)有助于用戶快速執(zhí)行命令和打開程序文件。單擊或雙擊圖標(biāo)以執(zhí)行一個命令。圖標(biāo)也用于在瀏覽器中快速展現(xiàn)內(nèi)容。所有使用相同擴展名的文件具有相同的圖標(biāo)。 圖標(biāo)有一套標(biāo)準(zhǔn)的大小和屬性格式，且通常是小尺寸的。每個圖標(biāo)都含有多張相同顯示內(nèi)容的圖片，每一張圖片具有不同的尺寸和發(fā)色數(shù)。一個圖標(biāo)就是一套相似的圖片，每一張圖片有不同的格式。從這一點上說圖標(biāo)是三維的。圖標(biāo)還有另一個特性：它含有透明區(qū)域，在透明區(qū)域內(nèi)可以透出圖標(biāo)下的桌面背景。在結(jié)構(gòu)上圖標(biāo)其實和麥當(dāng)勞的巨無霸漢堡差不多?！ ∫粋€圖標(biāo)實際上是多張不同格式的圖片的集合體，并且還包含了一定的透明區(qū)域。因為計算機操作系統(tǒng)和顯示設(shè)備的多樣性，導(dǎo)致了圖標(biāo)的大小需要有多種格式。象素分辨 操作系統(tǒng)在顯示一個圖標(biāo)時，會按照一定的標(biāo)準(zhǔn)選擇圖標(biāo)中最適合當(dāng)前顯示環(huán)境和狀態(tài)的圖像。如果你用的是Windows98操作系統(tǒng)，顯示環(huán)境是 800x600分辨率，32位色深，你在桌面上看到的每個圖標(biāo)的圖像格式就是256色32x32象素大小。如果在相同的顯示環(huán)境下，Windows XP操作系統(tǒng)中，這些圖標(biāo)的圖像格式就是：真彩色（32位色深）、32x32象素大小。下面就是Windows各個操作系統(tǒng)中的標(biāo)準(zhǔn)圖標(biāo)格式：（單位：大小象素—顏色） Windows 98 SE/ME/2000 48 x 48 256 32 x 32 256 16 x 16 256 48 x 48 16 32 x 32 16 16 x 16 16 Windows XP 48 x 48 32bit 32 x 32 32bit 24 x 24 32bit * 16 x 16 32bit 48 x 48 256 32 x 32 256 24 x 24 256 * 16 x 16 256 48 x 48 16 32 x 32 16 24 x 24 16 * 16 x 16 16 * 這種格式在XP圖標(biāo)中并不是必須的?！ ∽⒁猓篧indows98/2000對24 x 24格式的圖標(biāo)不兼容。你可以在相關(guān)應(yīng)用軟件中打開含有這種圖像格式的圖標(biāo)，但操作系統(tǒng)卻認(rèn)為是無效的。你必須確保你所設(shè)計的圖標(biāo)中至少含有以上所列的圖像格式來獲得良好的顯示效果。如果操作系統(tǒng)在圖標(biāo)中找不到特定的圖像格式，它總是采用最接近的圖像格式來顯示，比如把大小為48 x 48的圖標(biāo)縮小為24 x 24象素大小。當(dāng)然，效果就差些了。不同的操作系統(tǒng)版本 Windows 95， Windows 98， Windows ME， Windows 2000 建議： 48x48 （ 256色， 16色） ， 32x32 （ 256色， 16色） ， 16x16 （ 256色， 16色）. 最低： 32x32 （ 256色， 16色） ， 16x16 （ 256色， 16色）. Windows XP 建議： 48x48 （RGB /A， 256色， 16色） ， 32x32 （RGB /A， 256色， 16色）
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1