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

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

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

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

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

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

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

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

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

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

10、 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)線將版面進行劃分 B. 重視比例感、秩序感、準(zhǔn)確性 C. 把秩序引入設(shè)計中去的一種方法 D. 只適用于平面設(shè)計 23．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點（ ） A. 形象定義準(zhǔn)確 B. 造型完整簡明 C. 風(fēng)格統(tǒng)一 D. 配色協(xié)調(diào) 24

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

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

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

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

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

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

17、D. 色彩風(fēng)格 10．下列屬于三角調(diào)和，也符合鄰近色相的色彩組合有（ ） A. 紫色、綠色、橙色 B. 橙色、黃色、黃綠色 C. 紅色、橙色、藍色 D. 藍色、綠色、紅色 11．下列屬于三角調(diào)和，也符合對比色相的色彩組合有（ ） A. 紅色、藍紫色、黃綠色 B. 橙色、黃色、黃綠色 C. 黃綠色、綠色、藍綠色 D. 紅紫色、紅色、橙色 12．下列哪個色彩調(diào)整命令可提供最精確的調(diào)整?（ ） A.色階（Levels） B.亮度/對比度（Brightness/Contrast） C.曲線（Curves） D.色彩平衡（ColorBalance）

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

19、n）鍵的同時單擊取樣位置 C. 按住Command（Mac）/Ctrl（Win）鍵的同時單擊取樣位置 D. 住Tab 鍵的同時單擊取樣位置 16．使用鋼筆工具創(chuàng)建直線點的方法是（ ） A. 用鋼筆工具直接單擊 B. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動 C. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動使之出現(xiàn)兩個把手， 然后按住 Alt(Win)/Option(Mac)鍵單擊 D. 按住Alt(Win)/Option(Mac)鍵的同時用鋼筆工具單擊 17．當(dāng)編輯圖像時使用減淡工具可以達到何種目的？（ ） A. 使圖像中某些區(qū)域變暗 B. 刪除圖像中的某些像素 C. 使圖像

20、中某些區(qū)域變亮 D. 使圖像中某些區(qū)域的飽和度增加 18．下面哪個工具可以減少圖像的飽和度?（ ） A. 加深工具 B. 銳化工具（正常模式） C. 海綿工具 D. 模糊工具（正常模式） 19．下列哪個工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？（ ） A. 矩形選框工具 B. 橢圓選框工具 C. 魔棒工具 D. 磁性套索工具 20．圖像優(yōu)化是指（ ） A. 把圖像處理得更美觀一些 B. 把圖像尺寸放大使觀看更方便一些 C. 使圖像質(zhì)量和圖像文件大小兩者的平衡達到最佳，也就是說在保證圖象質(zhì)量的情況下使圖像文件達到最小 D. 把原來模糊的圖像

21、處理得更清楚一些 21．切片的形狀是（ ） A. 矩形 B. 圓形 C. 多邊不規(guī)則形 D. 菱形 22．選取切片可以用下列哪個工具（ ） A. 切片選取工具 B. 直接選取工具 C. 移動工具 D. 選擇工具 23．在制作網(wǎng)頁時，如果是連續(xù)調(diào)的層次豐富的圖像，通常情況下應(yīng)存儲為哪種格式？（ ） A. GIF B. EPS C. JPEG D. TIFF 24．在制作網(wǎng)頁時，如果文件中有大面積相同的顏色，最好存儲為哪種格式？（ ） A. GIF B. EPS C. BMP D. TIFF 三、判斷

22、題 1．網(wǎng)站定位對于網(wǎng)站界面設(shè)計起決定性作用。 （ ） 2．心理學(xué)研究表明，人一次性接受的信息量是有限的，信息量過多會造成心理上的負(fù)擔(dān)。 （ ） 3．F式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁瀏覽眼動研究成果得出的方法。

23、 （ ） 4．扁平化設(shè)計是去繁從簡的設(shè)計美學(xué)，去掉所有裝飾性的設(shè)計，是對之前所推崇的擬物化設(shè)計的顛覆，但它僅僅是提供了新的外觀，與提升設(shè)備的性能無關(guān)。 （ ） 5． 網(wǎng)頁中主要的圖片格式包括GIF、JPG、PNG、AI。 （ ） 6．為了保證網(wǎng)站中圖片的清晰度，要把所用圖片的分辨率設(shè)為300dpi。 （ ） 7．用戶的注意力會按照一個特定的順序依次被吸引：第一是

