網(wǎng)站界面(UI)設(shè)計(jì)考試復(fù)習(xí)資料

網(wǎng)站界面（UI）設(shè)計(jì)復(fù)習(xí)題一、多選題1．設(shè)計(jì)師在開(kāi)展具體網(wǎng)站界面設(shè)計(jì)之前需要了解的信息包括（ ）A.建站目標(biāo)目標(biāo)用戶特征C.商業(yè)模式D.網(wǎng)站特征和優(yōu)勢(shì)2．在開(kāi)展設(shè)計(jì)工作之前，我們力求做到知己知彼，這里的“彼”指（ ）對(duì)所服務(wù)的客戶的認(rèn)知，和客戶保持良好的溝通對(duì)網(wǎng)站目標(biāo)用戶的深入理解對(duì)競(jìng)爭(zhēng)對(duì)手的了解對(duì)網(wǎng)站目標(biāo)用戶的深入理解3．關(guān)于網(wǎng)站策劃書(shū)描述準(zhǔn)確的有（ ）對(duì)于建設(shè)網(wǎng)站的想法、創(chuàng)建流程及相關(guān)事宜書(shū)寫(xiě)下來(lái)，成為建站工作的總領(lǐng)。網(wǎng)站策劃書(shū)包含了多個(gè)方面的內(nèi)容，可以對(duì)市場(chǎng)、設(shè)計(jì)、技術(shù)、營(yíng)銷(xiāo)等相關(guān)人員下達(dá)指導(dǎo)工作的指令，幫助建站團(tuán)隊(duì)中不同崗位的人相互了解工作的重心。網(wǎng)站策劃書(shū)由客戶提供。網(wǎng)站策劃書(shū)往往包含很多有效的指引設(shè)計(jì)方向的信息。對(duì)于網(wǎng)站界面設(shè)計(jì)起著決定性作用（）A.視覺(jué)審美B.建站目的C.網(wǎng)站定位D.客戶意見(jiàn)5．對(duì)于用戶導(dǎo)向原則在網(wǎng)站界面設(shè)計(jì)中的具體體現(xiàn)描述準(zhǔn)確的是（ ）明確體現(xiàn)網(wǎng)站的核心功能和服務(wù)符合用戶在使用網(wǎng)站時(shí)的心智模型和場(chǎng)景中的思維狀態(tài)尊重人機(jī)交互中用戶的生理特征符合用戶的認(rèn)知習(xí)慣6．下列關(guān)于心智模型表述準(zhǔn)確的有（ ）根據(jù)用戶的心智模型來(lái)選擇信息的組織方式是優(yōu)秀網(wǎng)站成功的重要因素人們通?；谧陨斫?jīng)驗(yàn)和現(xiàn)有知識(shí)來(lái)理解新事物。有助于用戶理解如何使用網(wǎng)站的設(shè)計(jì)屬于符合心智模型的設(shè)計(jì)。重視情景因素對(duì)用戶行為的影響。7．保持一致性是提升網(wǎng)站的可用性的重要手段，它體現(xiàn)在（ ）A.布局設(shè)計(jì)B.導(dǎo)航設(shè)計(jì)C.交互操作D.視覺(jué)要素8．圖片的挑選原則包括（ ）使用能夠有效傳達(dá)信息的圖片使用引發(fā)觀者的情緒反應(yīng)的圖片避免使用與網(wǎng)站的主題無(wú)關(guān)的圖片都要使用高清大圖。9．以下哪些因素會(huì)影響文字的可讀性（ ）行距與行長(zhǎng)度文字的內(nèi)外邊距C.字體樣式D.顏色與對(duì)比度10．加大視覺(jué)元素之間層次感的方法有（ ）A.大小對(duì)比B.色彩對(duì)比C.距離對(duì)比D.位置對(duì)比11．如何讓界面中的重要元素變得突出，下列處理手段合理的有（ ）使用鮮艷的色彩注意周?chē)牧舭追旁谟脩魹g覽網(wǎng)頁(yè)視線中的重要位置D.越大越好12．關(guān)于對(duì)比色相，下列說(shuō)法正確的有（）指色相相距120度左右的色相之間形成的關(guān)系給人鮮明生動(dòng)、強(qiáng)烈興奮的感覺(jué)黃色和綠色是對(duì)比色相紅色和藍(lán)色是對(duì)比色相13．以下屬于互補(bǔ)色相的有（ ）A.黃色與紫色B.紅色與綠色C.橙色與藍(lán)色D.黑色與白色14．下列屬于暖色的色相有（）深藍(lán)色黃棕色橙色白色15．下列可以幫助加強(qiáng)色彩對(duì)比的方法有（ ）A.色相互補(bǔ)B.明度差異大C.色相臨近飽和度差異大16．下列關(guān)于黃色的描述準(zhǔn)確的有（）氣質(zhì)明快生動(dòng)當(dāng)明度降低時(shí)，色彩面貌會(huì)發(fā)生很大的變化飽和的黃色經(jīng)常充當(dāng)強(qiáng)調(diào)色飽和的黃色在兒童站點(diǎn)及針對(duì)年輕人的網(wǎng)站中常見(jiàn)。17．下列關(guān)于綠色的描述準(zhǔn)確的有（）中性色的綠色象征著自然、生命、希望、和平、健康、安全易于和其他顏色搭配深綠意味穩(wěn)定、沉著，嫩綠有新鮮、清新、生機(jī)勃勃的感覺(jué)與環(huán)境、健康、教育相關(guān)的網(wǎng)站經(jīng)常使用18．建立有效布局的手段有（ ）有選擇的展現(xiàn)信息，分清主次預(yù)先對(duì)信息進(jìn)行科學(xué)的分類(lèi)，整理好優(yōu)先級(jí)遵循用戶習(xí)慣，同時(shí)給予適當(dāng)?shù)囊龑?dǎo)推薦不同信息找到最合適的表現(xiàn)方式19．信息量巨大的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ ）采用規(guī)則型版式圖文率中以文字為主穩(wěn)定感大于自由感圖片多為出血20．感性風(fēng)格的網(wǎng)站一般采用的布局具有哪些特點(diǎn)（ ）多采用自由式型版式圖文率中以圖為主自由感大于穩(wěn)定感圖片外輪廓都為方形21．關(guān)于全局導(dǎo)航的描述正確的有（ ）出現(xiàn)在網(wǎng)站所有的頁(yè)面中位置一定在網(wǎng)頁(yè)的頂部體現(xiàn)網(wǎng)站最重要的內(nèi)容層次結(jié)構(gòu)幫助用戶在網(wǎng)站中迅速定位22．關(guān)于網(wǎng)格系統(tǒng)的表述正確的有（ ）使用橫向和縱向引導(dǎo)線將版面進(jìn)行劃分重視比例感、秩序感、準(zhǔn)確性把秩序引入設(shè)計(jì)中去的一種方法只適用于平面設(shè)計(jì)23．優(yōu)秀的網(wǎng)站圖標(biāo)一般具備以下哪些特點(diǎn)（ ）形象定義準(zhǔn)確造型完整簡(jiǎn)明C.風(fēng)格統(tǒng)一D.配色協(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)站界面中越來(lái)越多出現(xiàn)高清大圖和視頻的原因在于（帶寬流量和服務(wù)器性能的改善視覺(jué)沖擊力強(qiáng)C.用戶體驗(yàn)好D.視頻可負(fù)載的信息量很多26.下列關(guān)于JPEG和PNG格式正確的是（ ）JPEG屬于有損壓縮模式，PNG屬于無(wú)損壓縮模式。JPEG不支持透明，PNG支持透明。JPEG不支持動(dòng)畫(huà)，PNG支持動(dòng)畫(huà)。JPEG支持?jǐn)z影圖像或?qū)憣?shí)圖像的高級(jí)壓縮，可利用壓縮比例控制圖像文件大小。27?下列關(guān)于Photoshop中剪貼蒙版說(shuō)法正確的是（ ）Photoshop中剪貼蒙版是由兩個(gè)圖層及以上組成。最下面一層叫基底圖層，也叫做遮罩，其它圖層叫剪貼圖層，剪貼圖層可由多個(gè)圖層組成。修改基底圖層會(huì)影響整個(gè)剪貼蒙版的效果。修改某個(gè)剪貼圖層會(huì)影響整個(gè)剪貼蒙版的效果。下列關(guān)于Photoshop打開(kāi)文件的操作，哪個(gè)是正確的？（ ）選擇“文件＞打開(kāi)”命令，在彈出的對(duì)話框中選擇要打開(kāi)的文件選擇“文件＞最近打開(kāi)文件”命令，在子菜單中選擇相應(yīng)的文件名如果圖像是Photoshop軟件創(chuàng)建的，直接雙擊圖像圖標(biāo)將圖像圖標(biāo)拖放到Photoshop軟件圖標(biāo)上當(dāng)選擇“文件＞新建”命令，在彈出的“新建”對(duì)話框中可設(shè)定下列哪些選項(xiàng)？（ ）圖像的高度和寬度圖像的分辨率圖像的色彩模式圖像的標(biāo)尺單位下列哪些方法可以產(chǎn)生新圖層？（ ）雙擊圖層控制調(diào)板的空白處，在彈出的對(duì)話框中進(jìn)行設(shè)定選擇新圖層命令單擊圖層調(diào)板下方的新圖層按鈕使用鼠標(biāo)將將圖像從當(dāng)前窗口中拖動(dòng)到另一個(gè)圖像窗口中使用文字工具在圖像中添加文字文字圖層中的文字信息哪些可以進(jìn)行修改和編輯？A.文字顏色文字內(nèi)容，如加字或減字C.文字大小D.將文字圖層轉(zhuǎn)換為像素圖層后可以改變文字的字體二、單選題1．一般來(lái)說(shuō)網(wǎng)站中使用的圖片需要進(jìn)行優(yōu)化，其分辨率為（）。A．72dpi B．300dpi C．150dpiD．200dpi2．為保證網(wǎng)頁(yè)色彩在任何用戶顯示設(shè)備上的顯示效果都是相同的，可選擇（ ）。A.Index色彩模式 B.RGB色彩模式C.216種網(wǎng)頁(yè)安全色D.CMYK色彩模式網(wǎng)站為某臨時(shí)性的活動(dòng)或者推廣宣傳某商品或服務(wù)而推出的特別頁(yè)面，有很強(qiáng)的時(shí)效性通常稱之為（）。引導(dǎo)頁(yè)B.專(zhuān)題頁(yè)C.臨時(shí)頁(yè)D.主題頁(yè)在Web上使用的圖像格式有以下哪幾種？（）PSD，TIF，GIFJPEG，GIF，SWFGIF，JPEG，PNGEPS，GIF，JPEG以下對(duì)Web圖像格式的敘述哪個(gè)是錯(cuò)誤的？（）JPEG適合于諸如照片之類(lèi)的具有豐富色彩的圖像JPEG和GIF都是壓縮文件格式GIF支持動(dòng)畫(huà)，而JPEG不支持GIF是基于索引色表的圖像格式，它可以支持上千種顏色下列哪種格式只支持256種顏色？（ ）GIFJPEGTIFFPSD7．下列字體中最具可讀性、最易瀏覽的是（ ）。襯線體B.手寫(xiě)體C.無(wú)襯線體D.書(shū)法體8．下列色相環(huán)中哪種色相關(guān)系對(duì)比最強(qiáng)烈，配色能給人飽滿、活躍、生動(dòng)、刺激的強(qiáng)烈感受（）類(lèi)似色相臨近色相互補(bǔ)色相對(duì)比色相（ ）是指色彩三屬性中除了色相以外的明度和彩度的復(fù)合稱謂。色環(huán)色調(diào)飽和度色彩風(fēng)格下列屬于三角調(diào)和，也符合鄰近色相的色彩組合有（）紫色、綠色、橙色橙色、黃色、黃綠色紅色、橙色、藍(lán)色藍(lán)色、綠色、紅色下列屬于三角調(diào)和，也符合對(duì)比色相的色彩組合有（ ）紅色、藍(lán)紫色、黃綠色橙色、黃色、黃綠色黃綠色、綠色、藍(lán)綠色紅紫色、紅色、橙色下列哪個(gè)色彩調(diào)整命令可提供最精確的調(diào)整 ）A.色階（Levels）B-亮度/對(duì)比度（Brightness/Contrast）曲線（Curves）色彩平衡ColorBalance）下列關(guān)于背景層的描述哪個(gè)是正確的？（）在圖層調(diào)板上背景層是不能上下移動(dòng)的，只能是最下面一層背景層可以設(shè)置圖層蒙版背景層不能轉(zhuǎn)換為其它類(lèi)型的圖層背景層不可以執(zhí)行濾鏡效果14．單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是單擊圖層調(diào)板上圖層左邊的眼睛圖標(biāo)，結(jié)果是()A.該圖層被鎖定該圖層被隱藏該圖層會(huì)以線條稿顯示該圖層被刪除15．如何使用仿制橡皮圖章工具在圖像上取樣？()A.按住Shift鍵的同時(shí)單擊取樣位置來(lái)選擇多個(gè)取樣像素按住Option(Mac)/Alt(Win)鍵的同時(shí)單擊取樣位置按住Command(Mac)/Ctrl(Win)鍵的同時(shí)單擊取樣位置住Tab鍵的同時(shí)單擊取樣位置16．使用鋼筆工具創(chuàng)建直線點(diǎn)的方法是( )用鋼筆工具直接單擊用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng)用鋼筆工具單擊并按住鼠標(biāo)鍵拖動(dòng)使之出現(xiàn)兩個(gè)把手，然后按住Alt(Win)/Option(Mac)鍵單擊按住Alt(Win)/Option(Mac)鍵的同時(shí)用鋼筆工具單擊17．當(dāng)編輯圖像時(shí)使用減淡工具可以達(dá)到何種目的？( )使圖像中某些區(qū)域變暗刪除圖像中的某些像素使圖像中某些區(qū)域變亮使圖像中某些區(qū)域的飽和度增加18．下面哪個(gè)工具可以減少圖像的飽和度?( )加深工具銳化工具(正常模式)海綿工具模糊工具(正常模式)19．下列哪個(gè)工具可以方便地選擇連續(xù)的、顏色相似的區(qū)域？( )矩形選框工具橢圓選框工具魔棒工具磁性套索工具20．圖像優(yōu)化是指（）A.把圖像處理得更美觀一些B.把圖像尺寸放大使觀看更方便一些使圖像質(zhì)量和圖像文件大小兩者的平衡達(dá)到最佳，也就是說(shuō)在保證圖象質(zhì)量的情況下使圖像文件達(dá)到最小把原來(lái)模糊的圖像處理得更清楚一些21．切片的形狀是（）A.矩形B.圓形多邊不規(guī)則形菱形22．選取切片可以用下列哪個(gè)工具（）A.切片選取工具B.直接選取工具C.移動(dòng)工具D.選擇工具23．在制作網(wǎng)頁(yè)時(shí)，如果是連續(xù)調(diào)的層次豐富的圖像，通常情況下應(yīng)存儲(chǔ)為哪種格式？（）A.GIFB.EPSC.JPEGD.TIFF24．在制作網(wǎng)頁(yè)時(shí)，如果文件中有大面積相同的顏色，最好存儲(chǔ)為哪種格式？（）A.GIFB.EPSC.BMPD.TIFF三、判斷題1．網(wǎng)站定位對(duì)于網(wǎng)站界面設(shè)計(jì)起決定性作用。 （）2．心理學(xué)研究表明，人一次性接受的信息量是有限的，信息量過(guò)多會(huì)造成心理上的負(fù)擔(dān)。3．F式布局是一種很科學(xué)的布局方法，是依據(jù)了大量網(wǎng)頁(yè)瀏覽眼動(dòng)研究成果得出的方法。()4．扁平化設(shè)計(jì)是去繁從簡(jiǎn)的設(shè)計(jì)美學(xué)，去掉所有裝飾性的設(shè)計(jì)，是對(duì)之前所推崇的擬物化TOC\o"1-5"\h\z設(shè)計(jì)的顛覆，但它僅僅是提供了新的外觀，與提升設(shè)備的性能無(wú)關(guān)。 ( )5．網(wǎng)頁(yè)中主要的圖片格式包括GIF、JPG、PNG、AI。 ( )6.為了保證網(wǎng)站中圖片的清晰度,要把所用圖片的分辨率設(shè)為300dpi。 (X)7．用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：第一是顏色，第二是動(dòng)態(tài)，第三是形狀。()一般來(lái)說(shuō),色彩的彩度差異越大,注目度就大,它是決定注目度的最主要因素。( )Index色彩模式又被稱為索引模式，該模式把圖像限制成不超過(guò)256種顏色，主要是為了可以有效地縮減圖像文件的大小,同時(shí)可以適度保持圖像文件的色彩品質(zhì)。 ( )色相的象征意義是固定的，是由人類(lèi)的視覺(jué)生理反應(yīng)決定的。 ( )網(wǎng)頁(yè)色彩組合中有主色、輔助色和強(qiáng)調(diào)色，需要強(qiáng)調(diào)部分的色彩面積越大越好。( )從色調(diào)、色相兩者來(lái)看，色調(diào)更容易決定著網(wǎng)頁(yè)的整體印象，營(yíng)造網(wǎng)頁(yè)氛圍。 ( )對(duì)于已經(jīng)有了企業(yè)形象識(shí)別系統(tǒng)的企業(yè)，在選擇公司站點(diǎn)的網(wǎng)頁(yè)配色時(shí)首選形象識(shí)別系統(tǒng)中的標(biāo)準(zhǔn)色彩。 ( )照片、插圖等圖像與文字的比例稱為圖文率，也被稱為視覺(jué)度，文字所占比例大，視覺(jué)度就高。 ( )網(wǎng)站中的導(dǎo)航都固定在特定的位置上。 ( )使用圖標(biāo)能降低認(rèn)知成本，提高用戶體驗(yàn)，有利于形成網(wǎng)站界面的個(gè)性化風(fēng)格。( )低保真原型目的是檢驗(yàn)產(chǎn)品的功能與用戶體驗(yàn)流程，以便發(fā)現(xiàn)基本的問(wèn)題。( )網(wǎng)頁(yè)設(shè)計(jì)者可以指定網(wǎng)頁(yè)字體的樣式，無(wú)論用戶瀏覽器中是否有這種字體，都能準(zhǔn)確顯示。 ( )19．Photoshop中兩個(gè)路徑的合并計(jì)算，一共有四種計(jì)算方式：合并、減去、相交、排除相交。（ ）使用圖層組復(fù)制可以快速地制作差別不大的重復(fù)部分，良好的圖層組織使別人可以較容易看懂源文件并接手工作。 （ ）當(dāng)使用JPEG作為優(yōu)化圖像的格式時(shí)，圖像質(zhì)量百分比值越高，文件尺寸越小。（ ）使用切片工具將圖像劃分成不同的區(qū)域，可以加速圖像在網(wǎng)頁(yè)瀏覽時(shí)的速度。（ ）切片可以是任意形狀的。（ ）參考答案：一、 多選題1.ABCD2.ABCD3.ABD4.BC5.ABCD6.ABCD7.ABCD8.ABC9.ABCD10.ABCD11.ABC12.ABD13.ABC14.BC15.ABD16.ABCD17.ABCD18.ABCD19.ABC20.ABC21.ACD22.ABC23.ABCD24.ABCD25.ABCD26.ABD27.ABC28.ABCD