第一篇：大神UI彈窗設(shè)計(jì)經(jīng)驗(yàn)總結(jié)
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 大神UI彈窗設(shè)計(jì)經(jīng)驗(yàn)總結(jié)
當(dāng)你將彈窗設(shè)計(jì)及使用得恰到好處時(shí)，它們就會(huì)是非常有效的用戶界面元素。它們能幫助用戶快速且便捷地達(dá)成目標(biāo)。然而當(dāng)錯(cuò)誤使用時(shí)，彈窗卻會(huì)困擾你的用戶。學(xué)會(huì)如何設(shè)計(jì)彈窗，會(huì)幫助你在使用時(shí)避免那些可能對(duì)用戶造成的困擾。
加上這篇《騰訊設(shè)計(jì)師做了100個(gè)彈框后總結(jié)的設(shè)計(jì)經(jīng)驗(yàn)》 學(xué)會(huì)彈窗設(shè)計(jì)就沒問(wèn)題了！1，什么是彈窗？
彈窗是一個(gè)為激起用戶的回應(yīng)而被設(shè)計(jì)、需要用戶去與之交互的浮層。它可以告知用戶關(guān)鍵的信息，要求用戶去做決定，抑或是涉及到多個(gè)操作。彈窗越來(lái)越廣泛地被應(yīng)用于軟件、網(wǎng)頁(yè)、以及移動(dòng)設(shè)備中，它可以在不把用戶從當(dāng)前頁(yè)面帶走的情況下，指引用戶去完成一個(gè)特定的操作。
UI設(shè)計(jì)
圖1，會(huì)話過(guò)期彈窗
現(xiàn)在讓我們來(lái)看看有哪些優(yōu)秀的彈窗設(shè)計(jì)和使用方法。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 原則1，減少干擾
由于彈窗會(huì)中斷操作，要盡可能地少使用彈窗。突然出現(xiàn)的彈窗會(huì)強(qiáng)迫用戶去停止他們當(dāng)下正在進(jìn)行的任務(wù)，并轉(zhuǎn)而專注于彈窗中的內(nèi)容。在繼續(xù)之前，用戶必須要面對(duì)這個(gè)彈窗，否則將無(wú)法對(duì)彈窗之下的頁(yè)面進(jìn)行操作。當(dāng)這個(gè)用戶必須要確認(rèn)一個(gè)關(guān)鍵的操作時(shí)，這就是好的，但是在大部分情況下彈窗是不太有必要的，甚至?xí)鹩脩舴锤?。需要確認(rèn)
在你需要用戶去互動(dòng)才可繼續(xù)時(shí)，或當(dāng)犯一個(gè)錯(cuò)誤的成本會(huì)很高時(shí)，使用彈窗是最合適且最合理的。
UI設(shè)計(jì)
圖2，這里告知了用戶一個(gè)情況，需要用戶確認(rèn) 不要突然打開彈窗
在用戶沒有做任何操作時(shí)突然打開彈窗，是非常糟糕的設(shè)計(jì)。許多網(wǎng)站用訂閱框來(lái)轟炸它們的用戶，就如下面的例子：
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
UI設(shè)計(jì)
圖3，諸如此類的彈窗給沒有鍵盤的用戶造成了數(shù)不清的麻煩
彈窗的出現(xiàn)應(yīng)該永遠(yuǎn)基于用戶的某個(gè)操作。這個(gè)操作也許是點(diǎn)擊了一個(gè)按鈕，也許是進(jìn)入了一個(gè)鏈接，也可能是選擇了某個(gè)選項(xiàng)。小結(jié)
不是每個(gè)選擇、設(shè)置、或細(xì)節(jié)都有必要中斷用戶當(dāng)前的操作。
彈窗的備選方案有菜單以及同框內(nèi)的擴(kuò)展，這兩種控件都可以保持當(dāng)前頁(yè)面的延續(xù)?？刹灰蝗惶鰪棿?，應(yīng)該讓用戶對(duì)彈窗的每次出現(xiàn)都有心理預(yù)期。原則2，彈窗應(yīng)與現(xiàn)實(shí)世界相關(guān)連
彈窗應(yīng)該使用用戶的語(yǔ)言（用戶熟悉的文字，短語(yǔ)和概念），而不是一些系統(tǒng)特有的專有名詞。表述清晰的問(wèn)題和選項(xiàng) ? ? ?
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 在彈窗的內(nèi)容區(qū)域，應(yīng)該使用一個(gè)表述清晰的問(wèn)題或陳述，例如“清除您的存檔？”或“刪除您的賬戶？”總之，應(yīng)該避免使用含有歉意的、模凌兩可的、或者是反問(wèn)式的語(yǔ)氣，如“警告！”“你確定嗎？”
UI設(shè)計(jì)
圖4，左邊的彈窗提出了一個(gè)很模凌兩可的問(wèn)題，并且這個(gè)操作可能影響的范圍并不明確；右邊的彈窗提出的問(wèn)題相當(dāng)明確，它解釋了此次操作對(duì)用戶的影響，并且提供了指向清晰的選項(xiàng)。盡可能不要給用戶提供可能產(chǎn)生混淆的選項(xiàng)，而應(yīng)該使用那些文意清晰的選項(xiàng)。大部分情況下，用戶應(yīng)該能夠只通過(guò)彈窗的標(biāo)題和按鈕，就了解他們有哪些選項(xiàng)。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 反例：這個(gè)按鈕的文字“不”的確回答了彈窗內(nèi)的問(wèn)題，但是并沒有直接告訴用戶點(diǎn)擊后會(huì)發(fā)生什么。
UI設(shè)計(jì)
圖5，安卓的系統(tǒng)彈窗
改成這樣：肯定的操作文字“放棄” 很明確地指示了選擇這個(gè)選項(xiàng)的后果。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
圖6，安卓的系統(tǒng)彈窗 提供重要的信息
一個(gè)彈窗不應(yīng)該把對(duì)用戶有用的信息說(shuō)得含糊不清。舉個(gè)例子，如果一個(gè)彈窗要讓用戶確認(rèn)刪除某些條目，就應(yīng)該把這些條目都列出來(lái)。
UI設(shè)計(jì)
圖7，這個(gè)彈窗很簡(jiǎn)要地指明了這個(gè)操作的結(jié)果
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 另外，避免使用“了解更多”按鈕去連接到幫助文檔；在彈窗同一頁(yè)面展開則是更好的選擇。如果還需要顯示更多的信息，則將其放在進(jìn)入彈窗之前的頁(yè)面。提出有（關(guān)鍵）信息的反饋
當(dāng)一個(gè)流程結(jié)束時(shí)，記得顯示一條提示信息（或視覺反饋），讓用戶知道自己已經(jīng)完成了所有必要的步驟。
UI設(shè)計(jì)
圖8，在完成一個(gè)操作后成功的例子 小結(jié)
在彈窗中使用語(yǔ)意清晰的問(wèn)題和選項(xiàng)。設(shè)計(jì)促進(jìn)操作完成的彈窗。
在操作完成后，提示用戶操作已經(jīng)完成了。原則3，講求極簡(jiǎn) ? ? ?
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 別試著把太多東西擠在一個(gè)彈窗內(nèi)。要保持干凈和簡(jiǎn)約（遵從KISS原則）。然而極簡(jiǎn)主義并不意味著被局限住，你提供的所有信息都該是有價(jià)值并且與之相關(guān)的。元素與選項(xiàng)的數(shù)量
彈窗絕不應(yīng)該只是部分顯示在屏幕上。因此不要使用有滾動(dòng)控件的彈窗。
反例：巴克萊銀行的付款處理彈窗包括了許多的選項(xiàng)和元素，部分的選項(xiàng)只有滾動(dòng)后才能看到（特別是對(duì)于屏幕通常較小的移動(dòng)設(shè)備）
好的例子：Stripe使用了一個(gè)簡(jiǎn)單并且聰明的彈窗，只顯示了最基本的信息，這樣不管在桌面端上還是移動(dòng)屏幕上看起來(lái)都會(huì)很不錯(cuò)。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
官網(wǎng)：http://004km.cn/
UI設(shè)計(jì)
操作的數(shù)量
彈窗不該提供超過(guò)兩種選項(xiàng)。第三個(gè)選項(xiàng)，例如下圖的“了解更多”，有可能會(huì)將用戶帶離此彈窗，如此用戶將沒有辦法完成當(dāng)前的任務(wù)。
圖11，“LEARN MORE”操作將用戶從這個(gè)彈窗指引到其它頁(yè)面，進(jìn)而把當(dāng)前的彈窗置入一個(gè)不確定的狀態(tài)
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 勿將多個(gè)步驟放置在一個(gè)彈窗內(nèi)
把一個(gè)復(fù)雜的任務(wù)分解成多個(gè)步驟是一個(gè)極好的想法。然而這也會(huì)給用戶傳達(dá)一個(gè)信號(hào)，這個(gè)任務(wù)太復(fù)雜了，以至于根本沒法再一個(gè)彈窗界面中完成。
如果一個(gè)交互行為復(fù)雜到需要多個(gè)步驟才能完成（如下圖的UI設(shè)計(jì)例子），那么它就有必要單獨(dú)使用一個(gè)頁(yè)面（而不是作為彈窗存在）。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
官網(wǎng)：http://004km.cn/
UI設(shè)計(jì)
圖13，有多個(gè)步驟的彈窗 小結(jié)
如果你發(fā)現(xiàn)你在很努力地把許多元素?cái)D進(jìn)一個(gè)彈窗，這通常代表彈窗已經(jīng)不是最優(yōu)的設(shè)計(jì)方案了。
? ? ?
將那些不必要的、不能夠幫助用戶完成任務(wù)的元素或內(nèi)容從彈窗中去除，以達(dá)到簡(jiǎn)化的目的。盡量避免在彈窗內(nèi)安置多個(gè)步驟。原則4，選擇適當(dāng)?shù)膹棿胺N類
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 彈窗大致分兩個(gè)大類。第一大類為吸引用戶關(guān)注的模態(tài)彈窗，強(qiáng)制用戶與之交互后才能繼續(xù)。模式彈窗通常被用在獨(dú)立、強(qiáng)制的流程中： 當(dāng)不需要上下文就可以決定怎么做的時(shí)候。
需要明確的“接受”或“取消”動(dòng)作才能關(guān)閉。在點(diǎn)擊這種彈窗的外部時(shí)，它并不會(huì)關(guān)閉。當(dāng)我們不允許此用戶的進(jìn)程處于部分完成狀態(tài)（即用戶必須完成此進(jìn)程才可做其他任何的操作）。
第二大類則是非模態(tài)彈窗，它允許用戶通過(guò)點(diǎn)擊或輕觸周圍就可關(guān)閉。
第一種模式彈窗只在特別重要的交互操作時(shí)才須使用，（比如：刪除帳戶，同意協(xié)議）。? ? ?
UI設(shè)計(jì)
圖14，模態(tài)彈窗：用戶必須輸入“DELETE”才能確認(rèn)刪除
另外移動(dòng)系統(tǒng)的彈窗通常是模態(tài)的，并且含有如下的基本元素：內(nèi)容，操作，和標(biāo)題。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/ 創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
圖15，安卓模態(tài)彈窗 原則5，視覺一致性 彈窗下的背景
當(dāng)打開一個(gè)彈窗時(shí)，后面的頁(yè)面一定要稍微地變暗。它有兩個(gè)功能，第一它把用戶的注意力轉(zhuǎn)移到了浮層上，第二它讓用戶知道后面的這個(gè)頁(yè)面是不再可用的。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
官網(wǎng)：http://004km.cn/
圖16，安卓的模態(tài)彈窗
在調(diào)節(jié)背景深度時(shí)要注意了。如果你把它變得太暗，用戶就沒法看清背景的內(nèi)容。如果你調(diào)得太淺，用戶可能會(huì)認(rèn)為這個(gè)頁(yè)面仍然可操作，并且甚至不會(huì)注意到彈窗的存在。清晰的關(guān)閉選項(xiàng)
在彈窗的右上角應(yīng)該有一個(gè)關(guān)閉的選項(xiàng)。許多彈窗會(huì)在右上角有一個(gè)“x”的按鈕，方便用戶關(guān)閉窗口。然而，這個(gè)“x”按鈕對(duì)于一般的用戶而言并不是一個(gè)顯而易見的退出通道。這是由于“x”按鈕通常較小，它需要用戶準(zhǔn)確地定位到該處，才能夠成功的退出，而這一過(guò)程通常很費(fèi)事。
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
官網(wǎng)：http://004km.cn/ 因而讓用戶通過(guò)點(diǎn)擊非模態(tài)彈窗的背景區(qū)域去退出，就是一個(gè)更好的方法。
圖17，TWITTER同時(shí)使用了點(diǎn)擊X按鈕和點(diǎn)擊背景區(qū)域的退出方式 避免在彈窗內(nèi)啟動(dòng)彈窗
應(yīng)該避免在彈窗內(nèi)再啟動(dòng)附加的小彈窗，這是因?yàn)榇伺e會(huì)加深用戶所感知到的網(wǎng)站或app的層級(jí)深度，從而增大了視覺的復(fù)雜性。
圖18，反例：彈窗中的彈窗
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
官網(wǎng)：http://004km.cn/ 小結(jié)
在大部分情景下，都允許用戶通過(guò)點(diǎn)擊或輕觸來(lái)關(guān)閉彈窗（除了模態(tài)彈窗）。應(yīng)該避免在彈窗內(nèi)再啟動(dòng)附加的小彈窗（即彈窗中的彈窗）?？偨Y(jié)
希望這些有關(guān)彈窗的使用案例和使用方法還算有趣，并能在你們?cè)O(shè)計(jì)原型時(shí)派上用場(chǎng)。要記住，用戶體驗(yàn)是為用戶而做的設(shè)計(jì)，而非為技術(shù)。要想知道什么樣的設(shè)計(jì)最適合你的用戶、最適合他們將進(jìn)行的任務(wù)，其實(shí)不是一件難事：你只需要模仿那些領(lǐng)先產(chǎn)品的彈窗，然后找到你的用戶做一些相關(guān)的測(cè)試 ? ?
創(chuàng)想設(shè)計(jì)學(xué)院
官網(wǎng)：http://004km.cn/
第二篇：韓語(yǔ)學(xué)習(xí)和TOPIK六級(jí)大神經(jīng)驗(yàn)總結(jié)
韓語(yǔ)學(xué)習(xí)和TOPIK六級(jí)大神經(jīng)驗(yàn)總結(jié)
做個(gè)學(xué)習(xí)韓國(guó)語(yǔ)的小結(jié)，方法什么的不敢說(shuō)都是對(duì)的，只是希望正在學(xué)韓語(yǔ)的大家能從字里行間找到一點(diǎn)適合自己的小技巧，提高韓語(yǔ)學(xué)習(xí)的效率。咱也算為在韓中國(guó)留學(xué)生韓國(guó)語(yǔ)整體水平的提高，作出了自己小小的貢獻(xiàn)。
先說(shuō)我們來(lái)韓國(guó)學(xué)韓語(yǔ)。在語(yǔ)學(xué)堂學(xué)習(xí)，主要的目的是兩個(gè)。
第一，是為了過(guò)TOPIK三級(jí)四級(jí)，達(dá)到學(xué)校對(duì)于畢業(yè)生的語(yǔ)言要求，以期順利畢業(yè);第二，是希望用自己的語(yǔ)言能力，學(xué)好專業(yè)課程。
所以說(shuō)并不需要韓語(yǔ)達(dá)到一個(gè)無(wú)人能及的水平。也就是說(shuō)學(xué)習(xí)韓語(yǔ)的時(shí)候，最好不要因?yàn)槟繕?biāo)太高給自己太多的壓力，有時(shí)候壓力大了，反而降低學(xué)習(xí)的效率。還有一個(gè)提高學(xué)習(xí)效率的方法，就是要愛上韓語(yǔ)，把學(xué)習(xí)韓語(yǔ)培養(yǎng)成自己的興趣，這樣即便是你在學(xué)習(xí)壓力導(dǎo)致惰性滋生的時(shí)候，也能因?yàn)樽约簩?duì)韓語(yǔ)的喜愛，不知不覺中學(xué)到更多。
可能有一部分人不知道，考TOPIK和學(xué)習(xí)韓語(yǔ)其實(shí)是兩個(gè)不一樣的概念。很多人以為只要提高韓語(yǔ)能力就能順利過(guò)TOPIK，但事實(shí)上我們身邊有些口語(yǔ)很牛的人，考試下來(lái)4級(jí)都難過(guò)。因?yàn)門OPIK中的很多考試內(nèi)容，并不是日常生活中能直接接觸的內(nèi)容。所以如果你學(xué)習(xí)韓語(yǔ)的目的僅僅是為了得到一張TOPIK的證書，那就以做真題為主，以上課和與韓國(guó)人的交流對(duì)話為輔。大部分時(shí)間花在練習(xí)真題上就好了。
韓語(yǔ)是一門入門難，越學(xué)越簡(jiǎn)單的科目。說(shuō)他入門難，是因?yàn)槿腴T學(xué)習(xí)的時(shí)候，練習(xí)發(fā)音很重要。我們就是這樣一個(gè)例子，韓語(yǔ)入門的時(shí)候是在中國(guó)學(xué)得，本來(lái)學(xué)習(xí)就不認(rèn)真，再加上啟蒙老師是一個(gè)中國(guó)的朝鮮族老師，發(fā)音習(xí)慣和韓國(guó)人有很大的區(qū)別，就直接導(dǎo)致了自己的“半調(diào)子”發(fā)音。所以韓語(yǔ)學(xué)習(xí)的過(guò)程應(yīng)該是，初級(jí)的時(shí)候，全程有老師陪同，中級(jí)的時(shí)候，一半時(shí)間自學(xué)，一半時(shí)間上課 到了高級(jí)的時(shí)候基本就是自學(xué)為主了，有時(shí)間就去上韓國(guó)語(yǔ)課，可能有人專業(yè)課太多，沒時(shí)間選韓語(yǔ)課的時(shí)候，只要自己把自學(xué)的時(shí)間安排到位，不上也無(wú)妨。
<中 級(jí)> 3，4級(jí)的時(shí)候，一定要認(rèn)真學(xué)習(xí)韓國(guó)語(yǔ)教育院提供的學(xué)習(xí)教材。大部分同學(xué)都是為了準(zhǔn)備TOPIK考試，這種情況下，選擇首爾大的教材很好，因?yàn)檫@個(gè)系列的教材里面的語(yǔ)法列的很清楚很到位(據(jù)說(shuō)TOPIK的試題也是根據(jù)首爾大的教材編的)，另外的例如慶熙大的教材，因?yàn)楸容^注重口語(yǔ)交流，教材里面是沒有一個(gè)清楚的語(yǔ)法列表的，比較適合側(cè)重于會(huì)話學(xué)習(xí)的學(xué)生。找一個(gè)適合自己的教材。跟著教育院老師的學(xué)習(xí)節(jié)奏，上課認(rèn)真做筆記，預(yù)習(xí)復(fù)習(xí)的工作認(rèn)真做到位，學(xué)完中級(jí)，一個(gè)學(xué)期是能到4級(jí)的。老師們都是對(duì)外韓語(yǔ)專業(yè)的專家，跟著她們的步伐，肯定沒有錯(cuò)的。
真真切切想提高韓語(yǔ)能力，不光是課堂，課外也多結(jié)實(shí)韓國(guó)朋友，或者去教會(huì)，真正走出學(xué)校，在解決各種問(wèn)題的過(guò)程中，特別能鍛煉一個(gè)人的韓語(yǔ)水平。平時(shí)閑著了，或者學(xué)習(xí)很累了，想休息一會(huì)兒，就可以看看電視，綜藝節(jié)目、電影，不光學(xué)韓語(yǔ)，也能學(xué)到當(dāng)?shù)厝瞬簧偕盍?xí)慣和文化背景。
有條件還可以住到韓國(guó)人家里去體驗(yàn)體驗(yàn)他們的日常生活，沒這條件的，平時(shí)多參加MT的課程，多和韓國(guó)人打交道，這些都是提高韓國(guó)語(yǔ)能力的重要途徑。一定要入鄉(xiāng)隨俗，尊重他們的文化。
<高 級(jí)> 高級(jí)，是一個(gè)以中級(jí)為基礎(chǔ)進(jìn)階的學(xué)習(xí)過(guò)程。想要學(xué)好高級(jí)就一定要認(rèn)真鞏固好中級(jí)。高級(jí)里面的語(yǔ)法不是很多，乍一看很難，其實(shí)有很大一部分都是能在中級(jí)里面找到對(duì)應(yīng)的意思相近的中級(jí)語(yǔ)法的。
中級(jí)側(cè)重語(yǔ)法 高級(jí)側(cè)重單詞，學(xué)習(xí)高級(jí)就一定要有很大的詞匯量。而對(duì)于學(xué)習(xí)韓國(guó)語(yǔ)的中國(guó)人來(lái)說(shuō)這就是個(gè)優(yōu)勢(shì)，因?yàn)楦呒?jí)里好大一部分是漢字詞，也就是跟中文詞相對(duì)應(yīng)的韓語(yǔ)，學(xué)起來(lái)因?yàn)樘貏e形象，所以很容易，這就是為什么有人說(shuō)“高級(jí)學(xué)起來(lái)比中級(jí)容易”的原因了。就算是要背很多詞，也不推薦拿本詞匯書直接背，就跟學(xué)英語(yǔ)一樣，背單詞最好的方法是結(jié)合文章或者句子背誦。單獨(dú)拿個(gè)詞匯書，背是能背，只是效率太低了。高級(jí)里面有這么幾種詞，一種是擬聲詞，一種是成語(yǔ)，特別頭疼。成語(yǔ)還好，不少跟中國(guó)成語(yǔ)很相像，容易記，擬聲詞是韓語(yǔ)里的特有詞匯，要掌握就要下很多功夫，結(jié)合情景反復(fù)背，會(huì)看到曙光的。學(xué)習(xí)高級(jí)韓語(yǔ)時(shí)，想要鍛煉實(shí)實(shí)在在的韓語(yǔ)能力，就更加應(yīng)該和韓國(guó)人多溝通了，時(shí)間長(zhǎng)了，說(shuō)的就像韓國(guó)人了。但是要到這程度，可不是呆個(gè)一兩年就能到的水平，我們也在努力中。
http://www.topik.go.kr/jsp/hp/main/ 左下角的，點(diǎn)進(jìn)去，里面有歷屆的真題題目，把它們下載下來(lái)，在電腦上做也好，打印下來(lái)做也好。
因?yàn)門OPIK歷史上有一次改革，改革大概發(fā)生在第10屆考完，第10屆以及之前考試的3、4、5、6級(jí)一級(jí)一級(jí)都是分開的，11屆開始3、4級(jí)并列成了中級(jí)，5、6級(jí)并列成了高級(jí)，所以建議把從11屆到最近的26屆真題合訂在一起成為一本書。這樣既不用忍受用電腦長(zhǎng)時(shí)間看題目時(shí)導(dǎo)致的頭暈?zāi)垦Ｒ灾磷⒁饬Σ患?，也能隨時(shí)隨地把真題書拿出來(lái)翻看學(xué)習(xí)，一舉兩得。關(guān)于前十屆的真題，題目相對(duì)有點(diǎn)難，但是如果感興趣，也可以做做，練練手。
做真題的方法也很重要。最好不要去借別人已經(jīng)做過(guò)的涂過(guò)劃過(guò)的題目，那樣做題目的思維容易受到別人的牽扯。最好是把自己打印的新題目，先嘗試著做一遍。做第一遍的時(shí)候也要嚴(yán)格按照TOPIK考場(chǎng)的時(shí)間。例如語(yǔ)法詞匯和寫作兩部分結(jié)合起來(lái)的第一卷是限時(shí)90分鐘的，那做的時(shí)候也要限定時(shí)間，一方面能督促自己提高做題速度，另一方面能通過(guò)每一套試卷做下來(lái)的結(jié)果確定自己每一部分所需要的做題時(shí)間，以方便在考場(chǎng)上判斷自己是不是哪一道題目花時(shí)間過(guò)多，是不是應(yīng)該跳過(guò)。休息半個(gè)小時(shí)，接著做聽力和閱讀，聽力的時(shí)候，把mp3放在自己的手機(jī)里面，不光是做題目的時(shí)候方便聽，另外自己平時(shí)閑的無(wú)聊，放放真題聽力，也不比聽流行音樂(lè)差，還能提高聽力水平，何樂(lè)而不為。
第二卷也一樣，設(shè)置好時(shí)間，能做多少就做多少。這樣第一遍做完了，用紅筆對(duì)好答案，算分可以方便自己看每一套試卷做下來(lái)分?jǐn)?shù)提高的情況。用紅筆把錯(cuò)題重重的標(biāo)示出來(lái)，便于自己發(fā)現(xiàn)薄弱的環(huán)節(jié)，可能是粗心沒看好題目，也有可能真的不會(huì)，這種情況下，可以請(qǐng)教教育院的老師，他們會(huì)細(xì)心解答的。
第一遍做完了之后，把做題目的過(guò)程中看到的生詞以及重要的語(yǔ)法知識(shí)點(diǎn)，可以集中起來(lái)抄在自己準(zhǔn)備的筆記本上，方便有空的時(shí)候拿出來(lái)背誦，最好每天早上大腦最清醒的時(shí)候背抄下來(lái)的生詞，學(xué)習(xí)語(yǔ)言的精髓就是“重復(fù)”，其他沒什么。艾賓浩斯的理論是一樣?xùn)|西在不同的環(huán)境里面記憶7次就能達(dá)到永久記憶，一輩子都忘不掉，覺得這樣過(guò)于繁瑣也不用背這么多遍，重復(fù)背個(gè)兩三遍，以后題目中再出現(xiàn)的話稍微記一記就好了。整理結(jié)束之后，就接著做下一套試卷，有時(shí)間就全部做完。
中級(jí)階段，語(yǔ)法最重要，這就是之前為什么強(qiáng)調(diào)認(rèn)真學(xué)習(xí)首爾大教材的原因，只要把語(yǔ)法都理解透了，加上整理過(guò)的單詞，做題目也是越來(lái)越得心應(yīng)手，做得越來(lái)越快。到最后的效果是做題目基本上通篇文章根本看不到生詞了。
做完了第一遍不能就這么扔了，單詞語(yǔ)法多看看，聽力部分的聽力材料也要多聽?zhēng)妆?，看看自己?dāng)初做錯(cuò)的題目是不是真的應(yīng)該錯(cuò)，自己哪一部分沒有聽清楚，這部分沒聽清楚的內(nèi)容要著重反復(fù)聽。題目閑著沒事多做幾遍，溫故知新。
到考試的前幾天就不用做題目的，只要把之前紅筆改過(guò)的做錯(cuò)的題目，前后翻閱幾遍就行了。
作文讓無(wú)數(shù)人頭疼，最好的方法是自己在上課期間，晚上閑暇的時(shí)候就練練筆，根據(jù)老師給的題目，或者自己在真題中找的作文題目，當(dāng)天寫完，第二天交給老師，讓他們修改，就能發(fā)現(xiàn)自己在單詞語(yǔ)法使用上存在的問(wèn)題，每改好一篇，都要反復(fù)看多遍，這樣長(zhǎng)期寫下來(lái)進(jìn)步絕對(duì)是驚人的。到了考試之前的一點(diǎn)時(shí)間感覺作文實(shí)在不行，就把真題答案上的作文范文背個(gè)幾篇，總歸能用到。聽力主要是考試節(jié)奏的問(wèn)題了，考試的過(guò)程中，不能因?yàn)槟车李}目很難就猶豫不覺，一定要在播放下一段錄音的間隙拿定主意，哪怕就是瞎蒙一個(gè)，也不能影響下一道題目。
TOPIK要稍微拼點(diǎn)速度，其實(shí)也就是做題目的熟練度。所有考試都這樣，熟能生巧?？荚嚽f(wàn)不能給自己“不會(huì)過(guò)”的消極心理暗示，我就是因?yàn)檫@個(gè)吃過(guò)很多虧，一定要樂(lè)觀，盡自己的力量，認(rèn)真把試卷完成。
<有關(guān)得失的博弈> 考試這嘛事，在準(zhǔn)備和臨考的時(shí)候都應(yīng)該有戰(zhàn)術(shù)和對(duì)策。所謂戰(zhàn)術(shù)就是在短時(shí)間內(nèi)能取得最理想的效果。那就是在準(zhǔn)備階段就想好了，哪些部分是最好拿分的，上面提及了是盡是漢字詞的題目最適合中國(guó)學(xué)生拿分，而其他那些擬聲詞的題目(高級(jí)的語(yǔ)法第三或者第四題)以及一詞多義(高級(jí)語(yǔ)法第十七十八題)，要投入大量時(shí)間而效果反而不一定好。那復(fù)習(xí)的戰(zhàn)略就是，放棄這些。
相對(duì)的，考試的時(shí)候，對(duì)策就是隨便撞撞運(yùn)氣不糾結(jié)于這些題目。同樣的時(shí)間如果花在在其他的地方，容易融會(huì)貫通的地方，往往是事半功倍。同樣的，高級(jí)的閱讀中，每次都有一篇小說(shuō)一般的文學(xué)作品，給我們的感覺就如老舍的文體，想要準(zhǔn)備或者臨場(chǎng)拿分，代價(jià)都是很大的，還不如直接跳過(guò)。當(dāng)然每個(gè)人擅長(zhǎng)的，或者每個(gè)人的想法都不同，關(guān)鍵是要抽出幾分鐘時(shí)間去想想自己擅長(zhǎng)什么，該放棄什么，這樣才能更高效。
拿破侖威爾有一本書叫《成功學(xué)》中間有17項(xiàng)原則，前兩項(xiàng)就是保持樂(lè)觀的心態(tài)和比別人付出更多的努力。TOPIK和韓國(guó)語(yǔ)的學(xué)習(xí)是一個(gè)艱辛的歷程，但是語(yǔ)言就是這樣，只要付出努力是一定有成果的。只要大家時(shí)刻保持樂(lè)觀的心態(tài)，比以前更加努力，有句話叫“手比頭高”，自己真正去實(shí)踐過(guò)了，拼搏過(guò)了，就一定能有不凡的成果。
第三篇：彈窗設(shè)計(jì)常見的四種交互情況
http://004km.cn/
彈窗設(shè)計(jì)常見的四種交互情況
彈窗經(jīng)常在哪些情況下使用？設(shè)計(jì)上需要注意什么？
彈窗，顧名思義，是指彈出的窗口，強(qiáng)調(diào)一個(gè)彈字。無(wú)論是在web端還是在移動(dòng)端，彈窗都是一種十分常見的一種交互方式，經(jīng)常被用于以下四種情況：
1、廣告投放
2、用于系統(tǒng)提示、通知、警告類的消息彈窗。
3、用戶引導(dǎo)
4、顯示加載
接下來(lái)我們來(lái)逐個(gè)分析一下這四種情況：
1、廣告投放
作為網(wǎng)站的最重要的盈利方式，廣告彈窗被廣泛使用，但恐怕也是大家最討厭的一種廣告形式了。相信大家都有過(guò)類似經(jīng)歷，在家里打開一個(gè)網(wǎng)頁(yè)，你還沒反應(yīng)過(guò)來(lái)，里面就傳出了奇怪的呻吟聲或者是打斗的聲音，如果父母正好也在，簡(jiǎn)直超級(jí)心虛好嘛，但明明我就是看篇小說(shuō)而已！而且這些彈窗的暗黑模式要不要那么心機(jī)啊，我急急忙點(diǎn)擊了關(guān)閉，為什么直接進(jìn)入了，而且聲音更大了，這個(gè)時(shí)候已經(jīng)是尷尬癌晚期了?
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
這樣的彈窗廣告無(wú)疑是有悖于用戶體驗(yàn)的，那為什么在如此重視用戶體驗(yàn)的互聯(lián)網(wǎng)氛圍內(nèi)，彈窗廣告依舊堅(jiān)挺呢？這就要看網(wǎng)站所屬公司的盈利模式了，比如我大學(xué)時(shí)候很喜歡看小說(shuō)，但學(xué)生嘛沒錢，總會(huì)去看一些盜版小說(shuō)，這些小說(shuō)都是免費(fèi)的，那網(wǎng)站靠什么盈利呢？就是廣告投放，而且這些網(wǎng)站一般也沒什么優(yōu)秀設(shè)計(jì)師，所以廣告?zhèn)儽挤磐饴?，粗暴野蠻，毫不含蓄。這也是特定的環(huán)境造成的。
當(dāng)然作為一個(gè)設(shè)計(jì)師，我們站在公司盈利的角度下，如何設(shè)計(jì)優(yōu)雅的彈窗廣告，在降低用戶厭惡感的同時(shí)，提升廣告效果，又為公司賺取利益，是我們應(yīng)該思考的。
比如：
1、絕對(duì)不要聲音。這點(diǎn)說(shuō)一個(gè)彈窗之外的視頻體驗(yàn)，相信大家都發(fā)現(xiàn)了，現(xiàn)在點(diǎn)開手機(jī)上的騰訊新聞，視頻播放默認(rèn)是關(guān)閉聲音的。終于可以在上班時(shí)間偷看視頻新聞不被發(fā)現(xiàn)啦！
2、關(guān)閉按鈕位置明顯，能迅速關(guān)閉。對(duì)廣告里的產(chǎn)品有興趣的用戶自然會(huì)點(diǎn)開，沒有興趣的用戶你強(qiáng)制進(jìn)入只會(huì)增加用戶的反感。
3、精準(zhǔn)投放廣告，讓用戶看到他想看到的。
如果你想要一種更有設(shè)計(jì)感的方式，那你可以參考一下知乎上了腳喵說(shuō)的回答： 我覺得可以用“反向彈窗”，就是剛打開頁(yè)面的半秒鐘之內(nèi)存在廣告，且畫面吸引人，在人看清楚之前就收縮到頁(yè)面邊緣變成類似書簽的很薄的東西（收縮時(shí)最好有動(dòng)感，比如加速運(yùn)動(dòng)等），感覺是被“嚇跑”一樣，留下干干凈凈的頁(yè)面，并讓人出于好奇主動(dòng)用鼠標(biāo)去點(diǎn)擊（不是懸停）那些被收縮的小廣告。雖然也是廣告，但實(shí)際廣告效果肯定比彈窗要好。
小結(jié)：廣告彈窗作為網(wǎng)站盈利的重要模式，是無(wú)法杜絕的。設(shè)計(jì)師需要在商業(yè)利益和用戶體驗(yàn)上尋找平衡。
2、用于系統(tǒng)提示、通知、警告類的消息彈窗（也稱彈框）
提示確認(rèn)彈框
提示確認(rèn)彈框是在用戶需要的時(shí)候呼出，也用來(lái)防止用戶誤操作。看似簡(jiǎn)單的提示彈框又有哪些需要注意的點(diǎn)呢？
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
上圖是淘寶購(gòu)物車中刪除商品時(shí)的確認(rèn)彈窗，元素很簡(jiǎn)單，文字+確認(rèn)、取消button+關(guān)閉icon，文字部分主觀性較強(qiáng)，就不做探討了。我們主要針對(duì)確認(rèn)、取消button和關(guān)閉icon來(lái)做三個(gè)方面的探討：
1、確定button放在左邊還是右邊？
2、確認(rèn)需要給出指示態(tài)hover嗎？（將“確認(rèn)”改變或填充顏色，突出“確認(rèn)”這個(gè)操作來(lái)引導(dǎo)用戶點(diǎn)擊）
3、關(guān)閉icon是否必須
為了解開這三個(gè)問(wèn)題，我們先來(lái)對(duì)比一下Mac和windoes的系統(tǒng)彈框
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
上圖是UI中國(guó)刪除評(píng)論時(shí)的提示確認(rèn)彈框，一般這種情況純屬開發(fā)人員偷懶，直接調(diào)用了系統(tǒng)彈框。而對(duì)比Mac和windows的彈框，會(huì)發(fā)現(xiàn)有兩個(gè)不同點(diǎn)，一是Mac的確認(rèn)button在右，而Windows的確認(rèn)button在左，關(guān)于這一點(diǎn)，從用戶習(xí)慣看來(lái)，設(shè)計(jì)師應(yīng)該遵從用戶比例高達(dá)95%的Windows系統(tǒng)習(xí)慣來(lái)設(shè)計(jì)，即將確認(rèn)button放在左邊。二是Mac提示框右上角沒有關(guān)閉icon，這就不是不同平臺(tái)上用戶習(xí)慣不同的問(wèn)題了，更關(guān)系到是否強(qiáng)制讓用戶做出選擇。如果沒有關(guān)閉icon，新手用戶必須閱讀文字之后再作出一個(gè)選擇，但如果用戶只是無(wú)意點(diǎn)開了呢，也必須讓用戶閱讀后再做出選擇嗎？顯然是違背用戶體驗(yàn)的。
因此在PC端關(guān)于上面三個(gè)問(wèn)題的探討，答案是： 1.確定button放在左邊還是右邊？左邊 2.確認(rèn)需要給出指示態(tài)嗎？（hove態(tài)）需要
3.關(guān)閉icon是否必須。通常要有，但如果必須要讓用戶閱讀后做出選擇，則可以沒有。當(dāng)然，PC端的一些體驗(yàn)，到了移動(dòng)端就有所不同了，由于界面以及手指觸摸面積的限制，手指移動(dòng)去點(diǎn)擊關(guān)閉icon顯然不如直接選擇來(lái)的簡(jiǎn)單便捷。
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
確認(rèn)和取消的位置在移動(dòng)端如果確認(rèn)呢？看上圖的例子，IOS系統(tǒng)中朋友圈中的刪除是刪除后不可恢復(fù)的，因此刪除放在單手操作不那么容易觸達(dá)的左邊比較合適，而淘寶網(wǎng)刪除訂單是可以恢復(fù)的，因此確認(rèn)放在右邊比較合適。在我看來(lái)，雖然移動(dòng)端普遍遵從IOS規(guī)范，但其實(shí)確認(rèn)放在左邊或者右邊區(qū)別并不大，但每個(gè)設(shè)計(jì)師都可以有自己的規(guī)范。
而至于是否要有指示hover態(tài)，要根據(jù)情況來(lái)定了，如果是希望引導(dǎo)用戶進(jìn)入下一步操作的，比如希望用戶點(diǎn)擊確認(rèn)，那么就將“確認(rèn)”兩個(gè)字改變顏色突出出來(lái)，以方便用戶點(diǎn)擊。但如果是希望用戶自己選擇，則不用給出指示hover態(tài)。
因此在移動(dòng)端的答案是：
1、確定button放在左邊還是右邊？區(qū)別不大，但在我看來(lái)，需要根據(jù)操作是否謹(jǐn)慎來(lái)定，比較謹(jǐn)慎的操作放在左側(cè)來(lái)防止誤操作，相對(duì)隨意的操縱則放在右側(cè)比較符合用戶的心理模型
2、確認(rèn)需要給出指示hover態(tài)嗎？需要用戶自己決定的操作，不需要給出指示。
3、關(guān)閉icon是否必須。不需要關(guān)閉icon
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
好評(píng)提示
有的APP進(jìn)去之后就會(huì)彈出提示讓你好評(píng)，可是我瀏覽頁(yè)面正high呢，一下子彈出來(lái)這個(gè)來(lái)打擾我，如果我當(dāng)時(shí)心情不錯(cuò)，我可能會(huì)選擇下次再說(shuō)或者不再提示，但如果心情不好，我就好想進(jìn)去給他個(gè)差評(píng)啊，但是進(jìn)入APP Store又要連要一會(huì)兒，干脆就放棄了。
上圖是豆果美食的評(píng)價(jià)彈框，在我注冊(cè)的關(guān)鍵時(shí)刻給我一個(gè)評(píng)價(jià)彈框，就好像我去你家做客，我還沒進(jìn)門呢，你就問(wèn)我這次招待的怎么樣？這個(gè)時(shí)間點(diǎn)把握的是非常不合理的。
關(guān)于提示評(píng)價(jià)的彈框，我覺設(shè)計(jì)師要注意兩點(diǎn)：
1、在合適的時(shí)候給出提示評(píng)價(jià)的彈框、至少也要是用戶使用了一段時(shí)間之后，避免在用戶剛剛使用，或者正在注冊(cè)的時(shí)候提示評(píng)價(jià)。
2、要給出下次再說(shuō)或者不再提示的選項(xiàng)，如果強(qiáng)制性的讓用戶評(píng)價(jià)，即使用戶想給好評(píng)，AppStore也不給力呀，要等那么久才能連接上，挑戰(zhàn)用戶耐心的結(jié)果可能是：用戶本來(lái)對(duì)APP還是有好感的，結(jié)果把對(duì)AppStore連接慢的差評(píng)一起給你。
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
通知類彈框
最常見的就是新聞推送了，例如騰訊新聞的通知彈框會(huì)把一些熱點(diǎn)事件通知給你，你可以選擇現(xiàn)在就看，也可以選擇暫時(shí)不看，這類通知彈窗最重要的也是需要根據(jù)用戶瀏覽新聞的習(xí)慣和愛好進(jìn)行通知，有一句話特別形象，你愛的人吻你，那是愛情；你不愛的人吻你，那就是流氓。還有插一句我對(duì)體育新聞?wù)娴臎]有興趣，騰訊下次不要給我推了。
2、警告類的彈窗
網(wǎng)站殺毒軟件檢測(cè)到威脅的消息彈窗，一般都是被用戶喜歡的，因?yàn)檫@些給用戶提供了很多消息，幫助用戶全面了解更多信息做正確的決策。但是如果頻繁出現(xiàn)威脅消息，也容易引發(fā)用戶內(nèi)心恐慌與不安。度要把握好，同時(shí)形式也很重要。
3、引導(dǎo)性的彈窗
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
用戶經(jīng)常需要一些引導(dǎo)，比如在玩游戲的過(guò)程中，彈窗告訴你該怎么玩，這種引導(dǎo)在用戶需要的時(shí)候適時(shí)出現(xiàn)，不但不會(huì)引起用戶反感，還會(huì)幫助用戶，提升用戶好感度
引導(dǎo)性彈窗也常見于產(chǎn)品業(yè)務(wù)需要而出現(xiàn)，比如游戲中的注冊(cè)，領(lǐng)取禮物、購(gòu)買道具等，這是良性的運(yùn)營(yíng)推廣和商業(yè)利益的獲取，但是在什么環(huán)節(jié)，彈出什么功能，哪個(gè)時(shí)間點(diǎn)上適度出現(xiàn)是設(shè)計(jì)師需要考慮的。用戶并非都忽略彈窗或者看見付費(fèi)就關(guān)閉，點(diǎn)開后能否繼續(xù)吸引用戶、幫助用戶才是最重要的。
4、顯示加載進(jìn)程的彈窗
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
http://004km.cn/
緩解了用戶在等待過(guò)程中的焦慮感。如果能加上生動(dòng)有趣的動(dòng)畫，還能在加載的過(guò)程中提升用戶好感度。
總結(jié)：彈窗作為在頁(yè)面中彈出來(lái)的框，自帶打擾用戶的屬性，這個(gè)屬性是一把雙刃劍，如果設(shè)計(jì)師運(yùn)用得當(dāng)，在合適的時(shí)機(jī)彈出用戶需要的彈窗，將會(huì)給產(chǎn)品帶來(lái)良好的用戶體驗(yàn)，即使是暗黑模式，也能降低用戶的反感。
相信我們通過(guò)不斷的深度思考，能在商業(yè)利益和用戶體驗(yàn)上找到平衡點(diǎn)。
北京千鋒互聯(lián)科技有限公司 版權(quán)所有
第四篇：《UI設(shè)計(jì)》課程標(biāo)準(zhǔn)
《UI設(shè)計(jì)》學(xué)習(xí)領(lǐng)域課程標(biāo)準(zhǔn)
執(zhí)筆：甄珍
審核：
時(shí)間： 2013-5-
5一、學(xué)習(xí)領(lǐng)域定位
“UI”熱是近幾年來(lái)興起的潮流，近幾年國(guó)內(nèi)很多從事手機(jī)，軟件，網(wǎng)站，增值服務(wù)等企業(yè)和公司都設(shè)立了這個(gè)部門。還有很多專門從事UI設(shè)計(jì)的公司也應(yīng)運(yùn)而生。
正是鑒于目前UI行業(yè)的發(fā)展?fàn)顩r，本專業(yè)第一次開設(shè)計(jì)《UI設(shè)計(jì)》課程。
《UI設(shè)計(jì)》是所有與網(wǎng)絡(luò)通信軟件相關(guān)專業(yè)課程，該課程既可以鞏固前期所學(xué)的設(shè)計(jì)基礎(chǔ)理論知識(shí)和設(shè)計(jì)軟件應(yīng)用知識(shí)，還重在給學(xué)生開拓新的專業(yè)知識(shí)面，認(rèn)知一個(gè)新的設(shè)計(jì)領(lǐng)域，從而拓展職業(yè)能力和就業(yè)選擇面。
二、職業(yè)分析
目前UI即用戶界面設(shè)計(jì)行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國(guó)移動(dòng)、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專業(yè)的UI設(shè)計(jì)部門，但專業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但目前全國(guó)UI設(shè)計(jì)專業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計(jì)師的待遇和地位也逐漸上升。
三、學(xué)習(xí)目標(biāo)
知識(shí)目標(biāo)：使學(xué)生能熟悉UI設(shè)計(jì)的流程和設(shè)計(jì)方法，并能使用制作有創(chuàng)意的，充滿視覺沖擊力的UI設(shè)計(jì)作品。
技能目標(biāo)：使學(xué)生學(xué)會(huì)系統(tǒng)規(guī)劃和全局思維，能夠完成一整套UI系統(tǒng)的設(shè)計(jì)。
素養(yǎng)目標(biāo)：使學(xué)生具備能從事UI系統(tǒng)的開發(fā)與設(shè)計(jì)能力，培養(yǎng)學(xué)生團(tuán)隊(duì)合作、及獨(dú)立思考能力。
四、學(xué)習(xí)內(nèi)容
四、學(xué)習(xí)領(lǐng)域課程設(shè)計(jì)思路
（一）設(shè)計(jì)理念
五、考核方式
學(xué)生成績(jī)的評(píng)定，以學(xué)生平時(shí)表現(xiàn)和任務(wù)完成情況及最終考核來(lái)核定。評(píng)分細(xì)則如下表：
其中，平時(shí)成績(jī)包括平時(shí)上課的表現(xiàn)和各任務(wù)的完成情況，占總成績(jī)的30％；最終考核成績(jī)所用考核方式為機(jī)試，占總成績(jī)的70％。
第五篇：UI設(shè)計(jì)流程
UI設(shè)計(jì)流程
階段一：分析
1用戶需求分析 2用戶交互場(chǎng)景分析 3競(jìng)爭(zhēng)產(chǎn)品分析
這兩者可以說(shuō)是相輔相成的。對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶需求的分析內(nèi)容。Tanjurd瑭錦資深UI設(shè)計(jì)師表示其中用戶UI需求是重要的組成部分。如果說(shuō)UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶UI需求就是本次設(shè)計(jì)的出發(fā)是好的UI設(shè)計(jì)建立在對(duì)用戶深刻了解之上。因此用戶交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來(lái)說(shuō)也許沒有時(shí)間和精力去實(shí)際勘查用戶的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶角度思考：如果我是用戶，這里我會(huì)需要什么。競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑?。每個(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處。當(dāng)然有的時(shí)候可以參考的并不一定是競(jìng)爭(zhēng)產(chǎn)品。
階段二 設(shè)計(jì)需求：（葉面設(shè)計(jì)前需提給UI頁(yè)面組）
1.系統(tǒng)設(shè)計(jì)需求文檔。2.系統(tǒng)結(jié)構(gòu)文檔（例如欄目劃分，目錄結(jié)構(gòu)，導(dǎo)航方式等）。3.較復(fù)雜頁(yè)面表現(xiàn)形式草圖（手繪或相關(guān)軟件繪制）。4.較復(fù)雜業(yè)務(wù)流程文檔。5.如有可能提供參考和示例站點(diǎn)。6.與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。
段三：頁(yè)面制作：
1.經(jīng)過(guò)確認(rèn)的美術(shù)設(shè)計(jì)的方案圖7.系統(tǒng)設(shè)計(jì)需求文檔等，較復(fù)雜務(wù)流程文檔。2.所需頁(yè)面腳本需求，與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。3提交給程序
用戶交互case圖（說(shuō)明用戶和系統(tǒng)之間的聯(lián)系）用戶交互流程圖（說(shuō)明交互和事件之間的聯(lián)系）交互功能設(shè)計(jì)圖（說(shuō)明功能和交互的對(duì)應(yīng)關(guān)系）最終得到UI的設(shè)計(jì)產(chǎn)品。
階段四：驗(yàn)證
界面測(cè)試：（頁(yè)面組提交給測(cè)試組包括：1.經(jīng)確認(rèn)的設(shè)計(jì)方案圖。2.靜態(tài)模板頁(yè)面。以上二項(xiàng)均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯(cuò)誤：圖片錯(cuò)誤，頁(yè)面不美觀，布局不合理，與原先設(shè)計(jì)不符，文字 錯(cuò)誤HTML代碼錯(cuò)誤，頁(yè)面程序錯(cuò)誤。4.界面bug測(cè)試報(bào)告：
正如Tanjurd瑭錦國(guó)際UI交互設(shè)計(jì)原則文中提到的，對(duì)于UI產(chǎn)品的驗(yàn)證主要從下面幾個(gè)方面入手：
1、功能性對(duì)照UI設(shè)計(jì)的再好，和需求不一致也不可以。
2、實(shí)用性內(nèi)部測(cè)試UI設(shè)計(jì)的最重要點(diǎn)就是實(shí)用性。
3、用戶焦點(diǎn)小組UI設(shè)計(jì)是否優(yōu)秀的重要衡量依據(jù)。最后，瑭錦Tanjurd說(shuō)一點(diǎn)其他的問(wèn)題?，F(xiàn)在往往認(rèn)為交互式設(shè)計(jì)和最終的UI效果設(shè)計(jì)可以截然分開。這就好比說(shuō)需求可以和設(shè)計(jì)截然分開，是不可能的。
總結(jié)：
1.產(chǎn)品定位與市場(chǎng)分析這一類工作大多都是由新產(chǎn)品研發(fā)部門以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)營(yíng)方式等。
2.用戶研究與分析這個(gè)過(guò)程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來(lái)完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。
3.架構(gòu)設(shè)計(jì)這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。
4.原型設(shè)計(jì)我覺得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。
5.界面設(shè)計(jì)如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。
6.界面輸出作為設(shè)計(jì)師，在這一部分的工作就是配合好開發(fā)人員完成相關(guān)的界面結(jié)合。7.完善工作這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。Tanjurd瑭錦表示很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。
如上的流程，可能會(huì)有很多部門共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。
點(diǎn)擊咨詢 