24、顏色，第二是動態(tài)，第三是形狀。 （ ） 8．一般來說，色彩的彩度差異越大，注目度就大，它是決定注目度的最主要因素。（ ） 9．Index色彩模式又被稱為索引模式，該模式把圖像限制成不超過256種顏色，主要是為了可以有效地縮減圖像文件的大小，同時可以適度保持圖像文件的色彩品質(zhì)。 （ ） 10．色相的象征意義是固定的，是由人類的視覺生理反應(yīng)決定的。 （ ）

25、 11．網(wǎng)頁色彩組合中有主色、輔助色和強調(diào)色，需要強調(diào)部分的色彩面積越大越好。 （ ） 12．從色調(diào)、色相兩者來看，色調(diào)更容易決定著網(wǎng)頁的整體印象，營造網(wǎng)頁氛圍。 （ ） 13．對于已經(jīng)有了企業(yè)形象識別系統(tǒng)的企業(yè)，在選擇公司站點的網(wǎng)頁配色時首選形象識別系統(tǒng)中的標(biāo)準(zhǔn)色彩。

26、 （ ） 14．照片、插圖等圖像與文字的比例稱為圖文率，也被稱為視覺度，文字所占比例大，視覺度就高。 （ ） 15．網(wǎng)站中的導(dǎo)航都固定在特定的位置上。 （ ） 16．使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗，有利于形成網(wǎng)站界面的個性化風(fēng)格。 （

27、 ） 17．低保真原型目的是檢驗產(chǎn)品的功能與用戶體驗流程，以便發(fā)現(xiàn)基本的問題。 （ ） 18．網(wǎng)頁設(shè)計者可以指定網(wǎng)頁字體的樣式，無論用戶瀏覽器中是否有這種字體，都能準(zhǔn)確顯示。

28、 （ ） 19．Photoshop中兩個路徑的合并計算，一共有四種計算方式：合并、減去、相交、排除相交。 （ ） 20．使用圖層組復(fù)制可以快速地制作差別不大的重復(fù)部分，良好的圖層組織使別人可以較容易看懂源文件并接手工作。 （ ） 21．當(dāng)使用JP

29、EG 作為優(yōu)化圖像的格式時，圖像質(zhì)量百分比值越高，文件尺寸越小。 （ ） 22．使用切片工具將圖像劃分成不同的區(qū)域，可以加速圖像在網(wǎng)頁瀏覽時的速度。 （ ） 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

30、. ABC 21. ACD 22. 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.

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

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

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

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

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

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

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

38、航的描述正確的有（ ） 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)線將版面進行劃分 B. 重視比例感、秩序感、準(zhǔn)確性 C. 把秩序引入設(shè)計中去的一種方法 D. 只適用于平面設(shè)計 23．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點（ ） A. 形象定義準(zhǔn)確 B. 造型完整簡明 C. 風(fēng)格統(tǒng)一 D. 配色協(xié)調(diào) 24．關(guān)于扁平化風(fēng)格圖標(biāo)的表述正確的有（ ） A、簡約風(fēng)格 B、有利

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

40、說法正確的是（ ） A. Photoshop中剪貼蒙版是由兩個圖層及以上組成。 B. 最下面一層叫基底圖層，也叫做遮罩，其它圖層叫剪貼圖層，剪貼圖層可由多個圖層組成。 C. 修改基底圖層會影響整個剪貼蒙版的效果。 D. 修改某個剪貼圖層會影響整個剪貼蒙版的效果。 28．下列關(guān)于Photoshop 打開文件的操作，哪個是正確的？（ ） A. 選擇“文件>打開”命令，在彈出的對話框中選擇要打開的文件 B. 選擇“文件>最近打開文件”命令，在子菜單中選擇相應(yīng)的文件名 C. 如果圖像是Photoshop 軟件創(chuàng)建的，直接雙擊圖像圖標(biāo) D. 將圖像圖標(biāo)拖放到P

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

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

