第一篇:UI設計面試問題總結
UI設計
一、什么是UI設計:
UI,顧名思義,User Interface,UI設計即為用戶界面設計。用戶界面是用戶和設備交互的重要介質。用戶界面設計可分為感覺和情感兩個層次,其綜合了心理學,設計學,語言學等方面的知識。一個產(chǎn)品的UI設計直接關系著用戶體驗,隨著移動設備的發(fā)展,用戶體驗越來越重要。
用戶界面設計很大程度上就是在探究如何讓產(chǎn)品更具可用性,如何使用戶獲得更好的體驗,使用戶能夠更快的通過界面操作完成任務獲得良好的感覺。
二、UI設計的三大原則:
1、易用性,使用戶能夠更容易的使用產(chǎn)品,通過界面完成想要做的操作。
2、在界面美觀的基礎上,減小用戶的記憶負擔,使用戶在使用產(chǎn)品時不用刻意記憶各種功能,可以很舒服的完成操作,從而使用戶得到很好的產(chǎn)品體驗。
3、界面的一致性。對于產(chǎn)品而言,在功能完備的基礎上,界面的美觀很重要,美觀的界面不僅使產(chǎn)品本身更具魅力,還會給用戶帶來愉悅的體驗。除此之外界面要高度一致,用戶使用界面時往往會有慣性思維,UI要保持一致,以免用戶思維方向被打亂,影響產(chǎn)品的用戶體驗。
三、UI設計常見問題
1、要明確自己的用戶群,不同的用戶階層對不同的設計元素有不同的理解。所以我們的UI設計要針對自己的用戶群設計。
2、要確保UI能夠使用戶自由掌控自己的瀏覽行為,要確保用戶能從某個點跳出,能夠毫無障礙地退出某個界面。
3、盡可能的減少程序中的bug和錯誤。從而改善用戶體驗,beat測試是削減錯誤的最好的方法。
4、將重點放在重要的內(nèi)容上,將最重要的東西展示給用戶,從而使用戶更好的理解你的設計。
5、設計要簡約。簡約的設計可以增強UI的易用性,可 I 讓用戶不必關心那些沒必要的信息。而過于擁擠的頁面不管功能多強大都會給用戶帶來糟糕的用戶體驗。
6、要有視覺提示。當我們使用了ajax flash等技術時,當內(nèi)容加載時應當有視覺提示,始終讓用戶知道目前在做什么。
7、要確保內(nèi)容清晰,準確,易懂。
8、色彩的使用。色彩是UI的重要元素,不同的顏色代表不同的情緒,色彩的使用應當和站點以及主題相契合。還要考慮特殊人群的感受,有的用戶可能是色盲,在色彩使用上要考慮他們的感受。色彩使用要保持一致,一旦選定了某種配色,整個站點一致使用這種配色。
9、良好的結構。在UI設計中各個元素應當放在他們呢該放的位置,總體結構應當清晰,一致,相關關聯(lián),那些不相關的東西應當單獨放置。
四、交互實例分析
1、Android Wear與Apple Watch 產(chǎn)品交互設計共同點:智能推送,輕量交互,高易讀性。Apple Watch:
1、個人化(Personal):因為手表是最貼近人體、最“無感”的智能設備,因此天然具備充當個人與虛擬世界交互入口的潛質。每當用戶抬起手腕的時候,蘋果手表能夠自動呈現(xiàn)相關信息提醒和個人健康數(shù)據(jù)。
2、整體性(Holistic):從 iPhone5 和 iOS7 開始,蘋果開始追求軟硬件結合的一體化極致體驗。Retina 視網(wǎng)膜屏,渾圓過渡的鵝卵石狀外殼,數(shù)字表冠 [digital Crown] 和內(nèi)置的 Taptic 精確震動引擎都是這一理念的在手表上的進一步實踐。蘋果建議開發(fā)者在開發(fā)手表 App 時候盡量使用黑色背景,并把 UI 元素盡量布局到屏幕邊緣,也是為了從視覺上模糊屏幕軟件與表殼硬件之間邊界。
3、輕交互(Lightweight):蘋果認為手表上的交互應該是快速便捷、無需復雜輸入和操作的。通過抬起手腕,提醒會自動顯示,手腕放下的時候,提醒自動消失,用戶無需額外的觸摸交互。掃視界面 [Glance] 把所有重要信息集中在一屏之內(nèi)展示,并提供快速的操作入口以便某些場景下的進一步交互。Android Wear:
1、自動觸發(fā)(Launched automatically): Andorid Wear 可通過識別時間、位置和用戶身體狀態(tài)在最合適的時間通過卡片的形式向用戶推送最相關的信息內(nèi)容。
快速瀏覽(Glanceable):谷歌認為用戶在安卓手表上獲取信息的體驗應該和用傳統(tǒng)手表看時間一樣優(yōu)雅和精準,只需要眼角余光一瞥,一切盡在掌握。只有這樣,用戶才能更快速地回到現(xiàn)實生活中,活在當下,享受生命每一刻。
2、智能推送與搜索(Suggest and Demand):基于 Google Now 的引擎,安卓手表力圖成為用戶最隨身的智能助手。谷歌的賬號服務系統(tǒng)可以學習用戶的喜好,只推送最相關最及時的資訊。只可惜目前谷歌的服務在中國大陸無法使用,大大降低了安卓手表的實用性。
3、零打擾(Zero or low interaction):很多時候 Android Wear 會自動識別你的需求,幫你自動輸入內(nèi)容,用戶僅需要確認或者取消。UI 元素采用大塊點擊,大動作滑動和手勢識別,并不需要精確的觸摸操作歌打了個有趣的比喻,說每次推送消息給用戶,就好像現(xiàn)實生活中有人突然拍一下你的肩膀一樣,是種很親密的行為。但如果這樣的行為被濫用,用戶很快就會厭煩,并且將你拋棄(Android Wear 可以自定義哪些 App 有權限推送消息到手表上)。
UI 交互架構:Android 的“二維卡片” vs 蘋果“立體空間” 安卓手表系統(tǒng)的設計風格延續(xù)了谷歌 Material Design 的原則,色彩鮮明細膩,強調卡片式的交互結構。安卓系統(tǒng)采用情景式卡片 [Contextual Cards] 推送,卡片又分為兩大類:一種是標準的通知卡片 [Bridge notification],只提供信息,無需進一步交互。比如短信、天氣、新聞等;另一種是可執(zhí)行卡片 [Actionable cards/Contextual notification],如可隨時暫停的計時器,音樂播放控制器等??ㄆ蟽?nèi)嵌了可點擊操作的按鈕,用戶除了閱讀,還可以進行進一步的快速交互;當同一程序向用戶推送了多條信息,這些信息會自動組合成堆疊卡片 [Card Stacks],用戶可點擊展開或收攏。在用戶有主動搜索的需求時,還可以通過語音詢問或者從命令列表中選擇預制的快捷命令進行搜索,安卓稱之為線索菜單 [Cue Cards]。
那么問題來了, 這么小的屏幕,這么多的卡片,用戶又如何瀏覽和選擇?安卓為此制定了 2D Pickers [二維選擇] 的法則,即縱向上下滑動在不同種類的卡片間快速切換。而從右向左滑動可以進入某個具體應用卡片的詳情進行進一步操作,如查看詳情、快速回復、在手機上打開等。從左向右滑動則是返回前一張卡片,直到退出返回默認表盤界面??ㄆ坏┩顺?,則自動刪除不再出現(xiàn)。
當然,除了情景卡片和線索菜單,安卓也給開發(fā)者提供了全屏“沉浸式”交互的可能,如果開發(fā)者認為確有必要,可以給用戶提供入口,進行全屏交互。
與安卓類似,蘋果也提供了卡片式的頁面模式 [Page-Based]。用戶可以在不同的頁面之間左右切換瀏覽。這樣的方式簡單明了,但當頁面數(shù)量較多的時候,來回頻繁切換也會影響效率。因此蘋果建議開發(fā)者盡可能的減少頁面數(shù)量。
層級模式 [Hierarchical ] 是蘋果與安卓最大的不同。在層級模式中,通過菜單導航欄引導用戶快速找到相應功能,用戶可隨時點擊左上角的返回按鈕或者從屏幕左邊緣向右滑動返回上一層級界面??梢韵胍?,對于相對復雜的用戶場景,這種模式比扁平的頁面模式更為高效。除此以外,蘋果提供了壓力觸摸 [Force Touch] 操作,相當于給同一界面賦予一個快捷操作菜單。在特定界面,只要手指用力按壓屏幕,這個快捷菜單就會浮現(xiàn)。這樣做既保證了界面布局的簡潔完整,也不影響單手指操的效率。另一個亮點是通過快速撥動數(shù)字表冠 [Digital Crown],用戶可以在不同 App 和層級界面中進行瀏覽和進行 Zoom-in-and-out 式的縮放操作,進一步提升了交互的空間層次感。2、76 Synthesizer
蘋果在應用設計中最喜歡使用的Skeuomorphic(模仿過去的現(xiàn)實物品,強調界面與用戶過往經(jīng)驗的一致性,例如iPad虛擬鍵盤上F鍵和J鍵上的虛擬定位小橫杠)設計,讓用戶感覺自己和應用之間的互動更加直觀自然。這樣就會讓用戶從冷冰冰的科技產(chǎn)品中體驗到與應用互動的樂趣以及親切感
3.Camera Genius
整個界面看起來就和真實的單反數(shù)碼相機一樣。明確強烈的視覺層次感,再加上高分辨率以及高質量的Retina視網(wǎng)膜顯示屏,整個UI看起來非常逼真、簡單明了,用戶使用起來相當方便。超清晰和引人入勝的移動UI界面,和 Web頁面完美呼應。
4.FL Studio Mobile
FL Studio Mobile是FL studio iPhone版,使你可以在iPod、iPhone和iPad上創(chuàng)建完整的多軌工程,它讓你的iPhone就像是全功能的錄音室,漂亮的大混音盤,先進的創(chuàng)作工具,讓你的音樂突破想象力的限制。
第二篇:ui設計面試自我介紹
【導語】面試中一段短短的自我介紹,其實是為了揭開更深入的面談而設的。一分鐘的自我介紹需要將自己最美好的一面,毫無保留地表現(xiàn)出來,要令對方留下深刻的印象。以下是小編整理的ui設計面試自我介紹,僅供參考!ui設計面試自我介紹篇1
我叫xx,畢業(yè)于湖北經(jīng)濟學院廣告學專業(yè)(偏向廣告平面設計),本科。性格:活潑開朗、隨和、平易近人。也正式由于這種性格,我有很多愛好:慢跑、打排球、看書、上網(wǎng)……嚴于律己,寬以待人是我的人生座右銘。
在外地的幾年求學中,又讓我多了一種堅強的性格,這種性格使我克服了學習和生活中的一些困難,并形成了做事嚴謹、認真、積極進取的態(tài)度,曾榮獲學校的獎勵。我還積極主動參加學校各種活動和社會實踐,不放過任何一個能鍛煉自己的機會,同時還輔修了會計學專業(yè)。我之所以非常熱愛設計,是因為我非常熱愛生活。從每天的進步中尋找生活的精彩。也希望能借助這個機會,找一個能展現(xiàn)自己實力的舞臺。
會心處不必在遠,相信就在這里。
ui設計面試自我介紹篇2我叫xxx,是xxx大學平面設計專業(yè)的學生,我熱愛我的專業(yè),因為學設計可以繪畫出自己。讓人感覺到你的快樂。四年里,我參與了一定的社會實踐活動,還多次參加了多次設計大賽,很好的鍛煉自己,包括專業(yè)知識、心理素質,使自己更加理性成熟。參與使我充實、快樂,使我成長。此外,我熱愛文學,能夠把豐富的文學知識運用到學習與創(chuàng)作中。
在校學習期間,我熱愛社會主義,擁護中國共產(chǎn)黨和他的領導。自覺遵守國家的法律和學校的紀律。積極參加各種校內(nèi)黨?;顒樱螯h組織靠攏,并取得了黨校結業(yè)證書。在學校里,我積極參加從班到系、學校的各種集體活動,并為集體出謀獻策。時刻關心同學,與大家關系融洽。作為班干部,我努力為同學服務,積極協(xié)助老師的工作,開展各種形式的活動,協(xié)調同學與集體的關系,使我們班成為一個充滿生氣、有活力的班集體。
在學習方面。本人以專業(yè)為主體,其他科目知識為輔。大學四年認真學習各科專業(yè)課程,已基本掌握專業(yè)知識以及與專業(yè)相關的知識體系。期間一些公司委托我設計的海報和名片得到了采納。另外,我非常注重英語能力的培養(yǎng),每天早上堅持起來晨讀,注重英語口語能力的培養(yǎng)。大學期間順利通過英語四六級考試。
社會實踐方面。通過參加寒暑假社會實踐工作,我懂得了勞動的艱辛,懂得了做任何事都需要認真、耐心和良好的職業(yè)道德素質,讓我更珍惜所有勞動成果,更合理使用父母的血汗錢。在其中我更是學到了一些為人處世的方法,懂得人與人之間的溝通。
雖說現(xiàn)在我的社會經(jīng)驗和工作經(jīng)驗不足,但我覺得時間和用心可以彌補一切,在今后的日子里,我將努力鍛煉堅強的意志品質,以適應社會發(fā)展需求,增強適應各種工作的能力,拓寬專業(yè)知識面,努力掌握專業(yè)知識和技能,將理論與實踐相結合,全心全意投入到未來的工作、事業(yè)中。
ui設計面試自我介紹篇3我是xx大學廣告設計專業(yè)的應屆畢業(yè)生xxx。大學期間曾經(jīng)在暑假期間在xx廣告公司實習,能夠很好得配合其他員工的工作,認真踏實,對工作是絕對的認真負責;對于不懂不熟之事肯付出努力不斷學習與練習,不怕吃苦;期間還獨立完成一次項目,受到公司同事和領導的好評,對于自己有較清醒的認識,不會夸大其詞,自吹自擂,能恪守以大局為重的原則,愿意服從集體利益的需要!請領導給予一次機會,我會用實力來證明自己!謝謝!
第三篇:UI設計項目總結
《UI設計》項目總結
UI設計課程為計算機系的多媒體方向學生的專業(yè)課, 所須課時為14課時/周,共計5周,采用項目教學的教學方式。
通過項目實踐,使學生能建立交互界面設計的基本概念框架,掌握交互界面設計制作的基本技能,明確交互界面設計的流程和操作程序,能夠將交互界面設計的基礎知識和制作技能融會貫通,靈活應用于交互界面設計創(chuàng)意與制作。
課程布置給學生一共兩個大項目,第一個項目——“軟件交互界面設計”,分步開始設計制作常用控件,逐漸進入整個軟件界面設計,在這個過程中,讓學生回顧并進一步掌握Photoshop等設計軟件,熟悉了解市場上的設計風格。
第二個項目—— “移動手機交互界面設計”。通過這樣一個貼近生活的項目吸引學生的好奇心,并引發(fā)學生對交互界面設計知識的探究欲望。接下來帶領學生開始實施項目的第一個步驟——對項目任務進行分析,明確項目目標和任務要求,也就是明白自己要做什么。藉此項目開始,就讓我們學生無形中走向了“職場”。在項目實施過程中,結合實際案例,比賽實踐來加深學生對交互界面設計的認識,并充分認識到圖片、文字、色彩在設計中作用,對構圖、字體、色彩搭配有了更深的理解與應用能力。有了第一個項目的實踐經(jīng)驗,通過前后兩個項目的對比分析,及時歸納總結已學過的知識,使之系統(tǒng)化,讓學生對交互界面設計有了進一步的提高。讓學生明白創(chuàng)意在交互界面設計中的作用,培養(yǎng)學生進行設計的正確思維模式。
因該課程面向大二的學生,學生已經(jīng)有了軟件制作基礎,因此在講解軟件的時候,著重在如何通過軟件功能工具設置來達到更好的設計效果。課程教學通過項目訓練與作品展示分析,掌握學生學到多少,然后根據(jù)不同的情況有的放矢地講解。鼓勵學生在課堂上向全班同學講授自己的創(chuàng)作思路和設計稿特點,多多擴散自己的思維,代入“職場”氛圍。
從項目實踐結果來看,《UI設計》達到了課程教學目的。學生對軟件技能知識基本掌握,而在創(chuàng)意藝術表現(xiàn)上的應用部分同學表現(xiàn)良好,還有部分同學仍需進一步鞏固與提高。而我對這一課程教學也有了更多的心得體會,雖然還有不足之處,但也看到了更多進步的空間,相信我能進一步做到更好。
第四篇:UI總結
Root 窗口
1、標題欄:位于窗口的頂部,是應用程序的名稱。
2、控制按鈕區(qū):控制窗口關閉,最大,最小操作的一個集合區(qū)域。包括最大化、最小化、關閉按鈕。
3、菜單欄:就是各種操作命令構成的菜單項,在當前狀態(tài)下能夠使用的命令類別,包含了文件、編輯、視圖等共九項菜單。包括“下拉式菜單”“快捷菜單”。
4、工具欄:就是菜單中的一些常用命令的圖標,即常用菜單的圖標顯示方式。包括:⑴常用工具欄;⑵格式工具欄;⑶繪圖工具欄。
5、任務欄(狀態(tài)欄):用來顯示編輯文檔程序當前狀態(tài)的信息。包括“開始”按鈕;快速啟動區(qū)域;窗口顯示區(qū)域;輸入法;時間區(qū)域和消息區(qū)域。
6、邊框:表示本窗口的范圍。
7、工作區(qū)(內(nèi)容區(qū)):應用程序用來顯示接受信息和輸出信息的區(qū)域?!尽拔募疟P區(qū)”在“我的電腦”】
8、垂直滾動條(鈕):查看上下內(nèi)容。
9、水平滾動條(鈕):查看左右內(nèi)容。Sub 子窗口
1、窗口大小、位置,窗口標題,窗口狀態(tài)欄,控制按鈕區(qū)(最大、最小、關閉)
2、子窗口與主窗口的關系,是嵌套在主窗口里面,還是單獨顯示
3、包含的界面元素(類型,位置,大小,字體顏色,背景顏色,默認值,Tab 順序,快捷鍵)
a)文本區(qū)(字數(shù)限制,字符限制)
b)文本域
(字數(shù)限制,字符限制)
c)列表框 list box(顯示數(shù)據(jù)列的標題,列排序,列寬,列顯示數(shù)據(jù)量)
d)垂直滾動條(查看上下內(nèi)容)
e)水平滾動條(查看左右內(nèi)容)
f)單選框(選 or 不選)
g)多選框(選 or 不選,與Ctrl 和Shift key 有沒有聯(lián)合)
h)按鈕
i)標簽
第五篇:UI設計師面試題目
UI設計師面試題目
選擇題環(huán)節(jié)
UI設計構圖的內(nèi)容要素(A)A. 文字,插圖,圖標 B. 文字,插圖,表格 C. 文字,表格,圖標 D. 表格,插圖,圖標
通過有意轉換,交替視點來違反正常的透視規(guī)律和空間觀念的圖形被稱為(C)A. 正負形 B. 異物同構 C. 矛盾空間 D. 多元重構
UI設計中以下哪些是矢量軟件(A)A. Adobe Illustrator B. Photoshop C. Adobe After Effects D. Indesign
在Photoshop中,快捷鍵Ctrl + Alt+C 將打開哪個操作面板(B)A. 圖像大小 B. 畫布大小 C. 自動色調 D. 自動對比度
在AI中,關于符號功能的描述正確的是(C)A. 能還原上一步操作 B. 能復制已有選區(qū)的元素 C. 能方便快捷的替換元素 D. 能改變元素的路徑
視覺設計研究范圍不包含以下哪幾項(D)A. 創(chuàng)建可識別的圖像 B. 產(chǎn)品整體視覺統(tǒng)一性 C. 布局構圖合理性及美觀度 D. 需求原型的分析
問答題環(huán)節(jié)
1. 怎樣理解界面設計,網(wǎng)頁設計,平面設計,他們之間的區(qū)別是什么?自己更喜歡或擅長哪塊? 2. 是否有自己最滿意的作品,什么時候設計的?設計題目或主題是什么?自己是如何策劃和設計表現(xiàn)的?