網(wǎng)站界面(UI)設(shè)計(jì)-期末考試復(fù)習(xí)題 電大 開放大學(xué)

《網(wǎng)站界面(UI)設(shè)計(jì)-期末考試復(fù)習(xí)題 電大 開放大學(xué)》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)站界面(UI)設(shè)計(jì)-期末考試復(fù)習(xí)題 電大 開放大學(xué)（90頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 .. .. .. .. 一、多項(xiàng)選擇題（每小題 3 分，15 題，共 45 分） 1．設(shè)計(jì)者在開展具體網(wǎng)站界面設(shè)計(jì)之前需要了解的信息包括（ ）。 A．建站目標(biāo) B．目標(biāo)用戶特征 C．商業(yè)模式 D．網(wǎng)站特征和優(yōu) 勢(shì) 2．以下屬于暖色色相的有（ ）。 A．深藍(lán)色 B．棕黃色 C．橙色 D．白色 3．以下哪些因素會(huì)影響文字的可讀性（ ）。 A．行距與行長(zhǎng)度 B．字體樣式 C．字距和留白 D．顏色與對(duì)比 度 …… 二、單項(xiàng)選擇題（每小題 2.5 分，12 題，共 30 分） 1．一般來說網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（ ）。 A．72dpi B．

2、300dpi C．150dpi 2．為保證網(wǎng)頁色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇 （ ）。 A．Index 色彩模式 B．RGB 色彩模式 C．216 種網(wǎng)頁安全色 3．下列字體中最具可讀性、最易瀏覽的是 （ ）。 A．襯線體 B．手寫體 C．無襯線體 …… 三、判斷題（正確的打“√”，錯(cuò)誤的打“×”；每小題 2.5 分，10 題， 共 25 分） 1 ．網(wǎng)頁中主要的圖片格式包括 GIF、JPG、PNG、AI。（ ） 2 ．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是 動(dòng)態(tài)，第三是形狀。（ ） …… 試題參考答案： 一

3、、多項(xiàng)選擇題（每小題 3 分，15 題，共 45 分） 1．ABCD 2．BC 3．ABCD …… 二、單項(xiàng)選擇題（每小題 2.5 分，12 題，共 30 分） 1．A 2．C 3．C …… 參考.資料 .. .. .. .. 三、判斷題（正確的打“√”，錯(cuò)誤的打“×”；每小題 2.5 分，10 題，共 25 分） 1. × 2. × ……  網(wǎng)站界面（UI）設(shè)計(jì)復(fù)習(xí)題 一、多選題 1．設(shè)計(jì)師在開展具體網(wǎng)站界面設(shè)計(jì)之前需要了解的信息包括（ ） A. 建站目標(biāo) B. 目標(biāo)用戶特征 C. 商業(yè)模式 D. 網(wǎng)站特征和

4、優(yōu)勢(shì) 2．在開展設(shè)計(jì)工作之前，我們力求做到知己知彼，這里的“彼”指（ ） A. 對(duì)所服務(wù)的客戶的認(rèn)知，和客戶保持良好的溝通 B. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 C. 對(duì)競(jìng)爭(zhēng)對(duì)手的了解 D. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 3．關(guān)于網(wǎng)站策劃書描述準(zhǔn)確的有（ ） A. 對(duì)于建設(shè)網(wǎng)站的想法、創(chuàng)建流程及相關(guān)事宜書寫下來，成為建站工作的總領(lǐng)。 B. 網(wǎng)站策劃書包含了多個(gè)方面的內(nèi)容，可以對(duì)市場(chǎng)、設(shè)計(jì)、技術(shù)、營(yíng)銷等相關(guān)人員下 達(dá)指導(dǎo)工作的指令，幫助建站團(tuán)隊(duì)中不同崗位的人相互了解工作的重心。 C. 網(wǎng)站策劃書由客戶提供。 D. 網(wǎng)站策劃書往往包含很多有效的指引設(shè)計(jì)方向的信息。 4. 對(duì)

5、于網(wǎng)站界面設(shè)計(jì)起著決定性作用（） A. 視覺審美 B. 建站目的 C. 網(wǎng)站定位 D. 客戶意見 5．對(duì)于用戶導(dǎo)向原則在網(wǎng)站界面設(shè)計(jì)中的具體體現(xiàn)描述準(zhǔn)確的是（ ） A. 明確體現(xiàn)網(wǎng)站的核心功能和服務(wù) B. 符合用戶在使用網(wǎng)站時(shí)的心智模型和場(chǎng)景中的思維狀態(tài) 參考.資料 .. .. .. .. C. 尊重人機(jī)交互中用戶的生理特征 D. 符合用戶的認(rèn)知習(xí)慣 6．下列關(guān)于心智模型表述準(zhǔn)確的有（ ） A. 根據(jù)用戶的心智模型來選擇信息的組織方式是優(yōu)秀網(wǎng)站成功的重要因素。 B. 人們通?；谧陨斫?jīng)驗(yàn)和現(xiàn)有知識(shí)來理解新事物。 C. 有助于用戶理解如

6、何使用網(wǎng)站的設(shè)計(jì)屬于符合心智模型的設(shè)計(jì)。 D. 重視情景因素對(duì)用戶行為的影響。 7．保持一致性是提升網(wǎng)站的可用性的重要手段，它體現(xiàn)在（ ） A. 布局設(shè)計(jì) B. 導(dǎo)航設(shè)計(jì) C. 交互操作 D. 視覺要素 8．圖片的挑選原則包括（ ） A. 使用能夠有效傳達(dá)信息的圖片 B. 使用引發(fā)觀者的情緒反應(yīng)的圖片 C. 避免使用與網(wǎng)站的主題無關(guān)的圖片 D. 都要使用高清大圖。 9．以下哪些因素會(huì)影響文字的可讀性（ ） A. 行距與行長(zhǎng)度 B. 文字的內(nèi)外邊距 C. 字體樣式 D. 顏色與對(duì)比度 10．加大視覺元素之間層次感的方法有（ ） A. 大小對(duì)比

7、 B. 色彩對(duì)比 C. 距離對(duì)比 D. 位置對(duì)比 11．如何讓界面中的重要元素變得突出，下列處理手段合理的有（ A. 使用鮮艷的色彩 B. 注意周圍的留白 C. 放在用戶瀏覽網(wǎng)頁視線中的重要位置 參考.資料  ） .. .. .. .. D. 越大越好 12．關(guān)于對(duì)比色相，下列說法正確的有（ ） A. 指色相相距 120 度左右的色相之間形成的關(guān)系 B. 給人鮮明生動(dòng)、強(qiáng)烈興奮的感覺 C. 黃色和綠色是對(duì)比色相 D. 紅色和藍(lán)色是對(duì)比色相 13．以下屬于互補(bǔ)色相的有（ ） A. 黃色與紫色 B. 紅色與綠色 C. 橙色

