第三章 web產(chǎn)品交互設(shè)計開發(fā)制作-習(xí)題

組件、界面一、填空題1、用戶界面（UserInterface）的簡稱是（UI）。2、出現(xiàn)在通知圖標(biāo)或頭像的右上角，用于顯示需要處理的消息條數(shù)，通過醒目視覺形式吸引用戶處理，這種組件通常叫標(biāo)記或者（徽標(biāo)數(shù)）。3、PS中存儲為web所用格式的快捷鍵是（Ctrl+Alt+S）4、GIF，全稱為“圖像互換格式”，是一種用到了（256）個顏色調(diào)色板的圖片格式。5、存儲為web所用格式中，提供的視圖模式有原稿、（優(yōu)化）、雙聯(lián)、四聯(lián)6、以提供信息資訊為主，是目前最普遍的網(wǎng)站形式之一的是（綜合資訊類）7、誕生于1912年，由德國心理專家組成的研究小組視圖解釋人類視覺的工作原理，后來這個理論被稱作視覺感知的（格式塔）原理。8、不管元素相距多遠，或者它們看起來有多么不同，如果它們一起移動或變化，它們就被認為是相關(guān)的，這種視覺原理被稱為格式塔中的（共同命運）。9、格柵系統(tǒng)的最小單位是（網(wǎng)格）10、被用來預(yù)測從任意一點到目標(biāo)中心位置所需時間的數(shù)字模型，在人機交互和設(shè)計領(lǐng)域影響廣泛并深遠的定律是（費茨定律）二、單選題1、按組件的用途，組件通常分為（B）六大類A反饋、表單、圖標(biāo)、數(shù)據(jù)、導(dǎo)航、其他B反饋、表單、基礎(chǔ)、數(shù)據(jù)、導(dǎo)航、其他C反饋、選擇、基礎(chǔ)、數(shù)據(jù)、導(dǎo)航、其他D反饋、表單、基礎(chǔ)、數(shù)據(jù)、提示、其他2、以下選項中，屬于表單類組件的是（A）A輸入框B步驟條C表格D列表3、鼠標(biāo)移入則立即顯示提示，移出則立即消失，不承載復(fù)雜文本和操作，這時可以使用（C）A吐司提示B警告提示C氣泡提示D通知提醒框4、時間軸面板在哪個菜單欄下（D）A選擇B視圖C編輯D窗口5、在ps中，時間軸面板可以將gif文件格式，轉(zhuǎn)換的視頻格式有（A）AMP4BMPEG4CMOVDWMA6、下列選項中，屬于有損壓縮的圖片格式是（A）AJPEGBpngCGIFDTIFF7、下列選項中，屬于綜合資訊類網(wǎng)站的是（D）A站酷B淘寶C知乎D新浪8、現(xiàn)今主流的網(wǎng)頁尺寸大小為（C）A1366*768B1600*900C1920*1080D1280*7209、關(guān)于設(shè)計規(guī)范下列說法中，錯誤的是（B）A盡量保持色相一致B文字顏色盡量選擇純黑C根據(jù)文字的重要性選擇字號D行間距一般以字號大小的1.5-2倍作為參考10、切圖插件cutterman可以輸出多個平臺使用的圖片尺寸和格式，不包括（C）AwebBiosCLinuxDPC11、切圖命名規(guī)范中，描述錯誤的是（A）A可以使用無意義字符B盡量使用語義相近的英文或英文簡寫命名C較長的單詞可以取單詞的頭部幾個字母形成縮寫D如需使用符號，使用_做分割12、互相靠近的物體看起來屬于一組，而那么距離較遠的則自動劃為組外，這屬于格式塔原理中的（D）A相似性B連續(xù)性C主體/背景D接近性13、?？硕芍傅氖?，一個人面臨的選擇越多，所需要做出的時間（B）A越短B越長C不變D可以忽略14、以下選項中，對于?？硕稍谠O(shè)計中的應(yīng)用描述正確的是（C）A確定關(guān)鍵數(shù)據(jù)B一起運動的物體被感知為屬于一組或者是彼此相關(guān)的C設(shè)計中給用戶盡量少的選擇，減輕用戶的決策成本D可以用一個層級結(jié)構(gòu)來展示各段及其子段，并注意其深廣度的平衡15、7±2法則應(yīng)用在移動端應(yīng)用交互設(shè)計上，應(yīng)用卡的選項一般不超過（A）A5個B9個C7個D3個16、以下選項中，關(guān)于復(fù)雜守恒定律中描述錯誤的是（D）A于1984年提出，也稱泰斯勒定律B每個應(yīng)用程序都具有其內(nèi)在的、無法簡化的復(fù)雜度C每一個過程都有其固有的復(fù)雜性，存在一個臨界點D固有的復(fù)雜度都無法依照我們的意愿去除，沒有辦法調(diào)整17、以下選項中，關(guān)于版式設(shè)計描述錯誤的是（C）A它不僅是一種技能，更實現(xiàn)了技術(shù)與藝術(shù)的統(tǒng)一。B版式設(shè)計的范圍，涉及到刊物、畫冊、和網(wǎng)頁頁面等平面設(shè)計各個領(lǐng)域C只是關(guān)于編輯和排版D有目的的組合排列的設(shè)計行為與過程18、以下選項中，不屬于國字型布局特點的是（C）A頁面容納內(nèi)容多B信息量大C左側(cè)會固定D常用于首頁設(shè)計19、交互設(shè)計理念中，以（D）作為基礎(chǔ)的設(shè)計A系統(tǒng)功能B用戶C市場D業(yè)務(wù)需求20、針對不同對象的設(shè)計理念中，不屬于B端用戶體驗優(yōu)化的是（A）A過文字提示來告知用戶B減少操作路徑C減少頁面跳轉(zhuǎn)D功能齊全三、多選題1、以下選項中，屬于組件優(yōu)勢的是（ABC）A反饋用戶B提高效率C保持一致性D開發(fā)簡單2、屬于導(dǎo)航類的組件有（AB）A導(dǎo)航菜單B標(biāo)簽頁C選擇器D布局3、關(guān)于面包屑組件的使用場景，描述正確的是（ABC）A當(dāng)系統(tǒng)擁有超過兩級以上的層級結(jié)構(gòu)時B當(dāng)需要告知用戶“在哪里”的時候C當(dāng)需要向上導(dǎo)航的功能的時候D可以切換頁碼來瀏覽數(shù)據(jù)4、關(guān)于表單類組件的描述，正確的是（ABD）A表單在網(wǎng)頁中主要負責(zé)數(shù)據(jù)采集功能B用戶需要填寫輸入數(shù)據(jù)并提交到數(shù)據(jù)庫C為頁面和功能提供導(dǎo)航的菜單列表D選擇器屬于表單類組件5、時間軸面板包括的參數(shù)設(shè)置有（ABCD）A延遲時間B新建C刪除D播放/停止6、時間軸面板設(shè)置動畫播放次數(shù)，可以選擇（ABCD）A1次B3次C永遠D自定義動畫循環(huán)次數(shù)7、Ps中優(yōu)化動態(tài)元素的方法包括（ABCD）A減小圖像大小B減少幀數(shù)C減少顏色數(shù)D調(diào)整色彩損耗8、在Ps中減小圖像大小的方法有（BD）A增加顏色深度算法B圖像菜單中選擇圖像大小對話框進行調(diào)整C添加動畫特效D在存儲為web所用格式面板中調(diào)整9、按框架分類，網(wǎng)頁組成部分包括（ABCD）A頁頭B頁腳C備案信息D導(dǎo)航10、布局設(shè)計的基本步驟包括（ABCD）A列舉B歸類C排序D調(diào)整11、網(wǎng)頁設(shè)計的分類，包括（ABC）A交易類B綜合資訊類C社區(qū)類D移動端12、以下選項中，屬于交易類的web產(chǎn)品有（ABD）A淘寶B京東C知乎D天貓13、切圖的目的是（BCD）A保證清晰度B提高組件的復(fù)用性C讓網(wǎng)頁瀏覽更快D減小文件容量14、切圖的方法，以下描述正確的是（ABD）A使用裁剪工具框選要裁切的內(nèi)容，其他圖層隱藏，使用存儲為web所用格式命令，選擇png格式，存儲即可B選中圖片所在的組，右鍵選擇“快速導(dǎo)出為PNG”文件C使用裁剪工具框選要裁切的內(nèi)容，其他圖層隱藏，使用存儲為web所用格式命令，選擇jpg格式，存儲即可D選擇“切片”工具，選擇要存儲的多個圖像，使用存儲為web所用格式命令進行優(yōu)化，選擇存儲路徑，存儲即可15、以下選項中，屬于頁面布局的基本理論有（ABCD）A網(wǎng)格系統(tǒng)B?？硕蒀費茨定律D奧卡姆剃刀原理16、格式塔原理包括的內(nèi)容有（ABCD）A接近性原理B相似性原理C連續(xù)性原理D封閉性原理17、構(gòu)成網(wǎng)格系統(tǒng)的基礎(chǔ)概念包括（ABC）A水槽B邊距C盒子/區(qū)域D主體/背景18、對于構(gòu)建格柵系統(tǒng)，我們可以（ABD）A確定屏幕尺寸B確定安全范圍C確定圖片大小D確定水槽的寬度19、關(guān)于費茨定律的描述中，正確的是（ABD）A按鈕等可點擊區(qū)域在合理的范圍之內(nèi)越大越容易點擊B屏幕的邊角很適合放置菜單欄和按鈕等元素，不管移動多遠，鼠標(biāo)最終會停在屏幕的邊緣，并定位到按鈕或菜單的上面C任意一點移動到目標(biāo)中心位置所需時間與該點到目標(biāo)的距離和大小有關(guān)，目標(biāo)越大時間越長D出現(xiàn)在用戶正在操作的對象旁邊的控制菜單比下拉菜單或工具欄可以被打開得更快20、以下選項中，屬于7±2法則在設(shè)計中的應(yīng)用的是（BCD）A減少段落個數(shù)BPC端導(dǎo)航或選項卡盡量不要超過9個，應(yīng)用端的選項卡不會超過5個C如果導(dǎo)航或選項卡內(nèi)容很多，可以用一個層級結(jié)構(gòu)來展示各段及其子段，并注意其深廣度的平衡D把大塊整段的信息分割成各個小段，并顯著標(biāo)記每個信息段和子段，以便清晰的確認各自的內(nèi)容21、以下選項中，屬于常見的版式設(shè)計類型有（ABCD）A國字型布局B匡字型布局C海報型布局D綜合型布局四、簡答題1、反饋類組件中toast提示、alert提示、tooltip提示的使用區(qū)別？答：toast（吐司）提示當(dāng)用戶產(chǎn)生操作、或輸入錯誤時，出現(xiàn)toast提示，通常1-2秒消失；Alert警告提示當(dāng)某個頁面需要向用戶顯示警告的信息時，網(wǎng)站會出現(xiàn)對應(yīng)的警告信息提示用戶，這種提示信息的狀態(tài)不會主動消失。tooltip氣泡提示鼠標(biāo)移入則立即顯示提示，移出則立即消失，不承載復(fù)雜文本和操作;展示鼠標(biāo)hover（懸停）時的提示信息；常用于解釋操作按鈕的文字說明。2、簡述奧卡姆剃刀原理以及在設(shè)計中的應(yīng)用，可舉例說明？答：只放置必要的東西減少點擊次數(shù)減少段落個數(shù)“外婆”規(guī)則給予更少的選項3、簡述格式塔原理以及格式塔原理下各應(yīng)用原則的簡單釋義？答：格式塔心理學(xué)誕生于1912年，是由德國心理學(xué)家組成的研究小組試圖解釋人類視覺的工作原理。其中最基礎(chǔ)的發(fā)現(xiàn)是人類視覺是整體的；“形狀”和“圖形”在德語中是Gestalt，因此這些理論也稱做視覺感知的格式塔原理。接近性：互相靠近的（相對于其他物體）物體看起來是一組。相似性：其他因素相同，那么相似的物體看起來屬于一組。連續(xù)性：視覺傾向于感知練血的形式而不是離散的碎片。封閉性：視覺系統(tǒng)自動嘗試將敞開的圖形關(guān)閉起來，從而將其感知為完整的物體而不是分散度碎片。對稱性：視覺會傾向于分解復(fù)雜的場景來降低復(fù)雜度，尋求這些屬性以及秩序和穩(wěn)定，因此對稱對快速有效地傳遞信息非常有用。主體/背景：大腦將視覺區(qū)域分為主體和背景。共同命運：一起運動的物體被感知為屬于一組或彼此相關(guān)。4、簡述低保真原型和高保真原型的特點及使用場景？答：低保真原型圖：使用線條、色塊、占位符、方框來展示產(chǎn)品的主要頁面信息、結(jié)構(gòu)和布局。優(yōu)點：制作速度快；修改成本低；有時間深入思考產(chǎn)品的邏輯；不影響UI設(shè)計師的發(fā)揮。缺點：不夠精美使用場景：產(chǎn)品功能需求和業(yè)務(wù)范圍確定后，由PM(項目經(jīng)理)和UE繪制（用戶體驗設(shè)計師：主要是研究用戶的，用戶的行為，情感，使用感受），面向人群