43、。 A．引導(dǎo)頁 B．專題頁 C．臨時頁 D．主題頁 4．在Web 上使用的圖像格式有以下哪幾種？（ ） A. PSD，TIF，GIF B. JPEG，GIF，SWF C. GIF，JPEG，PNG D. EPS，GIF，JPEG 5．以下對Web 圖像格式的敘述哪個是錯誤的? （ ） A. JPEG 適合于諸如照片之類的具有豐富色彩的圖像 B. JPEG 和GIF 都是壓縮文件格式 C. GIF 支持動畫，而JPEG 不支持 D. GIF 是基于索引色表的圖像格式，它可以支持上千種顏色 6．下列哪種格式只支持256 種顏色？（

44、 ） A. GIF B. JPEG C. TIFF D. PSD 7．下列字體中最具可讀性、最易瀏覽的是 （ ）。 A．襯線體 B．手寫體 C．無襯線體 D．書法體 8．下列色相環(huán)中哪種色相關(guān)系對比最強烈，配色能給人飽滿、活躍、生動、刺激的強烈感 受（ ） A. 類似色相 B. 臨近色相 C. 互補色相 D. 對比色相 9．（ ）是指色彩三屬性中除了色相以外的明度和彩度的復(fù)合稱謂。 A. 色環(huán) B. 色調(diào) C. 飽和度 D. 色彩風(fēng)格 10．下列屬于三角調(diào)和，也符合鄰近色相的色彩組合有（

45、 ） A. 紫色、綠色、橙色 B. 橙色、黃色、黃綠色 C. 紅色、橙色、藍色 D. 藍色、綠色、紅色 11．下列屬于三角調(diào)和，也符合對比色相的色彩組合有（ ） A. 紅色、藍紫色、黃綠色 B. 橙色、黃色、黃綠色 C. 黃綠色、綠色、藍綠色 D. 紅紫色、紅色、橙色 12．下列哪個色彩調(diào)整命令可提供最精確的調(diào)整?（ ） A.色階（Levels） B.亮度/對比度（Brightness/Contrast） C.曲線（Curves） D.色彩平衡（ColorBalance） 13．下列關(guān)于背景層的描述哪個是正確的？（ ） A. 在圖層調(diào)板上

46、背景層是不能上下移動的，只能是最下面一層 B. 背景層可以設(shè)置圖層蒙版 C. 背景層不能轉(zhuǎn)換為其它類型的圖層 D. 背景層不可以執(zhí)行濾鏡效果 14．單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是（ ） A. 該圖層被鎖定 B. 該圖層被隱藏 C. 該圖層會以線條稿顯示 D. 該圖層被刪除 15．如何使用仿制橡皮圖章工具在圖像上取樣？（ ） A. 按住Shift 鍵的同時單擊取樣位置來選擇多個取樣像素 B. 按住Option（Mac）/Alt（Win）鍵的同時單擊取樣位置 C. 按住Command（Mac）/Ctrl（Wi

47、n）鍵的同時單擊取樣位置 D. 住Tab 鍵的同時單擊取樣位置 16．使用鋼筆工具創(chuàng)建直線點的方法是（ ） A. 用鋼筆工具直接單擊 B. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動 C. 用鋼筆工具單擊并按住鼠標(biāo)鍵拖動使之出現(xiàn)兩個把手， 然后按住 Alt(Win)/Option(Mac)鍵單擊 D. 按住Alt(Win)/Option(Mac)鍵的同時用鋼筆工具單擊 17．當(dāng)編輯圖像時使用減淡工具可以達到何種目的？（ ） A. 使圖像中某些區(qū)域變暗 B. 刪除圖像中的某些像素 C. 使圖像中某些區(qū)域變亮 D. 使圖像中某些區(qū)域的飽和度增加 18．下面哪個工具