8、與藍(lán)色 D. 黑色與白色 14．下列屬于暖色的色相有（ ） A. 深藍(lán)色 B. 黃棕色 C. 橙色 D. 白色 15．下列可以幫助加強(qiáng)色彩對(duì)比的方法有（ ） A. 色相互補(bǔ) B. 明度差異大 C. 色相臨近 D. 飽和度差異大 16．下列關(guān)于黃色的描述準(zhǔn)確的有（ ） A. 氣質(zhì)明快生動(dòng) B. 當(dāng)明度降低時(shí)，色彩面貌會(huì)發(fā)生很大的變化 C. 飽和的黃色經(jīng)常充當(dāng)強(qiáng)調(diào)色 D. 飽和的黃色在兒童站點(diǎn)及針對(duì)年輕人的網(wǎng)站中常見。 17．下列關(guān)于綠色的描述準(zhǔn)確的有（ ） A. 中性色的綠色象征著自然、生命、希望、和平、健康、安全 B. 易于和其他顏色搭配

9、 C. 深綠意味穩(wěn)定、沉著，嫩綠有新鮮、清新、生機(jī)勃勃的感覺 D. 與環(huán)境、健康、教育相關(guān)的網(wǎng)站經(jīng)常使用 參考.資料 .. .. .. .. 18．建立有效布局的手段有（ ） A. 有選擇的展現(xiàn)信息，分清主次 B. 預(yù)先對(duì)信息進(jìn)行科學(xué)的分類，整理好優(yōu)先級(jí) C. 遵循用戶習(xí)慣，同時(shí)給予適當(dāng)?shù)囊龑?dǎo)推薦 D. 不同信息找到最合適的表現(xiàn)方式 19．信息量巨大的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ ） A. 采用規(guī)則型版式 B. 圖文率中以文字為主 C. 穩(wěn)定感大于自由感 D. 圖片多為出血 20．感性風(fēng)格的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ A

10、. 多采用自由式型版式 B. 圖文率中以圖為主 C. 自由感大于穩(wěn)定感 D. 圖片外輪廓都為方形 21．關(guān)于全局導(dǎo)航的描述正確的有（ ） A. 出現(xiàn)在網(wǎng)站所有的頁面中 B. 位置一定在網(wǎng)頁的頂部 C. 體現(xiàn)網(wǎng)站最重要的內(nèi)容層次結(jié)構(gòu) D. 幫助用戶在網(wǎng)站中迅速定位 22．關(guān)于網(wǎng)格系統(tǒng)的表述正確的有（ ） A. 使用橫向和縱向引導(dǎo)線將版面進(jìn)行劃分 B. 重視比例感、秩序感、準(zhǔn)確性 C. 把秩序引入設(shè)計(jì)中去的一種方法 D. 只適用于平面設(shè)計(jì) 23．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點(diǎn)（ ） A. 形象定義準(zhǔn)確 B. 造型完整簡(jiǎn)明 C. 風(fēng)格統(tǒng)一 D. 配色

11、協(xié)調(diào) 24．關(guān)于扁平化風(fēng)格圖標(biāo)的表述正確的有（ ） A、簡(jiǎn)約風(fēng)格 參考.資料  ） .. .. .. .. B、 有利于提高系統(tǒng)性能 C、 不強(qiáng)調(diào)質(zhì)感與細(xì)節(jié)的描摹 D、 強(qiáng)調(diào)功能性 25．網(wǎng)站界面中越來越多出現(xiàn)高清大圖和視頻的原因在于（ ） A. 帶寬流量和服務(wù)器性能的改善 B. 視覺沖擊力強(qiáng) C. 用戶體驗(yàn)好 D. 視頻可負(fù)載的信息量很多 26．下列關(guān)于 JPEG 和 PNG 格式正確的是（ ） A. JPEG 屬于有損壓縮模式，PNG 屬于無損壓縮模式。 B. JPEG 不支持透明，PNG 支持透明。 C. JPEG 不支

12、持動(dòng)畫，PNG 支持動(dòng)畫。 D. JPEG 支持?jǐn)z影圖像或?qū)憣?shí)圖像的高級(jí)壓縮，可利用壓縮比例控制圖像文件大小。 27．下列關(guān)于 Photoshop 中剪貼蒙版說法正確的是（ ） A. Photoshop 中剪貼蒙版是由兩個(gè)圖層及以上組成。 B. 最下面一層叫基底圖層，也叫做遮罩，其它圖層叫剪貼圖層，剪貼圖層可由多個(gè)圖 層組成。 C. 修改基底圖層會(huì)影響整個(gè)剪貼蒙版的效果。 D. 修改某個(gè)剪貼圖層會(huì)影響整個(gè)剪貼蒙版的效果。 28．下列關(guān)于 Photoshop 打開文件的操作，哪個(gè)是正確的？（ ） A. 選擇“文件>打開”命令，在彈出的對(duì)話框中選擇要打開的文件 B. 選擇

13、“文件>最近打開文件”命令，在子菜單中選擇相應(yīng)的文件名 C. 如果圖像是 Photoshop 軟件創(chuàng)建的，直接雙擊圖像圖標(biāo) D. 將圖像圖標(biāo)拖放到 Photoshop 軟件圖標(biāo)上 29． 當(dāng)選擇“文件>新建”命令，在彈出的“新建”對(duì)話框中可設(shè)定下列哪些選項(xiàng)？ （ ） A. 圖像的高度和寬度 B. 圖像的分辨率 C. 圖像的色彩模式 D. 圖像的標(biāo)尺單位 30．下列哪些方法可以產(chǎn)生新圖層？ （ ） A. 雙擊圖層控制調(diào)板的空白處，在彈出的對(duì)話框中進(jìn)行設(shè)定選擇新圖層命令 B. 單擊圖層調(diào)板下方的新圖層按鈕 參考.資料 .. .. .. .. C.

14、 使用鼠標(biāo)將將圖像從當(dāng)前窗口中拖動(dòng)到另一個(gè)圖像窗口中 D. 使用文字工具在圖像中添加文字 31．文字圖層中的文字信息哪些可以進(jìn)行修改和編輯？ A. 文字顏色 B. 文字內(nèi)容，如加字或減字 C. 文字大小 D. 將文字圖層轉(zhuǎn)換為像素圖層后可以改變文字的字體 二、單選題 1．一般來說網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（ ）。 A．72dpi B．300dpi C．150dpi D．200dpi 2．為保證網(wǎng)頁色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇（ ）。 A．Index 色彩模式 D．CMYK 色彩模式 B．RGB 色彩模式 C

15、．216 種網(wǎng)頁安全色 3．網(wǎng)站為某臨時(shí)性的活動(dòng)或者推廣宣傳某商品或服務(wù)而推出的特別頁面，有很強(qiáng)的時(shí)效性， 通常稱之為（ ）。 A．引導(dǎo)頁 B．專題頁 C．臨時(shí)頁 D．主題頁 4．在 Web 上使用的圖像格式有以下哪幾種？（ ） A. PSD，TIF，GIF B. JPEG，GIF，SWF C. GIF，JPEG，PNG D. EPS，GIF，JPEG 5．以下對(duì) Web 圖像格式的敘述哪個(gè)是錯(cuò)誤的? （ ） A. JPEG 適合于諸如照片之類的具有豐富色彩的圖像 B. JPEG 和 GIF 都是壓縮文件格式 C. GIF 支持動(dòng)畫，而

16、 JPEG 不支持 D. GIF 是基于索引色表的圖像格式，它可以支持上千種顏色 6．下列哪種格式只支持 256 種顏色？（ ） A. GIF B. JPEG 參考.資料 .. .. .. .. C. TIFF D. PSD 7．下列字體中最具可讀性、最易瀏覽的是 （ ）。 A．襯線體 B．手寫體 C．無襯線體 D．書法體 8．下列色相環(huán)中哪種色相關(guān)系對(duì)比最強(qiáng)烈，配色能給人飽滿、活躍、生動(dòng)、刺激的強(qiáng)烈感 受（ ） A. 類似色相 B. 臨近色相 C. 互補(bǔ)色相 D. 對(duì)比色相 9．（ ）是指色彩三屬性中