48、可以減少圖像的飽和度?（ ） A. 加深工具 B. 銳化工具（正常模式） C. 海綿工具 D. 模糊工具（正常模式） 19．下列哪個工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？（ ） A. 矩形選框工具 B. 橢圓選框工具 C. 魔棒工具 D. 磁性套索工具 20．圖像優(yōu)化是指（ ） A. 把圖像處理得更美觀一些 B. 把圖像尺寸放大使觀看更方便一些 C. 使圖像質(zhì)量和圖像文件大小兩者的平衡達到最佳，也就是說在保證圖象質(zhì)量的情況下使圖像文件達到最小 D. 把原來模糊的圖像處理得更清楚一些 21．切片的形狀是（ ） A. 矩形 B. 圓

49、形 C. 多邊不規(guī)則形 D. 菱形 22．選取切片可以用下列哪個工具（ ） A. 切片選取工具 B. 直接選取工具 C. 移動工具 D. 選擇工具 23．在制作網(wǎng)頁時，如果是連續(xù)調(diào)的層次豐富的圖像，通常情況下應(yīng)存儲為哪種格式？（ ） A. GIF B. EPS C. JPEG D. TIFF 24．在制作網(wǎng)頁時，如果文件中有大面積相同的顏色，最好存儲為哪種格式？（ ） A. GIF B. EPS C. BMP D. TIFF 三、判斷題 1．網(wǎng)站定位對于網(wǎng)站界面設(shè)計起決定性作用。

50、 （ ） 2．心理學(xué)研究表明，人一次性接受的信息量是有限的，信息量過多會造成心理上的負(fù)擔(dān)。 （ ） 3．F式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁瀏覽眼動研究成果得出的方法。

51、 （ ） 4．扁平化設(shè)計是去繁從簡的設(shè)計美學(xué)，去掉所有裝飾性的設(shè)計，是對之前所推崇的擬物化設(shè)計的顛覆，但它僅僅是提供了新的外觀，與提升設(shè)備的性能無關(guān)。 （ ） 5． 網(wǎng)頁中主要的圖片格式包括GIF、JPG、PNG、AI。 （ ） 6．為了保證網(wǎng)站中圖片的清晰度，要把所用圖片的分辨率設(shè)為300dpi。 （ ） 7．用戶的注意力會按照一個特定的順序依次被吸引：第一是顏色，第二是動態(tài)，第三是形狀。

52、 （ ） 8．一般來說，色彩的彩度差異越大，注目度就大，它是決定注目度的最主要因素。（ ） 9．Index色彩模式又被稱為索引模式，該模式把圖像限制成不超過256種顏色，主要是為了可以有效地縮減圖像文件的大小，同時可以適度保持圖像文件的色彩品質(zhì)。 （ ） 10．色相的象征意義是固定的，是由人類的視覺生理反應(yīng)決定的。 （ ）

53、 11．網(wǎng)頁色彩組合中有主色、輔助色和強調(diào)色，需要強調(diào)部分的色彩面積越大越好。 （ ） 12．從色調(diào)、色相兩者來看，色調(diào)更容易決定著網(wǎng)頁的整體印象，營造網(wǎng)頁氛圍。 （ ） 13．對于已經(jīng)有了企業(yè)形象識別系統(tǒng)的企業(yè)，在選擇公司站點的網(wǎng)頁配色時首選形象識別系統(tǒng)中的標(biāo)準(zhǔn)色彩。 （ ） 14．照片、插圖等圖像與文字的比例稱為圖文率，也被

54、稱為視覺度，文字所占比例大，視覺度就高。 （ ） 15．網(wǎng)站中的導(dǎo)航都固定在特定的位置上。 （ ） 16．使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗，有利于形成網(wǎng)站界面的個性化風(fēng)格。 （ ）

55、 17．低保真原型目的是檢驗產(chǎn)品的功能與用戶體驗流程，以便發(fā)現(xiàn)基本的問題。 （ ） 18．網(wǎng)頁設(shè)計者可以指定網(wǎng)頁字體的樣式，無論用戶瀏覽器中是否有這種字體，都能準(zhǔn)確顯示。

56、 （ ） 19．Photoshop中兩個路徑的合并計算，一共有四種計算方式：合并、減去、相交、排除相交。 （ ） 20．使用圖層組復(fù)制可以快速地制作差別不大的重復(fù)部分，良好的圖層組織使別人可以較容易看懂源文件并接手工作。 （ ） 21．當(dāng)使用JPEG 作為優(yōu)化圖像的格式時，圖像質(zhì)量百分比值越高，文件尺寸越小。 （