17、除了色相以外的明度和彩度的復(fù)合稱謂。 A. 色環(huán) B. 色調(diào) C. 飽和度 D. 色彩風(fēng)格 10．下列屬于三角調(diào)和，也符合鄰近色相的色彩組合有（ ） A. 紫色、綠色、橙色 B. 橙色、黃色、黃綠色 C. 紅色、橙色、藍(lán)色 D. 藍(lán)色、綠色、紅色 11．下列屬于三角調(diào)和，也符合對(duì)比色相的色彩組合有（ ） A. 紅色、藍(lán)紫色、黃綠色 B. 橙色、黃色、黃綠色 C. 黃綠色、綠色、藍(lán)綠色 D. 紅紫色、紅色、橙色 12．下列哪個(gè)色彩調(diào)整命令可提供最精確的調(diào)?整（ ） A.色階（Levels） B . 亮度/對(duì)比度（Brightness/Co

18、ntrast） C . 曲線（Curves） D .色彩平衡（Color Balance） 參考.資料 .. .. .. .. 13．下列關(guān)于背景層的描述哪個(gè)是正確的？（ ） A. 在圖層調(diào)板上背景層是不能上下移動(dòng)的，只能是最下面一層 B. 背景層可以設(shè)置圖層蒙版 C. 背景層不能轉(zhuǎn)換為其它類型的圖層 D. 背景層不可以執(zhí)行濾鏡效果 14．單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié) 果是（ ） A. 該圖層被鎖定 B. 該圖層被隱藏 C. 該圖層會(huì)以線條稿顯示 D. 該圖層被刪除 1

19、5．如何使用仿制橡皮圖章工具在圖像上取樣？（ ） A. 按住 Shift 鍵的同時(shí)單擊取樣位置來選擇多個(gè)取樣像素 B. 按住 Option（Mac）/Alt（Win）鍵的同時(shí)單擊取樣位置 C. 按住 Command（Mac）/Ctrl（Win）鍵的同時(shí)單擊取樣位置 D. 住 Tab 鍵的同時(shí)單擊取樣位置 16．使用鋼筆工具創(chuàng)建直線點(diǎn)的方法是（ ） A. 用鋼筆工具直接單擊 B. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng) C. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng)使之出現(xiàn)兩個(gè)把手， 然后按住 Alt(Win)/Option(Mac)鍵單擊 D. 按住 Alt(Win)/Option(Mac

20、)鍵的同時(shí)用鋼筆工具單擊 17．當(dāng)編輯圖像時(shí)使用減淡工具可以達(dá)到何種目的？（ ） A. 使圖像中某些區(qū)域變暗 B. 刪除圖像中的某些像素 C. 使圖像中某些區(qū)域變亮 D. 使圖像中某些區(qū)域的飽和度增加 18．下面哪個(gè)工具可以減少圖像的飽和度? （ ） A. 加深工具 B. 銳化工具（正常模式） C. 海綿工具 D. 模糊工具（正常模式） 參考.資料 .. .. .. .. 19．下列哪個(gè)工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？（ ） A. 矩形選框工具 B. 橢圓選框工具 C. 魔棒工具 D. 磁性套索工具 20．圖像優(yōu)

21、化是指（ ） A. 把圖像處理得更美觀一些 B. 把圖像尺寸放大使觀看更方便一些 C. 使圖像質(zhì)量和圖像文件大小兩者的平衡達(dá)到最佳，也就是說在保證圖象質(zhì)量的情況 下使圖像文件達(dá)到最小 D. 把原來模糊的圖像處理得更清楚一些 21．切片的形狀是（ ） A. 矩形 B. 圓形 C. 多邊不規(guī)則形 D. 菱形 22．選取切片可以用下列哪個(gè)工具（ ） A. 切片選取工具 B. 直接選取工具 C. 移動(dòng)工具 D. 選擇工具 23．在制作網(wǎng)頁時(shí)，如果是連續(xù)調(diào)的層次豐富的圖像，通常情況下應(yīng)存儲(chǔ)為哪種格式？（ ） A. GIF B. EPS C. JPEG D.

22、 TIFF 24．在制作網(wǎng)頁時(shí)，如果文件中有大面積相同的顏色，最好存儲(chǔ)為哪種格式？（ ） A. GIF B. EPS C. BMP D. TIFF 參考.資料 .. .. .. .. 三、判斷題 1 ．網(wǎng)站定位對(duì)于網(wǎng)站界面設(shè)計(jì)起決定性作用。 （ ） 2 ．心理學(xué)研究表明，人一次性接受的信息量是有限的，信息量過多會(huì)造成心理上的負(fù)擔(dān)。 （ ） 3．F 式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁瀏覽眼動(dòng)研究成果得出的方法。 （ ） 4 ．扁平化設(shè)計(jì)是去繁從簡(jiǎn)的設(shè)計(jì)美學(xué)，去掉所有裝飾性的設(shè)計(jì)，是對(duì)之前所推崇的擬物化 設(shè)計(jì)的顛覆，但它僅

23、僅是提供了新的外觀，與提升設(shè)備的性能無關(guān)。 （ ） 5 ．網(wǎng)頁中主要的圖片格式包括 GIF、JPG、PNG、AI。 （ ） 6 ．為了保證網(wǎng)站中圖片的清晰度，要把所用圖片的分辨率設(shè)為 300dpi。 （ × ） 7 ．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是動(dòng)態(tài)，第三是形 狀。 （ ） 8 ．一般來說，色彩的彩度差異越大，注目度就大，它是決定注目度的最主要因素（。 ） 9 ．Index 色彩模式又被稱為索引模式，該模式把圖像限制成不超過 256 種顏色，主要是為了 可以有效地縮減圖像文件的大小，同時(shí)可以適度保持圖像文件的色彩品質(zhì)

24、。 （ ） 10 ．色相的象征意義是固定的，是由人類的視覺生理反應(yīng)決定的。 （ ） 11 ． 網(wǎng)頁色彩組合中有主色、輔助色和強(qiáng)調(diào)色，需要強(qiáng)調(diào)部分的色彩面積越大越好。 （ ） 12 ．從色調(diào)、色相兩者來看，色調(diào)更容易決定著網(wǎng)頁的整體印象，營(yíng)造網(wǎng)頁氛圍。 （ ） 13 ．對(duì)于已經(jīng)有了企業(yè)形象識(shí)別系統(tǒng)的企業(yè)，在選擇公司站點(diǎn)的網(wǎng)頁配色時(shí)首選形象識(shí)別系 統(tǒng)中的標(biāo)準(zhǔn)色彩。 （ ） 14 ．照片、插圖等圖像與文字的比例稱為圖文率，也被稱為視覺度，文字所占比例大，視覺 度就高。 （ ） 15 ．網(wǎng)站中的導(dǎo)航都固定在特定的位置上。 （ ） 參考.資料

25、 .. .. .. .. 16 ．使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗(yàn)，有利于形成網(wǎng)站界面的個(gè)性化風(fēng)格。（ ） 17 ．低保真原型目的是檢驗(yàn)產(chǎn)品的功能與用戶體驗(yàn)流程，以便發(fā)現(xiàn)基本的問題。 （ ） 18 ．網(wǎng)頁設(shè)計(jì)者可以指定網(wǎng)頁字體的樣式，無論用戶瀏覽器中是否有這種字體，都能準(zhǔn)確顯 示。 （ ） 19．Photoshop 中兩個(gè)路徑的合并計(jì)算，一共有四種計(jì)算方式：合并、減去、相交、排除相 交。 （ ） 20．使用圖層組復(fù)制可以快速地制作差別不大的重復(fù)部分，良好的圖層組織使別人可以較容 易看懂源文件并接手工作。 （ ）

26、 21 ．當(dāng)使用 JPEG 作為優(yōu)化圖像的格式時(shí)，圖像質(zhì)量百分比值越高，文件尺寸越小。（ ） 22 ．使用切片工具將圖像劃分成不同的區(qū)域，可以加速圖像在網(wǎng)頁瀏覽時(shí)的速度。（ ） 23 ．切片可以是任意形狀的。（ ） 參考答案： 一、 多選題 1.ABCD 2.ABCD 3.ABD 4.BC 5.ABCD 6.ABCD 7.ABCD 8.ABC 9.ABCD 10.ABCD 11. ABC 12. ABD 13. ABC 14. BC 15. ABD 16. ABCD 17. ABCD 18. ABCD 19. ABC 20. ABC 21. ACD 2

27、2. ABC 23. ABCD 24. ABCD 25. ABCD 26. ABD 27. ABC 28. ABCD 29. ABC 30. BCD 31. ABC 二、  單選題 1.A 2.C 3.B 4.C 5.D 6.A 7.C 8.C 9.B 10.B 11. A 12. C 13.A 14.C 13.A 14.B 15.B 16.A 17.C 18.C 19.C 20.C 21. A 22. A 23. C 24. A 三、判斷題 1. （√） 2. （√） 3. （√） 4. （×） 5. （×） 6. （×） 參考.資料

28、 .. .. .. .. 7. （×） 8. （×） 9.（√） 10.（×） 11.（×） 12.（√） 13.（√） 14.（×） 15.（×） 16.（√） 17.（√） 18.（×） 19.（√） 20.（√） 21.（×） 22.（√） 23.（×） 網(wǎng)站界面（UI）設(shè)計(jì)復(fù)習(xí)題 一、多選題 1．設(shè)計(jì)師在開展具體網(wǎng)站界面設(shè)計(jì)之前需要了解的信息包括（ ） A. 建站目標(biāo) B. 目標(biāo)用戶特征 C. 商業(yè)模式 D. 網(wǎng)站特征和優(yōu)勢(shì) 2．在開展設(shè)計(jì)工作之前，我們力求做到知己知彼，這里的“彼”指（ ） A. 對(duì)所服務(wù)的客戶的認(rèn)知，和

29、客戶保持良好的溝通 B. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 C. 對(duì)競(jìng)爭(zhēng)對(duì)手的了解 D. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 3．關(guān)于網(wǎng)站策劃書描述準(zhǔn)確的有（ ） A. 對(duì)于建設(shè)網(wǎng)站的想法、創(chuàng)建流程及相關(guān)事宜書寫下來，成為建站工作的總領(lǐng)。 參考.資料 .. .. .. .. B. 網(wǎng)站策劃書包含了多個(gè)方面的內(nèi)容，可以對(duì)市場(chǎng)、設(shè)計(jì)、技術(shù)、營(yíng)銷等相關(guān)人員下 達(dá)指導(dǎo)工作的指令，幫助建站團(tuán)隊(duì)中不同崗位的人相互了解工作的重心。 C. 網(wǎng)站策劃書由客戶提供。 D. 網(wǎng)站策劃書往往包含很多有效的指引設(shè)計(jì)方向的信息。 4. 對(duì)于網(wǎng)站界面設(shè)計(jì)起著決定性作用（） A. 視覺審美

30、 B. 建站目的 C. 網(wǎng)站定位 D. 客戶意見 5．對(duì)于用戶導(dǎo)向原則在網(wǎng)站界面設(shè)計(jì)中的具體體現(xiàn)描述準(zhǔn)確的是（ ） A. 明確體現(xiàn)網(wǎng)站的核心功能和服務(wù) B. 符合用戶在使用網(wǎng)站時(shí)的心智模型和場(chǎng)景中的思維狀態(tài) C. 尊重人機(jī)交互中用戶的生理特征 D. 符合用戶的認(rèn)知習(xí)慣 6．下列關(guān)于心智模型表述準(zhǔn)確的有（ ） A. 根據(jù)用戶的心智模型來選擇信息的組織方式是優(yōu)秀網(wǎng)站成功的重要因素。 B. 人們通常基于自身經(jīng)驗(yàn)和現(xiàn)有知識(shí)來理解新事物。 C. 有助于用戶理解如何使用網(wǎng)站的設(shè)計(jì)屬于符合心智模型的設(shè)計(jì)。 D. 重視情景因素對(duì)用戶行為的影響。 7．保持一致性是提升網(wǎng)站

31、的可用性的重要手段，它體現(xiàn)在（ ） A. 布局設(shè)計(jì) B. 導(dǎo)航設(shè)計(jì) C. 交互操作 D. 視覺要素 8．圖片的挑選原則包括（ ） A. 使用能夠有效傳達(dá)信息的圖片 B. 使用引發(fā)觀者的情緒反應(yīng)的圖片 C. 避免使用與網(wǎng)站的主題無關(guān)的圖片 D. 都要使用高清大圖。 9．以下哪些因素會(huì)影響文字的可讀性（ ） A. 行距與行長(zhǎng)度 參考.資料 .. .. .. .. B. 文字的內(nèi)外邊距 C. 字體樣式 D. 顏色與對(duì)比度 10．加大視覺元素之間層次感的方法有（ ） A. 大小對(duì)比 B. 色彩對(duì)比 C. 距離對(duì)比 D. 位置對(duì)比

32、 11．如何讓界面中的重要元素變得突出，下列處理手段合理的有（ A. 使用鮮艷的色彩 B. 注意周圍的留白 C. 放在用戶瀏覽網(wǎng)頁視線中的重要位置 D. 越大越好 12．關(guān)于對(duì)比色相，下列說法正確的有（ ） A. 指色相相距 120 度左右的色相之間形成的關(guān)系 B. 給人鮮明生動(dòng)、強(qiáng)烈興奮的感覺 C. 黃色和綠色是對(duì)比色相 D. 紅色和藍(lán)色是對(duì)比色相 13．以下屬于互補(bǔ)色相的有（ ） A. 黃色與紫色 B. 紅色與綠色 C. 橙色與藍(lán)色 D. 黑色與白色 14．下列屬于暖色的色相有（ ） A. 深藍(lán)色 B. 黃棕色 C. 橙色 D. 白