57、 ） 22．使用切片工具將圖像劃分成不同的區(qū)域，可以加速圖像在網(wǎng)頁瀏覽時的速度。 （ ） 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.

58、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.（√

59、） 10.（） 11.（） 12.（√） 13.（√） 14.（） 15.（） 16.（√） 17.（√） 18.（） 19.（√） 20.（√） 21.（） 22.（√） 23.（） 一、多項選擇題（每小題3分，15題，共45分） 1．設(shè)計者在開展具體網(wǎng)站界面設(shè)計之前需要了解的信息包括（ ）。 A．建站目標(biāo) B．目標(biāo)用戶特征 C．商業(yè)模式 D．網(wǎng)站特征和優(yōu)勢 2．以下屬于暖色色相的有（ ）。 A．深藍色 B．棕黃色 C．橙色 D．白色 3．以下哪些因素會影響文字的可讀性（ ）。 A．行距

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

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

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

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

64、行為的影響。 6．文字圖層中的文字信息哪些可以進行修改和編輯？( ABC ) A. 文字顏色 B. 文字內(nèi)容，如加字或減字 C. 文字大小 D. 將文字圖層轉(zhuǎn)換為像素圖層后可以改變文字的字體 7．建立有效布局的手段有（ ABCD ） A. 有選擇的展現(xiàn)信息，分清主次 B. 預(yù)先對信息進行科學(xué)的分類，整理好優(yōu)先級 C. 遵循用戶習(xí)慣，同時給予適當(dāng)?shù)囊龑?dǎo)推薦 D. 不同信息找到最合適的表現(xiàn)方式 8．下列可以幫助加強色彩對比的方法有（ ABD ） A. 色相互補 B. 明度差異大 C. 色相臨近 D. 飽和度差異大 9．如

65、何讓界面中的重要元素變得突出，下列處理手段合理的有（ ABC ） A. 使用鮮艷的色彩 B. 注意周圍的留白 C. 放在用戶瀏覽網(wǎng)頁視線中的重要位置 D. 越大越好 10． 當(dāng)選擇“文件>新建”命令，在彈出的“新建”對話框中可設(shè)定下列哪些選項？（ ABC ） A. 圖像的高度和寬度 B. 圖像的分辨率 C. 圖像的色彩模式 D. 圖像的標(biāo)尺單位 11．下列哪些方法可以產(chǎn)生新圖層？（ BCD ） A. 雙擊圖層控制調(diào)板的空白處，在彈出的對話框中進行設(shè)定選擇新圖層命令 B. 單擊圖層調(diào)板下方的新圖層按鈕 C. 使用鼠標(biāo)將將圖像從當(dāng)前窗口中拖

66、動到另一個圖像窗口中 D. 使用文字工具在圖像中添加文字 12．網(wǎng)站界面中越來越多出現(xiàn)高清大圖和視頻的原因在于（ ABCD ） A. 帶寬流量和服務(wù)器性能的改善 B. 視覺沖擊力強 C. 用戶體驗好 D. 視頻可負(fù)載的信息量很多 13．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點（ ABCD ） A. 形象定義準(zhǔn)確 B. 造型完整簡明 C. 風(fēng)格統(tǒng)一 D. 配色協(xié)調(diào) 14．下列關(guān)于Photoshop 打開文件的操作，哪個是正確的？（ ABCD ） A. 選擇“文件>打開”命令，在彈出的對話框中選擇要打開的文件 B. 選擇“文件>最近打開文件”命令，在子菜單中選擇相應(yīng)的文件名 C. 如果圖像是Photoshop 軟件創(chuàng)建的，直接雙擊圖像圖標(biāo) D. 將圖像圖標(biāo)拖放到Photoshop 軟件圖標(biāo)上 15．下列關(guān)于黃色的描述準(zhǔn)確的有（ ABCD ） A. 氣質(zhì)明快生動 B. 當(dāng)明度降低時，色彩面貌會發(fā)生很大的變化 C. 飽和的黃色經(jīng)常充當(dāng)強調(diào)色