33、色 15．下列可以幫助加強(qiáng)色彩對(duì)比的方法有（ ） A. 色相互補(bǔ) B. 明度差異大 C. 色相臨近 參考.資料  ） .. .. .. .. D. 飽和度差異大 16．下列關(guān)于黃色的描述準(zhǔn)確的有（ ） A. 氣質(zhì)明快生動(dòng) B. 當(dāng)明度降低時(shí)，色彩面貌會(huì)發(fā)生很大的變化 C. 飽和的黃色經(jīng)常充當(dāng)強(qiáng)調(diào)色 D. 飽和的黃色在兒童站點(diǎn)及針對(duì)年輕人的網(wǎng)站中常見。 17．下列關(guān)于綠色的描述準(zhǔn)確的有（ ） A. 中性色的綠色象征著自然、生命、希望、和平、健康、安全 B. 易于和其他顏色搭配 C. 深綠意味穩(wěn)定、沉著，嫩綠有新鮮、清新、生機(jī)勃

34、勃的感覺 D. 與環(huán)境、健康、教育相關(guān)的網(wǎng)站經(jīng)常使用 18．建立有效布局的手段有（ ） A. 有選擇的展現(xiàn)信息，分清主次 B. 預(yù)先對(duì)信息進(jìn)行科學(xué)的分類，整理好優(yōu)先級(jí) C. 遵循用戶習(xí)慣，同時(shí)給予適當(dāng)?shù)囊龑?dǎo)推薦 D. 不同信息找到最合適的表現(xiàn)方式 19．信息量巨大的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ ） A. 采用規(guī)則型版式 B. 圖文率中以文字為主 C. 穩(wěn)定感大于自由感 D. 圖片多為出血 20．感性風(fēng)格的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ ） A. 多采用自由式型版式 B. 圖文率中以圖為主 C. 自由感大于穩(wěn)定感 D. 圖片外輪廓都為方形

35、21．關(guān)于全局導(dǎo)航的描述正確的有（ ） A. 出現(xiàn)在網(wǎng)站所有的頁面中 B. 位置一定在網(wǎng)頁的頂部 C. 體現(xiàn)網(wǎng)站最重要的內(nèi)容層次結(jié)構(gòu) D. 幫助用戶在網(wǎng)站中迅速定位 參考.資料 .. .. .. .. 22．關(guān)于網(wǎng)格系統(tǒng)的表述正確的有（ ） A. 使用橫向和縱向引導(dǎo)線將版面進(jìn)行劃分 B. 重視比例感、秩序感、準(zhǔn)確性 C. 把秩序引入設(shè)計(jì)中去的一種方法 D. 只適用于平面設(shè)計(jì) 23．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點(diǎn)（ ） A. 形象定義準(zhǔn)確 B. 造型完整簡(jiǎn)明 C. 風(fēng)格統(tǒng)一 D. 配色協(xié)調(diào) 24．關(guān)于扁平化風(fēng)格圖標(biāo)的表述正確的

36、有（ ） A、 簡(jiǎn)約風(fēng)格 B、 有利于提高系統(tǒng)性能 C、 不強(qiáng)調(diào)質(zhì)感與細(xì)節(jié)的描摹 D、 強(qiáng)調(diào)功能性 25．網(wǎng)站界面中越來越多出現(xiàn)高清大圖和視頻的原因在于（ ） A. 帶寬流量和服務(wù)器性能的改善 B. 視覺沖擊力強(qiáng) C. 用戶體驗(yàn)好 D. 視頻可負(fù)載的信息量很多 26．下列關(guān)于 JPEG 和 PNG 格式正確的是（ ） A. JPEG 屬于有損壓縮模式，PNG 屬于無損壓縮模式。 B. JPEG 不支持透明，PNG 支持透明。 C. JPEG 不支持動(dòng)畫，PNG 支持動(dòng)畫。 D. JPEG 支持?jǐn)z影圖像或?qū)憣?shí)圖像的高級(jí)壓縮，可利用壓縮比例控制圖像文件大小。

37、 27．下列關(guān)于 Photoshop 中剪貼蒙版說法正確的是（ ） A. Photoshop 中剪貼蒙版是由兩個(gè)圖層及以上組成。 B. 最下面一層叫基底圖層，也叫做遮罩，其它圖層叫剪貼圖層，剪貼圖層可由多個(gè)圖 層組成。 C. 修改基底圖層會(huì)影響整個(gè)剪貼蒙版的效果。 D. 修改某個(gè)剪貼圖層會(huì)影響整個(gè)剪貼蒙版的效果。 28．下列關(guān)于 Photoshop 打開文件的操作，哪個(gè)是正確的？（ ） 參考.資料 .. .. .. .. A. 選擇“文件>打開”命令，在彈出的對(duì)話框中選擇要打開的文件 B. 選擇“文件>最近打開文件”命令，在子菜單中選擇相應(yīng)的文件名

38、 C. 如果圖像是 Photoshop 軟件創(chuàng)建的，直接雙擊圖像圖標(biāo) D. 將圖像圖標(biāo)拖放到 Photoshop 軟件圖標(biāo)上 29． 當(dāng)選擇“文件>新建”命令，在彈出的“新建”對(duì)話框中可設(shè)定下列哪些選項(xiàng)？ （ ） A. 圖像的高度和寬度 B. 圖像的分辨率 C. 圖像的色彩模式 D. 圖像的標(biāo)尺單位 30．下列哪些方法可以產(chǎn)生新圖層？ （ ） A. 雙擊圖層控制調(diào)板的空白處，在彈出的對(duì)話框中進(jìn)行設(shè)定選擇新圖層命令 B. 單擊圖層調(diào)板下方的新圖層按鈕 C. 使用鼠標(biāo)將將圖像從當(dāng)前窗口中拖動(dòng)到另一個(gè)圖像窗口中 D. 使用文字工具在圖像中添加文字 31．文字圖層中的

39、文字信息哪些可以進(jìn)行修改和編輯？ A. 文字顏色 B. 文字內(nèi)容，如加字或減字 C. 文字大小 D. 將文字圖層轉(zhuǎn)換為像素圖層后可以改變文字的字體 二、單選題 1．一般來說網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（ ）。 A．72dpi B．300dpi C．150dpi D．200dpi 2．為保證網(wǎng)頁色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇（ ）。 A．Index 色彩模式 D．CMYK 色彩模式 B．RGB 色彩模式 C．216 種網(wǎng)頁安全色 3．網(wǎng)站為某臨時(shí)性的活動(dòng)或者推廣宣傳某商品或服務(wù)而推出的特別頁面，有很強(qiáng)的時(shí)效性，

40、 通常稱之為（ ）。 A．引導(dǎo)頁 B．專題頁 C．臨時(shí)頁 D．主題頁 4．在 Web 上使用的圖像格式有以下哪幾種？（ ） 參考.資料 .. .. .. .. A. PSD，TIF，GIF B. JPEG，GIF，SWF C. GIF，JPEG，PNG D. EPS，GIF，JPEG 5．以下對(duì) Web 圖像格式的敘述哪個(gè)是錯(cuò)誤的? （ ） A. JPEG 適合于諸如照片之類的具有豐富色彩的圖像 B. JPEG 和 GIF 都是壓縮文件格式 C. GIF 支持動(dòng)畫，而 JPEG 不支持 D. GIF 是基于索引色表的圖像

41、格式，它可以支持上千種顏色 6．下列哪種格式只支持 256 種顏色？（ ） A. GIF B. JPEG C. TIFF D. PSD 7．下列字體中最具可讀性、最易瀏覽的是 （ ）。 A．襯線體 B．手寫體 C．無襯線體 D．書法體 8．下列色相環(huán)中哪種色相關(guān)系對(duì)比最強(qiáng)烈，配色能給人飽滿、活躍、生動(dòng)、刺激的強(qiáng)烈感 受（ ） A. 類似色相 B. 臨近色相 C. 互補(bǔ)色相 D. 對(duì)比色相 9．（ ）是指色彩三屬性中除了色相以外的明度和彩度的復(fù)合稱謂。 A. 色環(huán) B. 色調(diào) C. 飽和度 D. 色彩風(fēng)格 10．下列

42、屬于三角調(diào)和，也符合鄰近色相的色彩組合有（ ） A. 紫色、綠色、橙色 B. 橙色、黃色、黃綠色 C. 紅色、橙色、藍(lán)色 參考.資料 .. .. .. .. D. 藍(lán)色、綠色、紅色 11．下列屬于三角調(diào)和，也符合對(duì)比色相的色彩組合有（ ） A. 紅色、藍(lán)紫色、黃綠色 B. 橙色、黃色、黃綠色 C. 黃綠色、綠色、藍(lán)綠色 D. 紅紫色、紅色、橙色 12．下列哪個(gè)色彩調(diào)整命令可提供最精確的調(diào)?整（ ） A.色階（Levels） B . 亮度/對(duì)比度（Brightness/Contrast） C . 曲線（Curves

43、） D .色彩平衡（Color Balance） 13．下列關(guān)于背景層的描述哪個(gè)是正確的？（ ） A. 在圖層調(diào)板上背景層是不能上下移動(dòng)的，只能是最下面一層 B. 背景層可以設(shè)置圖層蒙版 C. 背景層不能轉(zhuǎn)換為其它類型的圖層 D. 背景層不可以執(zhí)行濾鏡效果 14．單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié) 果是（ ） A. 該圖層被鎖定 B. 該圖層被隱藏 C. 該圖層會(huì)以線條稿顯示 D. 該圖層被刪除 15．如何使用仿制橡皮圖章工具在圖像上取樣？（ ） A. 按住 Shift 鍵的同時(shí)單擊取樣位置來選擇多個(gè)取樣像素

44、 B. 按住 Option（Mac）/Alt（Win）鍵的同時(shí)單擊取樣位置 C. 按住 Command（Mac）/Ctrl（Win）鍵的同時(shí)單擊取樣位置 D. 住 Tab 鍵的同時(shí)單擊取樣位置 16．使用鋼筆工具創(chuàng)建直線點(diǎn)的方法是（ ） A. 用鋼筆工具直接單擊 B. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng) C. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng)使之出現(xiàn)兩個(gè)把手， 然后按住 Alt(Win)/Option(Mac)鍵單擊 參考.資料 .. .. .. .. D. 按住 Alt(Win)/Option(Mac)鍵的同時(shí)用鋼筆工具單擊 17．當(dāng)編輯圖像時(shí)使用減

45、淡工具可以達(dá)到何種目的？（ ） A. 使圖像中某些區(qū)域變暗 B. 刪除圖像中的某些像素 C. 使圖像中某些區(qū)域變亮 D. 使圖像中某些區(qū)域的飽和度增加 18．下面哪個(gè)工具可以減少圖像的飽和度? （ ） A. 加深工具 B. 銳化工具（正常模式） C. 海綿工具 D. 模糊工具（正常模式） 19．下列哪個(gè)工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？（ ） A. 矩形選框工具 B. 橢圓選框工具 C. 魔棒工具 D. 磁性套索工具 20．圖像優(yōu)化是指（ ） A. 把圖像處理得更美觀一些 B. 把圖像尺寸放大使觀看更方便一些 C. 使圖像質(zhì)量和圖像文件大

46、小兩者的平衡達(dá)到最佳，也就是說在保證圖象質(zhì)量的情況 下使圖像文件達(dá)到最小 D. 把原來模糊的圖像處理得更清楚一些 21．切片的形狀是（ ） A. 矩形 B. 圓形 C. 多邊不規(guī)則形 D. 菱形 22．選取切片可以用下列哪個(gè)工具（ ） A. 切片選取工具 B. 直接選取工具 C. 移動(dòng)工具 D. 選擇工具 參考.資料 .. .. .. .. 23．在制作網(wǎng)頁時(shí)，如果是連續(xù)調(diào)的層次豐富的圖像，通常情況下應(yīng)存儲(chǔ)為哪種格式？（ ） A. GIF B. EPS C. JPEG D. TIFF 24．在制作網(wǎng)頁時(shí)，如果文件中有大面積相同

47、的顏色，最好存儲(chǔ)為哪種格式？（ ） A. GIF B. EPS C. BMP D. TIFF 三、判斷題 1 ．網(wǎng)站定位對(duì)于網(wǎng)站界面設(shè)計(jì)起決定性作用。 （ ） 2 ．心理學(xué)研究表明，人一次性接受的信息量是有限的，信息量過多會(huì)造成心理上的負(fù)擔(dān)。 （ ） 3．F 式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁瀏覽眼動(dòng)研究成果得出的方法。 （ ） 4 ．扁平化設(shè)計(jì)是去繁從簡(jiǎn)的設(shè)計(jì)美學(xué)，去掉所有裝飾性的設(shè)計(jì)，是對(duì)之前所推崇的擬物化 設(shè)計(jì)的顛覆，但它僅僅是提供了新的外觀，與提升設(shè)備的性能無關(guān)。 （ ） 5 ．網(wǎng)頁中主要的圖片格式包括 GIF、JPG、PNG、AI。

48、 （ ） 6 ．為了保證網(wǎng)站中圖片的清晰度，要把所用圖片的分辨率設(shè)為 300dpi。 （ × ） 7 ．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是動(dòng)態(tài)，第三是形 狀。 （ ） 8 ．一般來說，色彩的彩度差異越大，注目度就大，它是決定注目度的最主要因素（。 ） 9 ．Index 色彩模式又被稱為索引模式，該模式把圖像限制成不超過 256 種顏色，主要是為了 可以有效地縮減圖像文件的大小，同時(shí)可以適度保持圖像文件的色彩品質(zhì)。 （ ） 10 ．色相的象征意義是固定的，是由人類的視覺生理反應(yīng)決定的。 （ ） 參考.資料

49、 .. .. .. .. 11 ． 網(wǎng)頁色彩組合中有主色、輔助色和強(qiáng)調(diào)色，需要強(qiáng)調(diào)部分的色彩面積越大越好。 （ ） 12 ．從色調(diào)、色相兩者來看，色調(diào)更容易決定著網(wǎng)頁的整體印象，營(yíng)造網(wǎng)頁氛圍。 （ ） 13 ．對(duì)于已經(jīng)有了企業(yè)形象識(shí)別系統(tǒng)的企業(yè)，在選擇公司站點(diǎn)的網(wǎng)頁配色時(shí)首選形象識(shí)別系 統(tǒng)中的標(biāo)準(zhǔn)色彩。 （ ） 14．照片、插圖等圖像與文字的比例稱為圖文率，也被稱為視覺度，文字所占比例大，視覺 度就高。 （ ） 15 ．網(wǎng)站中的導(dǎo)航都固定在特定的位置上。 （ ） 16 ．使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗(yàn)，有利于形成網(wǎng)站界面

50、的個(gè)性化風(fēng)格。（ ） 17 ．低保真原型目的是檢驗(yàn)產(chǎn)品的功能與用戶體驗(yàn)流程，以便發(fā)現(xiàn)基本的問題。 （ ） 18 ．網(wǎng)頁設(shè)計(jì)者可以指定網(wǎng)頁字體的樣式，無論用戶瀏覽器中是否有這種字體，都能準(zhǔn)確顯 示。 （ ） 19．Photoshop 中兩個(gè)路徑的合并計(jì)算，一共有四種計(jì)算方式：合并、減去、相交、排除相 交。 （ ） 20．使用圖層組復(fù)制可以快速地制作差別不大的重復(fù)部分，良好的圖層組織使別人可以較容 易看懂源文件并接手工作。 （ ） 21 ．當(dāng)使用 JPEG 作為優(yōu)化圖像的格式時(shí)，圖像質(zhì)量百分比值越高，文件尺寸越小。（ ）

51、 22 ．使用切片工具將圖像劃分成不同的區(qū)域，可以加速圖像在網(wǎng)頁瀏覽時(shí)的速度。（ ） 23 ．切片可以是任意形狀的。（ ） 參考答案： 三、 多選題 1.ABCD 2.ABCD 3.ABD 4.BC 5.ABCD 6.ABCD 7.ABCD 8.ABC 9.ABCD 10.ABCD 11. ABC 12. ABD 13. ABC 14. BC 15. ABD 16. ABCD 17. ABCD 18. 參考.資料 .. .. .. .. ABCD 19. ABC 20. ABC 21. ACD 22. ABC 23. ABCD 24

52、. ABCD 25. ABCD 26. ABD 27. ABC 28. ABCD 29. ABC 30. BCD 31. ABC 四、  單選題 1.A 2.C 3.B 4.C 5.D 6.A 7.C 8.C 9.B 10.B 11. A 12. C 13.A 14.C 13.A 14.B 15.B 16.A 17.C 18.C 19.C 20.C 21. A 22. A 23. C 24. A 三、判斷題 1. （√） 2. （√） 3. （√） 4. （×） 5. （×） 6. （×） 7. （×） 8. （×） 9. （√） 10. （

53、×） 11. （×） 12. （√） 13. （√） 14. （×） 15. （×） 16. （√） 17. （√） 18. （×） 19. （√） 20. （√） 21. （×） 22. （√） 23. （×） 一、多項(xiàng)選擇題（每小題 3 分，15 題，共 45 分） 1．設(shè)計(jì)者在開展具體網(wǎng)站界面設(shè)計(jì)之前需要了解的信息包括（ ）。 A．建站目標(biāo) B．目標(biāo)用戶特征 C．商業(yè)模式 D．網(wǎng)站特征和優(yōu) 勢(shì) 2．以下屬于暖色色相的有（ ）。 參考.資料 .. .. .. .. A．深藍(lán)色 B．棕黃色 C．橙色 D．白色 3．以下

54、哪些因素會(huì)影響文字的可讀性（ ）。 A．行距與行長(zhǎng)度 B．字體樣式 C．字距和留白 D．顏色與對(duì)比 度 …… 二、單項(xiàng)選擇題（每小題 2.5 分，12 題，共 30 分） 1．一般來說網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（ ）。 A．72dpi B．300dpi C ．150dpi 2．為保證網(wǎng)頁色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇 （ ）。 A．Index 色彩模式 B．RGB 色彩模式 C．216 種網(wǎng)頁安全色 3．下列字體中最具可讀性、最易瀏覽的是 （ ）。 A．襯線體 B．手寫體 C．無襯線體 …… 三、判斷題（正確的打“√”，錯(cuò)誤的

55、打“×”；每小題 2.5 分，10 題， 共 25 分） 1 ．網(wǎng)頁中主要的圖片格式包括 GIF、JPG、PNG、AI。（ ） 2 ．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是 動(dòng)態(tài)，第三是形狀。（ ） …… 試題參考答案： 一、多項(xiàng)選擇題（每小題 3 分，15 題，共 45 分） 1．ABCD 2．BC 3．ABCD …… 二、單項(xiàng)選擇題（每小題 2.5 分，12 題，共 30 分） 1．A 2．C 3．C …… 三、判斷題（正確的打“√”，錯(cuò)誤的打“×”；每小題 2.5 分，10 題，共 25 分） 1. × 2.

56、 × …… 參考.資料 .. .. .. .. 網(wǎng)站界面（UI）設(shè)計(jì) 2016 年春考試真題（帶答案） 一、多選題 1．關(guān)于扁平化風(fēng)格圖標(biāo)的表述正確的有（ABCD） A、 簡(jiǎn)約風(fēng)格 B、 有利于提高系統(tǒng)性能 C、 不強(qiáng)調(diào)質(zhì)感與細(xì)節(jié)的描摹 D、 強(qiáng)調(diào)功能性 2．在開展設(shè)計(jì)工作之前，我們力求做到知己知彼，這里的“彼”指（ A. 對(duì)所服務(wù)的客戶的認(rèn)知，和客戶保持良好的溝通 B. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 C. 對(duì)競(jìng)爭(zhēng)對(duì)手的了解 D. 對(duì)網(wǎng)站目標(biāo)用戶的深入理解 ） 3．關(guān)于全局導(dǎo)航的描述正確的有（ ACD A. 出現(xiàn)在網(wǎng)站所有的

57、頁面中 B. 位置一定在網(wǎng)頁的頂部 C. 體現(xiàn)網(wǎng)站最重要的內(nèi)容層次結(jié)構(gòu) D. 幫助用戶在網(wǎng)站中迅速定位 4．對(duì)于用戶導(dǎo)向原則在網(wǎng)站界面設(shè)計(jì)中的具體體現(xiàn)描述準(zhǔn)確的是（ A. 明確體現(xiàn)網(wǎng)站的核心功能和服務(wù) B. 符合用戶在使用網(wǎng)站時(shí)的心智模型和場(chǎng)景中的思維狀態(tài) C. 尊重人機(jī)交互中用戶的生理特征 D. 符合用戶的認(rèn)知習(xí)慣  ABCD ABCD  ） ） 5．下列關(guān)于心智模型表述準(zhǔn)確的有（ ABCD  ） A. 根據(jù)用戶的心智模型來選擇信息的組織方式是優(yōu)秀網(wǎng)站成功的重要因素。 B. 人們通?；谧陨斫?jīng)驗(yàn)和現(xiàn)有知識(shí)來理解新事物。 C.

58、有助于用戶理解如何使用網(wǎng)站的設(shè)計(jì)屬于符合心智模型的設(shè)計(jì)。 D. 重視情景因素對(duì)用戶行為的影響。 參考.資料 .. .. .. .. 6．文字圖層中的文字信息哪些可以進(jìn)行修改和編輯？( ABC ) A. 文字顏色 B. 文字內(nèi)容，如加字或減字 C. 文字大小 D. 將文字圖層轉(zhuǎn)換為像素圖層后可以改變文字的字體 7．建立有效布局的手段有（  ABCD  ） A. 有選擇的展現(xiàn)信息，分清主次 B. 預(yù)先對(duì)信息進(jìn)行科學(xué)的分類，整理好優(yōu)先級(jí) C. 遵循用戶習(xí)慣，同時(shí)給予適當(dāng)?shù)囊龑?dǎo)推薦 D. 不同信息找到最合適的表現(xiàn)方式 8．

59、下列可以幫助加強(qiáng)色彩對(duì)比的方法有（ A. 色相互補(bǔ) B. 明度差異大 C. 色相臨近 D. 飽和度差異大  ABD  ） 9．如何讓界面中的重要元素變得突出，下列處理手段合理的有（ A. 使用鮮艷的色彩 B. 注意周圍的留白 C. 放在用戶瀏覽網(wǎng)頁視線中的重要位置 D. 越大越好  ABC  ） 10 ． 當(dāng)選擇“文件 > 新建”命令，在彈出的“新建”對(duì)話框中可設(shè)定下列哪些選項(xiàng)？ ） （ ABC A. 圖像的高度和寬度 B. 圖像的分辨率 C. 圖像的色彩模式 D. 圖像的標(biāo)尺單位 11．下列哪些方法可以產(chǎn)生新圖層？

60、（  BCD  ） A. 雙擊圖層控制調(diào)板的空白處，在彈出的對(duì)話框中進(jìn)行設(shè)定選擇新圖層命令 B. 單擊圖層調(diào)板下方的新圖層按鈕 C. 使用鼠標(biāo)將將圖像從當(dāng)前窗口中拖動(dòng)到另一個(gè)圖像窗口中 D. 使用文字工具在圖像中添加文字 參考.資料 .. .. .. .. 12．網(wǎng)站界面中越來越多出現(xiàn)高清大圖和視頻的原因在于（ ABCD A. 帶寬流量和服務(wù)器性能的改善 B. 視覺沖擊力強(qiáng) C. 用戶體驗(yàn)好 D. 視頻可負(fù)載的信息量很多 ） 13．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點(diǎn)（ ABCD A. 形象定義準(zhǔn)確 B. 造型完整簡(jiǎn)明

61、C. 風(fēng)格統(tǒng)一 D. 配色協(xié)調(diào) 14．下列關(guān)于 Photoshop 打開文件的操作，哪個(gè)是正確的？（ ABCD  ）  ） A. 選擇“文件>打開”命令，在彈出的對(duì)話框中選擇要打開的文件 B. 選擇“文件>最近打開文件”命令，在子菜單中選擇相應(yīng)的文件名 C. 如果圖像是 Photoshop 軟件創(chuàng)建的，直接雙擊圖像圖標(biāo) D. 將圖像圖標(biāo)拖放到 Photoshop 軟件圖標(biāo)上 15．下列關(guān)于黃色的描述準(zhǔn)確的有（ ABCD ） A. 氣質(zhì)明快生動(dòng) B. 當(dāng)明度降低時(shí)，色彩面貌會(huì)發(fā)生很大的變化 C. 飽和的黃色經(jīng)常充當(dāng)強(qiáng)調(diào)色 D. 飽和的黃色在兒童站點(diǎn)

62、及針對(duì)年輕人的網(wǎng)站中常見。 二、單選題 1．下列關(guān)于背景層的描述哪個(gè)是正確的？（ A ） A. 在圖層調(diào)板上背景層是不能上下移動(dòng)的，只能是最下面一層 B. 背景層可以設(shè)置圖層蒙版 C. 背景層不能轉(zhuǎn)換為其它類型的圖層 D. 背景層不可以執(zhí)行濾鏡效果 2．下列色相環(huán)中哪種色相關(guān)系對(duì)比最強(qiáng)烈，配色能給人飽滿、活躍、生動(dòng)、刺激的強(qiáng)烈感 受（ C ） A. 類似色相 B. 臨近色相 C. 互補(bǔ)色相 D. 對(duì)比色相 參考.資料 .. .. .. .. 3．切片的形狀是（ A ） A. 矩形 B. 圓形 C. 多邊不規(guī)則形 D. 菱形

63、 4．一般來說網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（ A）。 A．72dpi B．300dpi C．150dpi D．200dpi 5．為保證網(wǎng)頁色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇（  C ）。 A．Index 色彩模式 D．CMYK 色彩模式 B．RGB 色彩模式 C．216 種網(wǎng)頁安全色 6．網(wǎng)站為某臨時(shí)性的活動(dòng)或者推廣宣傳某商品或服務(wù)而推出的特別頁面，有很強(qiáng)的時(shí)效性， 通常稱之為（ B A．引導(dǎo)頁 ）。 B．專題頁  C．臨時(shí)頁  D．主題頁 7．以下對(duì) Web 圖像格式的敘述哪個(gè)是錯(cuò)誤的? （

64、 D ） A. JPEG 適合于諸如照片之類的具有豐富色彩的圖像 B. JPEG 和 GIF 都是壓縮文件格式 C. GIF 支持動(dòng)畫，而 JPEG 不支持 D. GIF 是基于索引色表的圖像格式，它可以支持上千種顏色 8．（ B ）是指色彩三屬性中除了色相以外的明度和彩度的復(fù)合稱謂。 A. 色環(huán) B. 色調(diào) C. 飽和度 D. 色彩風(fēng)格 9．下列哪個(gè)色彩調(diào)整命令可提供最精確的調(diào)?整（C ） A . 色階（Levels） B . 亮度/對(duì)比度（Brightness/Contrast） C.曲線（Curves） D .色彩平衡（Color

65、Balance） 10．下列哪個(gè)工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？（ C ） A. 矩形選框工具 參考.資料 .. .. .. .. B. 橢圓選框工具 C. 魔棒工具 D. 磁性套索工具 11．圖像優(yōu)化是指（ C ） A. 把圖像處理得更美觀一些 B. 把圖像尺寸放大使觀看更方便一些 C. 使圖像質(zhì)量和圖像文件大小兩者的平衡達(dá)到最佳，也就是說在保證圖象質(zhì)量的情況 下使圖像文件達(dá)到最小 D. 把原來模糊的圖像處理得更清楚一些 12．在制作網(wǎng)頁時(shí)，如果文件中有大面積相同的顏色，最好存儲(chǔ)為哪種格式？（ A ） A. GIF B.

66、 EPS C. BMP D. TIFF 三、判斷題 1．網(wǎng)站定位對(duì)于網(wǎng)站界面設(shè)計(jì)起決定性作用。 （ √ ） 3．F 式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁瀏覽眼動(dòng)研究成果得出的方法。 （ √ ） 6 ．為了保證網(wǎng)站中圖片的清晰度，要把所用圖片的分辨率設(shè)為 300dpi。（ × ） 7 ．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是動(dòng)態(tài)，第三是形 狀。 （ × ） 11 ． 網(wǎng)頁色彩組合中有主色、輔助色和強(qiáng)調(diào)色，需要強(qiáng)調(diào)部分的色彩面積越大越好。 （ × ） 13 ．對(duì)于已經(jīng)有了企業(yè)形象識(shí)別系統(tǒng)的企業(yè)，在選擇公司站點(diǎn)的網(wǎng)頁配色時(shí)首選形象識(shí)別系 統(tǒng)中的標(biāo)準(zhǔn)色彩。（ √ ） 14 ．照片、插圖等圖像與文字的比例稱為圖文率，也被稱為視覺度，文字所占比例大，視覺 度就高。 （ × ） 16．使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗(yàn)，有利于形成網(wǎng)站界面的個(gè)性化風(fēng)格。 參考.資料 .. .. .. .. （ √ ） 17．低保真原型目的是檢驗(yàn)產(chǎn)品的功能與用戶體驗(yàn)流程，以便發(fā)現(xiàn)基本的問