模態(tài)和非模態(tài)對(duì)話框是一種非常常用的用戶界面元素，將用戶的注意力轉(zhuǎn)移到子任務(wù)上。那么何時(shí)使用，二者又有哪些區(qū)別呢？
模態(tài)對(duì)話框會(huì)打斷用戶并要求采取措施。當(dāng)需要將用戶的注意力轉(zhuǎn)移到重要信息上時(shí)，它們很合適。
為了更好地理解模態(tài)對(duì)話框和非模態(tài)對(duì)話框之間的區(qū)別，讓我們看看術(shù)語(yǔ)“對(duì)話”和“模態(tài)”的含義。
一個(gè)對(duì)話框（或對(duì)話）是指兩個(gè)人之間的對(duì)話。在用戶界面中，對(duì)話框是系統(tǒng)與用戶之間的“對(duì)話”，通常會(huì)向用戶請(qǐng)求信息或采取措施。
用戶界面模式是特殊狀態(tài)，其中同一系統(tǒng)具有一些不同的用戶界面。每種模式可能帶有不同的命令，或者相同的命令（或操作）可能會(huì)產(chǎn)生不同的結(jié)果，具體取決于系統(tǒng)的模式。換句話說(shuō)，在不同的模式下，相同的輸入將具有不同的結(jié)果。例如，打開(kāi)Caps Lock的計(jì)算機(jī)處于特殊模式：所有鍵入的字母都將顯示為大寫(xiě)字母。打開(kāi)或關(guān)閉大寫(xiě)鎖定時(shí)，鍵入字母會(huì)有不同的效果?；蛘?，在Microsoft Word的“跟蹤更改”模式下，所有以前進(jìn)行的編輯和注釋都是可見(jiàn)的（而在正常的默認(rèn)模式下，不會(huì)對(duì)其進(jìn)行跟蹤或顯示）。
通過(guò)對(duì)“模式”和“對(duì)話框”的了解，我們可以輕松定義模式對(duì)話框。
定義：一個(gè)模式對(duì)話框是一個(gè)對(duì)話框，在主要內(nèi)容和移動(dòng)系統(tǒng)到需要用戶互動(dòng)的一種特殊模式的頂部顯示。在用戶與模態(tài)對(duì)話框明確交互之前，此對(duì)話框?qū)⒔弥饕獌?nèi)容。
相反，非模式（或無(wú)模式）對(duì)話框和窗口不會(huì)禁用主要內(nèi)容：顯示對(duì)話框不會(huì)更改用戶界面的功能。對(duì)話框打開(kāi)時(shí)，用戶可以繼續(xù)與主要內(nèi)容進(jìn)行交互（甚至移動(dòng)窗口，最小化窗口等）。
模態(tài)對(duì)話框最初旨在警告用戶錯(cuò)誤或需要立即采取措施的其他系統(tǒng)狀態(tài)。在這些情況下，必須先中斷用戶才能解決錯(cuò)誤。因此，將對(duì)話框放置在屏幕中間作為界面的焦點(diǎn)，使其非常有效。這種模式對(duì)話框的最大優(yōu)點(diǎn)是它們引起了用戶的注意，并允許他們認(rèn)識(shí)到問(wèn)題并迅速進(jìn)行了糾正。
但是，這種原始用法已經(jīng)發(fā)展起來(lái)，現(xiàn)在出于合法或不太合法的原因，有說(shuō)服力地使用了模態(tài)對(duì)話框和窗口來(lái)吸引用戶的注意。
這是模式對(duì)話框引起的一些常見(jiàn)問(wèn)題：
他們需要立即關(guān)注。本質(zhì)上，模態(tài)窗口是強(qiáng)制性的，需要用戶立即采取行動(dòng)。由于對(duì)話框?qū)⑾到y(tǒng)置于不同的模式，因此用戶只有在確認(rèn)對(duì)話框后才能繼續(xù)進(jìn)行操作。
它們中斷了用戶的工作流程。模態(tài)對(duì)話框迫使用戶擺脫他們最初正在處理的任務(wù)。每次中斷都會(huì)浪費(fèi)時(shí)間和精力，這不僅是因?yàn)橛脩舯仨殞?duì)對(duì)話框進(jìn)行尋址，而且還因?yàn)橐坏┧麄兓謴?fù)了原始任務(wù)，人們將不得不花費(fèi)一些時(shí)間來(lái)恢復(fù)上下文。
它們使用戶忘記他們?cè)谧鍪裁础?/strong>一旦上下文切換到其他任務(wù)，由于模態(tài)對(duì)話框帶來(lái)的額外認(rèn)知負(fù)擔(dān)，人們可能會(huì)忘記與原始任務(wù)相關(guān)的一些細(xì)節(jié)。在這種情況下，恢復(fù)原始任務(wù)的上下文可能會(huì)更加困難。
它們使用戶創(chuàng)建并解決了一個(gè)額外的目標(biāo)-關(guān)閉對(duì)話框。出現(xiàn)對(duì)話框時(shí)，將向用戶的工作流程添加額外的步驟：讀取和理解對(duì)話框，然后對(duì)該對(duì)話框做出決定。除非對(duì)話理由充分并且確實(shí)包含重要信息，否則交互成本的這種增加可能會(huì)使用戶推遲。稍后我們將詳細(xì)說(shuō)明這一點(diǎn)。
它們?cè)诤笈_(tái)阻止內(nèi)容。當(dāng)對(duì)話框出現(xiàn)在當(dāng)前窗口的頂部時(shí)，它可以覆蓋重要內(nèi)容并刪除上下文。結(jié)果，當(dāng)對(duì)話框詢問(wèn)與剛剛被遮蓋的信息有關(guān)的問(wèn)題時(shí)，對(duì)對(duì)話框的響應(yīng)可能會(huì)變得更加困難。
由于這些缺點(diǎn)，模態(tài)對(duì)話框在用于非關(guān)鍵性活動(dòng)時(shí)會(huì)出現(xiàn)問(wèn)題。
什么時(shí)候使用模式對(duì)話框合適？以下是一些指南，可幫助您確定是否確實(shí)需要模式對(duì)話框。
1.使用模式對(duì)話框顯示重要警告，以防止或糾正嚴(yán)重錯(cuò)誤。
只要有可能丟失用戶的工作或某個(gè)動(dòng)作可能造成破壞性且不可逆轉(zhuǎn)的后果，請(qǐng)中斷用戶以避免災(zāi)難。
要確定什么錯(cuò)誤嚴(yán)重到足以引起模式對(duì)話框，請(qǐng)考慮以下事項(xiàng)：
如果將用戶的注意力從任務(wù)上移開(kāi)，這個(gè)問(wèn)題會(huì)更容易或更難解決嗎？如果可能的話，最好避免人為錯(cuò)誤。但是，一旦發(fā)生錯(cuò)誤，如果錯(cuò)誤消息顯示在主要內(nèi)容中而不是模式對(duì)話框中，則可能更容易修復(fù)錯(cuò)誤。例如，表單中的錯(cuò)誤應(yīng)在發(fā)生錯(cuò)誤的頁(yè)面上報(bào)告，以便用戶在解決問(wèn)題時(shí)可以參考錯(cuò)誤消息。但是可以在模式對(duì)話框中顯示通知用戶她的計(jì)算機(jī)將在10秒后重新啟動(dòng)，以確保用戶注意到該消息。
錯(cuò)誤是不可逆的嗎？不可逆的錯(cuò)誤通常會(huì)導(dǎo)致信息丟失，這對(duì)于復(fù)雜且耗時(shí)的任務(wù)尤其有害。例如，對(duì)于電子商務(wù)企業(yè)而言，未能將項(xiàng)目添加到購(gòu)物車可能是一個(gè)不幸的錯(cuò)誤，但如果用戶沒(méi)有注意到微妙的通知，則它不是不可逆的（如果他們確實(shí)想要該項(xiàng)目，他們可以重做其操作）。另一方面，覆蓋文件或無(wú)法保存對(duì)數(shù)百?gòu)埢脽羝母亩际遣豢赡娴牟僮?，因此非常需要中斷，并且?jīng)常受到干擾。
Microsoft Powerpoint使用模式對(duì)話框來(lái)防止不可逆的錯(cuò)誤或意外的用戶操作，例如在不保存工作的情況下退出應(yīng)用程序。
Google Mail桌面應(yīng)用程序：當(dāng)用戶在郵件中包含“我已附加”或“請(qǐng)參閱附件”等關(guān)鍵短語(yǔ)后忘記附加文件時(shí)，將出現(xiàn)此模式對(duì)話框。此對(duì)話框可防止用戶錯(cuò)誤（以及笨拙的后續(xù)電子郵件）。
當(dāng)缺少信息會(huì)阻止系統(tǒng)繼續(xù)用戶啟動(dòng)的過(guò)程時(shí)，模式對(duì)話框可以提示用戶輸入該信息。
如下所示，Etsy使用模態(tài)窗口中斷用戶的登錄信息（當(dāng)該用戶試圖將某項(xiàng)保存到收藏夾列表中時(shí)）。
每當(dāng)用戶嘗試執(zhí)行需要進(jìn)一步步驟才能執(zhí)行的任務(wù)時(shí)，Etsy都會(huì)使用模式對(duì)話框。例如，當(dāng)用戶嘗試將某個(gè)項(xiàng)目標(biāo)記為“收藏夾”而用戶未登錄時(shí)，將出現(xiàn)一個(gè)對(duì)話框，以獲取執(zhí)行所需操作所需的信息。
對(duì)于工作流，更快并不總是更好。對(duì)于耗時(shí)且涉及精神（和情感）的任務(wù)，一次要索要大量信息可能是不堪重負(fù)的。在這些情況下，模態(tài)對(duì)話框可用于將復(fù)雜的信息分解為更簡(jiǎn)單，更易消化的塊。向?qū)鞘褂媚B(tài)對(duì)話框的常見(jiàn)實(shí)例。
但是，必須注意的是，具有多個(gè)步驟的模式只會(huì)延長(zhǎng)花費(fèi)在主要任務(wù)上的時(shí)間，從而使用戶更有可能一開(kāi)始就忘記自己在做什么。因此，如果您必須執(zhí)行多步驟模態(tài)，請(qǐng)讓用戶了解他們的進(jìn)度，這樣他們就不會(huì)立即放棄。就是說(shuō)，如果開(kāi)始需要多個(gè)步驟，則可能有理由為其分配整頁(yè)。
當(dāng)所請(qǐng)求或提供的信息相關(guān)時(shí)，模態(tài)可以有效地工作，或者可以簡(jiǎn)化當(dāng)前任務(wù)的完成。
就房地產(chǎn)網(wǎng)站Zillow.com而言，用戶無(wú)需帳戶或房地產(chǎn)經(jīng)紀(jì)人即可瀏覽物業(yè)列表。但是，當(dāng)他們嘗試與代理商聯(lián)系以獲取列表時(shí)，站點(diǎn)將顯示一個(gè)模式對(duì)話框，詢問(wèn)他們是否已經(jīng)有代理商。該信息對(duì)于立即進(jìn)行下一步（聯(lián)系上市代理）并不重要，但在簡(jiǎn)化未來(lái)的交互過(guò)程中仍然很有價(jià)值。該對(duì)話框使用漸進(jìn)分析，并一次提出一個(gè)易于回答的問(wèn)題。這些問(wèn)題的承諾度很低，只關(guān)注相關(guān)細(xì)節(jié)。
Zillow.com在用戶提交有關(guān)特定列表的查詢后，要求用戶提供更多信息。詢問(wèn)用戶此時(shí)是否有房地產(chǎn)經(jīng)紀(jì)人是有意義的點(diǎn)， 因?yàn)樗鼫p少了將來(lái)與其他代理進(jìn)行冗余對(duì)話的機(jī)會(huì)。
漸進(jìn)分析的關(guān)鍵在于它們遵循用戶對(duì)工作流程的期望-中斷僅在它們與當(dāng)前任務(wù)相關(guān)或有幫助時(shí)才有幫助。
如上所述，模態(tài)對(duì)話框?qū)τ脩艟哂性S多缺點(diǎn)和成本。為了使這些費(fèi)用合理，與任務(wù)和重要性的相關(guān)性應(yīng)該很高。與用戶目標(biāo)沒(méi)有直接關(guān)系的模態(tài)對(duì)話框被認(rèn)為是令人討厭的，并且會(huì)減少對(duì)公司的信任。
此外，當(dāng)非優(yōu)先信息以高優(yōu)先級(jí)格式（如模式對(duì)話框）顯示時(shí)，用戶將拒絕關(guān)注此格式的其他實(shí)例。這就像伊索寓言中的“哭狼的男孩”一樣-反復(fù)誤導(dǎo)他人將使他們?cè)谡嬲枰獣r(shí)不會(huì)給予您信任。
與普遍看法相反，郵件列表注冊(cè)雖然對(duì)于產(chǎn)生業(yè)務(wù)線索至關(guān)重要，但對(duì)用戶而言并不重要。在最近的一項(xiàng)網(wǎng)絡(luò)可用性研究中，我們聽(tīng)到了與電子郵件通訊注冊(cè)有關(guān)的模態(tài)對(duì)話框的內(nèi)在鄙視。
GoodHousekeeping.com通過(guò)模式化的郵件列表對(duì)話框發(fā)揮了更大的作用-不僅停用了背景，而且還用全屏照片完全替換了背景，從而刪除了用戶在網(wǎng)站上的所有上下文。它也出現(xiàn)在用戶首次登陸網(wǎng)站首頁(yè)后的前3秒鐘內(nèi)，使用戶沒(méi)有時(shí)間從該頁(yè)面上收集任何值。該對(duì)話框要求的信息對(duì)于用戶或其工作流程而言并非必不可少，并且?guī)缀醪惶峁┥舷挛幕蚋兄膬r(jià)值。
Wayfair使用模式對(duì)話框來(lái)請(qǐng)求用戶指定應(yīng)將該項(xiàng)目固定在哪個(gè)板上。另一個(gè)UI元素（例如主要內(nèi)容中的一個(gè)選項(xiàng)）將更適合于輸入此信息。底部：選定木板后，Wayfair使用模式對(duì)話框來(lái)要求用戶邀請(qǐng)朋友加入他們的木板-這對(duì)用戶來(lái)說(shuō)不是必不可少的操作，并且會(huì)增加固定項(xiàng)目的交互成本。
結(jié)帳對(duì)用戶和企業(yè)都是高風(fēng)險(xiǎn)的過(guò)程：用戶希望確保該過(guò)程是安全和無(wú)錯(cuò)誤的，而企業(yè)希望確保用戶遵循其購(gòu)買決定。模態(tài)對(duì)話框（如果不需要的話）充其量會(huì)分散用戶的注意力，最壞的情況是削弱用戶的信心。
較早的Walmart.com版本使用模式對(duì)話框提示用戶在結(jié)帳期間登錄。最好的情況是，這種模式可能會(huì)分散用戶的注意力，并引導(dǎo)他們進(jìn)行全面的搜索以查找Walmart.com密碼，而不僅僅是以訪客身份完成結(jié)帳。在最壞的情況下，用戶可能會(huì)感到他們被迫開(kāi)設(shè)一個(gè)帳戶，而這又會(huì)影響購(gòu)買決定。此后，沃爾瑪重新設(shè)計(jì)了其網(wǎng)站以刪除該模式對(duì)話框（但重新設(shè)計(jì)也完全刪除了訪客結(jié)帳，現(xiàn)在要求用戶擁有一個(gè)結(jié)帳帳戶-坦白地說(shuō)，這令人反感）。
模態(tài)對(duì)話框應(yīng)用于與用戶的簡(jiǎn)短直接對(duì)話。如果模態(tài)要求用戶進(jìn)行復(fù)雜的研究或咨詢其他信息源（可能被模態(tài)阻止），則該交互不是正確的UI元素。
邊境航空公司使用模式對(duì)話框促進(jìn)基本航班的加價(jià)銷售。該對(duì)話框要求用戶決定花更多的錢，但是不允許他們?cè)L問(wèn)做出該決定所需的其他信息（例如，是否還有剩余的體面座位）。
在任務(wù)不是很關(guān)鍵的情況下，非模式對(duì)話框可能是合適的。非模式對(duì)話框的攻擊性不如模式對(duì)話框，因?yàn)樗鼈冊(cè)试S用戶繼續(xù)其活動(dòng)并在不相關(guān)時(shí)忽略它們。但是，它們?nèi)匀豢赡苁瞧茐男缘模貏e是如果它們使屏幕上的重要信息模糊不清或需要太復(fù)雜的交互。
此外，某些非模式對(duì)話框不能在設(shè)備和瀏覽器之間很好地轉(zhuǎn)換-例如，臺(tái)式機(jī)上的Chrome中的非模式窗口可能會(huì)在iPhone上的Safari中變?yōu)槟Ｊ酱翱?，例如下面的Meowbox.com。
在Meowbox.com桌面網(wǎng)站（左）上，主頁(yè)右下角顯示了用于時(shí)事通訊注冊(cè)的定時(shí)非模式對(duì)話框。但是，在網(wǎng)站的移動(dòng)渲染（右）上，非模式窗口變?yōu)槿聊Ｊ酱翱?，迫使用戶在向前移?dòng)之前提供輸入。桌面版本允許輕松消除提示，而移動(dòng)版本則不允許。
當(dāng)用戶需要在模式之間快速切換以訪問(wèn)某些信息時(shí)，非模式窗口非常有用。例如，Google Mail使用非模式窗口作為編寫(xiě)新電子郵件的默認(rèn)方法。用戶可以繼續(xù)打開(kāi)此窗口，在不丟失電子郵件的情況下最小化編寫(xiě)的電子郵件（或選擇將其最大化到模式窗口）。該單獨(dú)的視圖使用戶可以查找較舊的電子郵件或其他信息，這些信息可能有助于撰寫(xiě)當(dāng)前電子郵件。
Google Mail的非模式窗口使您可以輕松地在寫(xiě)入和讀取信息之間進(jìn)行切換。
涉及模式對(duì)話框時(shí)，請(qǐng)考慮以下問(wèn)題：沒(méi)有人喜歡被打擾，但如果必須的話，請(qǐng)確保值得這樣做。
在使用對(duì)話框時(shí)，還有哪些需要注意的點(diǎn)呢？
謹(jǐn)慎使用對(duì)話框，因?yàn)樗鼈儠?huì)打斷他們。它們的突然出現(xiàn)迫使用戶停止其當(dāng)前任務(wù)，并專注于對(duì)話框內(nèi)容。對(duì)于模式對(duì)話框，用戶必須先進(jìn)行對(duì)話操作，然后才能繼續(xù)訪問(wèn)下面的頁(yè)面。有時(shí)這是一件好事，例如，當(dāng)用戶必須確認(rèn)一項(xiàng)重要操作時(shí)（例如“您要?jiǎng)h除您的帳戶嗎？”），但是對(duì)于許多任務(wù)而言，這是不必要的，而且通常很煩人。
在需要用戶在繼續(xù)操作之前進(jìn)行交互的情況下，或者當(dāng)錯(cuò)誤的代價(jià)可能很高時(shí)，使用對(duì)話框是最有意義的。
在用戶未做任何事情的情況下突然打開(kāi)對(duì)話框是一個(gè)非常糟糕的主意。不幸的是，許多網(wǎng)站都用下面的示例用訂閱框轟炸了訪客。
用戶在頁(yè)面上執(zhí)行某項(xiàng)操作時(shí)，應(yīng)該始終打開(kāi)一個(gè)對(duì)話框。那可能是單擊按鈕，跟隨鏈接或選擇一個(gè)選項(xiàng)。
并非一切都值得中斷。
對(duì)話框的替代方法是內(nèi)聯(lián)擴(kuò)展，可以幫助維護(hù)當(dāng)前上下文。
不要只是彈出對(duì)話框。
對(duì)話框應(yīng)該說(shuō)出用戶的語(yǔ)言（使用用戶熟悉的單詞，短語(yǔ)和概念），而不是特殊的系統(tǒng)術(shù)語(yǔ)。
您應(yīng)該使用清晰的語(yǔ)言寫(xiě)問(wèn)題。例如，當(dāng)您要求用戶刪除她的文件時(shí)，而不是說(shuō)“釋放存儲(chǔ)空間？” 問(wèn)“您要?jiǎng)h除文件嗎？” 通常，您應(yīng)該避免道歉，模棱兩可或諸如“警告！”之類的問(wèn)題?；颉澳_定嗎？” 因?yàn)樗鼈儠?huì)帶來(lái)額外的視覺(jué)混亂。
避免為用戶提供含糊不清或不清楚的選項(xiàng)。您應(yīng)該只使用清除選項(xiàng)。在大多數(shù)情況下，用戶應(yīng)該能夠僅根據(jù)標(biāo)題和按鈕文本來(lái)理解選擇。
錯(cuò)誤的示例：在此示例中，輕蔑的操作文本“否”回答了問(wèn)題，但沒(méi)有建議之后會(huì)發(fā)生什么。
很好的例子：平等權(quán)利行動(dòng)文本“放棄”清楚地表明了決定的結(jié)果。
對(duì)話框不要遮蓋可能對(duì)用戶有用的信息，這一點(diǎn)很重要。例如，一個(gè)對(duì)話框，要求用戶確認(rèn)某些項(xiàng)目的刪除，應(yīng)列出要?jiǎng)h除的項(xiàng)目。
處理完成后，請(qǐng)記住顯示通知消息（或視覺(jué)反饋）。讓用戶知道她已經(jīng)完成了所有需要的工作。
在對(duì)話框中使用明確的問(wèn)題和選項(xiàng)。
設(shè)計(jì)對(duì)話框以產(chǎn)生閉合。
操作后通知用戶。
您不應(yīng)該試圖過(guò)多地塞入對(duì)話框。保持其干凈簡(jiǎn)潔（遵循KISS原則）。但是極簡(jiǎn)主義并不意味著有限。所有信息都應(yīng)該是有價(jià)值的和相關(guān)的。
對(duì)話框永遠(yuǎn)不應(yīng)部分出現(xiàn)在屏幕上。您不應(yīng)該使用包含滾動(dòng)內(nèi)容的對(duì)話框。
錯(cuò)誤的例子： 巴克萊銀行的付款處理對(duì)話框中有很多選項(xiàng)和元素，其中的一部分選項(xiàng)僅可通過(guò)滾動(dòng)來(lái)使用（尤其是對(duì)于通常具有相對(duì)較小的屏幕區(qū)域的移動(dòng)設(shè)備）。
很好的例子： Stripe使用簡(jiǎn)單而智能的對(duì)話框，僅包含基本信息，這些信息在臺(tái)式機(jī)和移動(dòng)屏幕上都看起來(lái)不錯(cuò)。
對(duì)話框不應(yīng)包含兩個(gè)以上的動(dòng)作。第三項(xiàng)操作（例如“了解更多信息”）通常用于使用戶離開(kāi)對(duì)話框，這增加了未完成任務(wù)的風(fēng)險(xiǎn)。
將復(fù)雜的任務(wù)劃分為多個(gè)步驟是一個(gè)好主意，但這通常也表明某些事情太復(fù)雜而無(wú)法要求用戶在對(duì)話框中完成。
如果交互足夠復(fù)雜，需要多個(gè)步驟（如下面的示例所示），那么它就足夠復(fù)雜，可以保證擁有自己的頁(yè)面。
通過(guò)刪除不需要的元素或不支持用戶任務(wù)的內(nèi)容來(lái)簡(jiǎn)化對(duì)話框。
嘗試避免對(duì)話框包含多個(gè)步驟。
正如上面所介紹的，對(duì)話框有兩種主要類型。第一類是尋求注意力的模態(tài)對(duì)話框，它迫使用戶在繼續(xù)之前與他們進(jìn)行交互。模態(tài)對(duì)話框通常用于離散的阻塞過(guò)程，需要顯式的“接受”或“取消”操作才能將其關(guān)閉。單擊其外部區(qū)域時(shí)，它不會(huì)關(guān)閉。第二種類型是非模式對(duì)話框，允許用戶在其外部單擊或點(diǎn)擊以將其關(guān)閉。
您僅應(yīng)將模式對(duì)話框（第一種類型）用于非常重要的交互（例如，刪除帳戶，同意條款和條件）。
系統(tǒng)對(duì)話框也是模態(tài)對(duì)話框，通常具有以下基本元素-內(nèi)容，操作和標(biāo)題。
打開(kāi)對(duì)話框時(shí)，重要的一點(diǎn)是要使后面的頁(yè)面稍微變暗。這有兩個(gè)工作。首先，它通過(guò)對(duì)話框吸引人們關(guān)注疊加層；其次，它使用戶知道該頁(yè)面當(dāng)前未處于活動(dòng)狀態(tài)。
但是要注意著色。如果您將其設(shè)置得太暗，則用戶將無(wú)法再在后臺(tái)看到頁(yè)面。如果將其設(shè)置得太淺，則用戶可能會(huì)認(rèn)為該頁(yè)面仍處于活動(dòng)狀態(tài)，甚至可能根本沒(méi)有注意到對(duì)話框。
右上角的對(duì)話框應(yīng)該有關(guān)閉選項(xiàng)。許多對(duì)話框在窗口的一角都有一個(gè)“ x”按鈕，用戶可用來(lái)退出該窗口。但是，對(duì)于普通用戶而言，此“ x”按鈕并不是一個(gè)容易的逃生路線。單擊“ x”通常會(huì)花費(fèi)更多的時(shí)間和精力，因?yàn)樗?em style="outline:0px;margin:0px;padding:0px;">尺寸較小，用戶必須發(fā)現(xiàn)并單擊（點(diǎn)擊）它。
允許用戶單擊非模式窗口時(shí)，可以退出非模式窗口，這是一個(gè)好主意。
對(duì)話框應(yīng)避免啟動(dòng)其他對(duì)話框，因?yàn)樗鼈冊(cè)黾恿艘曈X(jué)上的復(fù)雜性。
大多數(shù)情況下，允許用戶單擊（或點(diǎn)擊）以關(guān)閉對(duì)話框（模態(tài)對(duì)話框除外）。
對(duì)話框應(yīng)避免啟動(dòng)其他簡(jiǎn)單對(duì)話框。
模態(tài)和非模態(tài)對(duì)話框都非常有用，可以請(qǐng)求或鼓勵(lì)用戶參與。在決定這兩種類型的對(duì)話框時(shí)，請(qǐng)考慮用戶上下文和工作流程。避免不必要地打擾用戶并中斷他們的工作流程。使用戶更容易解決問(wèn)題并實(shí)現(xiàn)目標(biāo)。如果公司希望朝著業(yè)務(wù)目標(biāo)持續(xù)發(fā)展，則在這些設(shè)計(jì)決策中必須優(yōu)先考慮用戶目標(biāo)。
涉及模式對(duì)話框時(shí)，請(qǐng)考慮以下問(wèn)題：沒(méi)有人喜歡被打擾，但如果必須的話，請(qǐng)值得確保這樣做。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
【PS必備技能】2.5D圖形制作規(guī)范，用ps最簡(jiǎn)單的方法讓你學(xué)會(huì)2.5d圖形設(shè)計(jì)！
轉(zhuǎn)自：站酷
作者：櫻桃教你學(xué)設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
視覺(jué)設(shè)計(jì)基礎(chǔ)“四大原則”之《重復(fù)性》
轉(zhuǎn)自：站酷
作者：CB_張大偉
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
公司微信小程序缺省
轉(zhuǎn)自：站酷
作者：cattie喵星
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
如何制作視覺(jué)平衡的圖標(biāo)，正確的形狀對(duì)齊以及完美的圓角
文章來(lái)源：UI中國(guó) 作者：美膩膩nii
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
如何一次只做一個(gè)小決策，創(chuàng)造一個(gè)更容易獲得和使用的體驗(yàn)
文章來(lái)源：站酷 作者：嗷ao
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
引人注目的UX設(shè)計(jì)背后的心理學(xué)
每天，您都會(huì)在線訪問(wèn)多個(gè)網(wǎng)站。他們中的一些給人留下了積極的印象，而另一些則使您在數(shù)毫秒內(nèi)按下了后退按鈕。您最終從一個(gè)網(wǎng)站購(gòu)買了產(chǎn)品，而不是從競(jìng)爭(zhēng)對(duì)手那里獲得了產(chǎn)品。是什么引導(dǎo)這種行為？您為什么對(duì)某些網(wǎng)站感到滿意卻卻避開(kāi)其他網(wǎng)站？
這樣做的主要理由之一是在用戶體驗(yàn)設(shè)計(jì)中實(shí)施心理學(xué)。您喜歡的網(wǎng)站聘用的UX專家知道如何在與網(wǎng)站交互的每個(gè)階段觸發(fā)心理反應(yīng)。在線心理學(xué)的使用是成功的，因?yàn)槲覀冊(cè)谌祟惿娴膸讉€(gè)世紀(jì)中獲得的某些進(jìn)化特征在我們每天與世界各地的互動(dòng)中仍然發(fā)揮著重要作用。
本文介紹了一些常見(jiàn)的UX元素以及它們背后的心理思維。
有關(guān)服務(wù)或產(chǎn)品的建議
例如，當(dāng)您在機(jī)票預(yù)訂網(wǎng)站上時(shí)，會(huì)在預(yù)訂完成之前或之后獲得有關(guān)酒店，餐廳或旅游選項(xiàng)的建議。在許多情況下，如果價(jià)格足夠誘人，人們就會(huì)繼續(xù)預(yù)訂酒店或在餐廳預(yù)訂。當(dāng)您搜索抵押貸款時(shí)，同樣適用，并且您還會(huì)獲得有關(guān)債務(wù)管理或退休計(jì)劃的建議。
圖片：Skyscanner
這是一種稱為“預(yù)期設(shè)計(jì)”的UX創(chuàng)意。目的是根據(jù)您在網(wǎng)站上查看的內(nèi)容來(lái)建議您最可能需要的其他內(nèi)容。這個(gè)設(shè)計(jì)思想是基于當(dāng)我們?cè)诨?dòng)中感到被理解時(shí)更快樂(lè)的心理原理。這在所有領(lǐng)先的電子商務(wù)門戶網(wǎng)站上也可以看到。
圖片：Flipkart
這種UX設(shè)計(jì)的一種變體是在許多網(wǎng)站上延遲顯示彈出框以進(jìn)行加價(jià)銷售或潛在客戶。這也是可以預(yù)見(jiàn)的，因?yàn)樗谶@樣一個(gè)事實(shí)，即許多用戶直到從站點(diǎn)上花費(fèi)的時(shí)間中獲得了一定的滿意，才會(huì)對(duì)彈出框的內(nèi)容不感興趣。
顯著性原則是另一個(gè)鼓勵(lì)用戶體驗(yàn)設(shè)計(jì)決定的心理原則。它說(shuō)人們將注意力集中在當(dāng)時(shí)與他們最相關(guān)的事物上。因此，正在尋找飛往夏威夷的廉價(jià)航班的度假者將很高興看到提供經(jīng)濟(jì)實(shí)惠的住宿，甚至為他們的旅行提供融資選擇。僅登陸頁(yè)面以讀取癥狀的用戶將僅關(guān)注頁(yè)面的內(nèi)容，而不關(guān)注訂閱彈出窗口。
限制用戶選項(xiàng)
您選擇的網(wǎng)站比強(qiáng)迫您跳過(guò)五個(gè)菜單來(lái)查找相同內(nèi)容的網(wǎng)站更容易找到。這是因?yàn)槲覀儼l(fā)現(xiàn)很難做出決定時(shí)，有太多的選擇。這是基于?？硕傻男睦碓恚哼x擇的負(fù)擔(dān)。
圖片：Apple
最好的UX設(shè)計(jì)人員了解這一點(diǎn)，并確保用戶可以找到所需的信息，產(chǎn)品或服務(wù)而不會(huì)感到不知所措。
搶眼設(shè)計(jì)
圖片：例如葡萄酒
如果網(wǎng)站或應(yīng)用程序的設(shè)計(jì)精美（根據(jù)用戶的描述），則立即導(dǎo)致對(duì)品牌的有利傾向。這是一種心理原理，稱為審美可用性效應(yīng)。如果您的網(wǎng)站漂亮，那么普通用戶就會(huì)相信它比同一個(gè)利基網(wǎng)站的其他功能更實(shí)用，更值得信賴。關(guān)于吸引力的這種偏見(jiàn)也可以在離線狀態(tài)下看到，因?yàn)檠芯勘砻?，更具吸引力的人被認(rèn)為比其他人更有能力和更友好。
此外，引人注目的設(shè)計(jì)可能使人們忽略網(wǎng)站或應(yīng)用程序上的其他缺點(diǎn)。頂尖的UX設(shè)計(jì)人員花費(fèi)必要的時(shí)間來(lái)獲得任何項(xiàng)目的最佳美學(xué)效果也就不足為奇了。
醒目的顏色口音
圖片：Paypal
諸如Trustly，PayPal，F(xiàn)reshBooks之類的品牌，以及您日常遇到的許多其他品牌都使用顏色強(qiáng)調(diào)點(diǎn)，以使您的眼睛指向CTA按鈕，注冊(cè)表格等。網(wǎng)站上的主要顏色為藍(lán)色時(shí)，它們使用綠色，紅色或黃色來(lái)表示突出這些區(qū)域，它會(huì)起作用！這些網(wǎng)站的任何訪問(wèn)者都可能會(huì)錯(cuò)過(guò)頁(yè)面上的其他內(nèi)容，但會(huì)看到這些部分以獨(dú)特的口音仔細(xì)突出顯示。
這是基于赫德維格·馮·雷斯托夫（Hedwig von Restorff）的心理對(duì)比原理，即人類更容易記住那些與其周圍環(huán)境脫穎而出的東西。有趣的是，沒(méi)有顏色被認(rèn)為是最有影響力的。UX設(shè)計(jì)人員只需確定主導(dǎo)的顏色主題，并使用不會(huì)混入背景的另一種顏色作為重點(diǎn)選擇。
產(chǎn)品差異化價(jià)格計(jì)劃
這也稱為“金發(fā)姑娘”定價(jià)技術(shù)。企業(yè)使用這種技術(shù)來(lái)銷售“中檔”產(chǎn)品。當(dāng)您四處尋找虛擬主機(jī)計(jì)劃時(shí)，您可能會(huì)看到更多。提供商通常列出三到五個(gè)訂閱計(jì)劃，并將中間計(jì)劃突出顯示為“受歡迎”或“熱門”。
圖片：Acowebs
許多人立即分析出最昂貴的計(jì)劃和最便宜的計(jì)劃，最終選擇了所謂的中端計(jì)劃。這是因?yàn)樗麄儗⑵湟暈樽罡邇r(jià)值計(jì)劃和入門級(jí)計(jì)劃之間的完美中間地帶。有趣的是，這些中端計(jì)劃的價(jià)格沒(méi)有像其他任何人一樣受到嚴(yán)格審查，這使得它們成為提供這些品牌的品牌中最賺錢的。
這種定價(jià)技術(shù)之所以有效，是因?yàn)樗谌【暗男睦碓恚撛韽?qiáng)調(diào)了人們?cè)谧龀鲑?gòu)買等決策時(shí)如何避免極端情況。它還顯示了選擇的呈現(xiàn)方式如何影響決策過(guò)程。
其他領(lǐng)域的更多用戶體驗(yàn)設(shè)計(jì)師正在采用這一原理?，F(xiàn)在，各種電子商務(wù)商店都提供多層定價(jià)結(jié)構(gòu)或提供價(jià)格不同的相似產(chǎn)品。大型科技品牌也不例外。他們可能是這一原則的最大受益者之一。因此，下一次您發(fā)現(xiàn)自己忽略了中端選項(xiàng)規(guī)格，規(guī)格稍高但仍低于最貴機(jī)型的三星Galaxy設(shè)備時(shí)，您就知道了！
這是另一個(gè)例子。
圖片：SEObirth
限時(shí)優(yōu)惠
電子商務(wù)網(wǎng)站已經(jīng)完善了使用限時(shí)報(bào)價(jià)創(chuàng)造產(chǎn)品需求的技巧。一些品牌會(huì)聲明要約/產(chǎn)品“僅在接下來(lái)的X天內(nèi)可用”，而其他品牌如亞馬遜將顯示詳細(xì)信息，例如“僅剩5個(gè)庫(kù)存”。無(wú)論哪種樣式，兩種策略都旨在引起您的相同反應(yīng)：緊迫感，因?yàn)樵摦a(chǎn)品很快將不再可用。
圖片：亞馬遜
這是基于稀缺性的心理學(xué)原理，該原理指出，與到處都有的物品相比，我們傾向于更加重視稀缺或不可用的物品。一個(gè)1975年的研究證實(shí)了這一原則。研究人員將相同類型的曲奇放在兩個(gè)罐子中，但是第一個(gè)罐子有10個(gè)曲奇，而第二個(gè)罐子只有兩個(gè)曲奇。研究參與者對(duì)第二個(gè)罐子的評(píng)價(jià)高于第一個(gè)罐子。
研究還發(fā)現(xiàn)，人們對(duì)以前豐富但現(xiàn)在稀缺的產(chǎn)品的評(píng)價(jià)要比總是稀缺的產(chǎn)品更有價(jià)值。經(jīng)濟(jì)學(xué)專業(yè)的學(xué)生不會(huì)對(duì)此感到驚訝，因?yàn)榭捎眯缘南陆悼偸菚?huì)觸發(fā)需求的增長(zhǎng)。
除電子商務(wù)網(wǎng)站外，其他具有在線形象的品牌也采用稀缺性原則。出售在線課程的企業(yè)家強(qiáng)調(diào)諸如“僅適用于前10名學(xué)生”，“一周內(nèi)結(jié)束”之類的術(shù)語(yǔ)。其他人則為采取特定行動(dòng)的人們提供獨(dú)家利益，例如提交電子郵件地址，支付服務(wù)費(fèi)用等。 。
當(dāng)品牌試圖銷售“限量版”產(chǎn)品時(shí)，該原則也可以在離線營(yíng)銷中看到。
UX設(shè)計(jì)師之所以采用這種技術(shù)，是因?yàn)樗麄冎溃词巩a(chǎn)品或服務(wù)沒(méi)有迫切需求，人們?cè)诋a(chǎn)品或服務(wù)稀缺的情況下也會(huì)注意。
推薦書(shū)的戰(zhàn)略定位
圖片：ElegantReports
有沒(méi)有想過(guò)為什么許多產(chǎn)品或服務(wù)網(wǎng)站的主頁(yè)上都有推薦？為什么在做出購(gòu)買決定之前總是要尋找推薦？這是因?yàn)樯鐣?huì)證明的心理學(xué)原理。
當(dāng)我們對(duì)任何事情都持懷疑態(tài)度時(shí)，我們會(huì)尋求同行的指導(dǎo)。這就是為什么您會(huì)發(fā)現(xiàn)人們?cè)谶x擇公司之前先在社交媒體上要求評(píng)論特定品牌的原因。在1969年社會(huì)科學(xué)實(shí)驗(yàn)強(qiáng)調(diào)了這一先天行為。研究表明，如果已經(jīng)有足夠的人參與，人們至少可以說(shuō)服人們注意某些事情。
除了推薦之外，UX設(shè)計(jì)師還通過(guò)炫耀可信賴的從屬關(guān)系（例如SEO專家從事的業(yè)務(wù)或以作家為特色的博客）來(lái)結(jié)合社會(huì)證明原則，訂戶數(shù)量，帖子中的股份數(shù)量以及產(chǎn)品的等級(jí)或服務(wù)，甚至獲得的獎(jiǎng)勵(lì)數(shù)量。
圖片：Acodez
電子商務(wù)商店通過(guò)顯示名為“客戶也已購(gòu)買的商品”的部分來(lái)使它更進(jìn)一步，以突出顯示可能會(huì)使用戶感興趣的流行產(chǎn)品。
突出贈(zèng)品
圖片：皮特和佩德羅
如果您免費(fèi)提供某些商品，在線用戶現(xiàn)在或?qū)?lái)更有可能從您的品牌購(gòu)買商品。這是基于互惠的心理原理。這就是為什么許多UX設(shè)計(jì)師強(qiáng)調(diào)任何交易的原因。
如果您要購(gòu)買新鞋，則更有可能選擇在其網(wǎng)站上提供“免費(fèi)送貨”的品牌。同樣，您也可以在提供免費(fèi)指南或免費(fèi)咨詢的登錄頁(yè)面上提交聯(lián)系方式。
UX設(shè)計(jì)師結(jié)合對(duì)比和互惠的心理原理來(lái)創(chuàng)建高度轉(zhuǎn)換的頁(yè)面。
結(jié)論
達(dá)到既定目標(biāo)的引人注目的UX設(shè)計(jì)并非偶然。最好的設(shè)計(jì)師知道，在線成功的關(guān)鍵是要吸引一般用戶群的基本本質(zhì)，他們會(huì)運(yùn)用心理原理來(lái)實(shí)現(xiàn)這一目標(biāo)。人類的在線行為是可以預(yù)測(cè)的。結(jié)合心理學(xué)和用戶體驗(yàn)設(shè)計(jì)，您的品牌可以產(chǎn)生更好的結(jié)果。
文章來(lái)源：UI中國(guó) 作者：Shawn
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
全新的2021已經(jīng)到來(lái)，在這個(gè)適合展望未來(lái)的時(shí)候，淘寶也迎來(lái)了品牌形象的升級(jí)，一個(gè)萬(wàn)象更新的淘寶正在向我們走來(lái)。
全新的2021已經(jīng)到來(lái)，在這個(gè)適合展望未來(lái)的時(shí)候，淘寶也迎來(lái)了品牌形象的升級(jí)，一個(gè)萬(wàn)象更新的淘寶正在向我們走來(lái)。
“淘寶直播很有趣味”，“淘寶人生很新潮”，“淘寶更好逛了”越來(lái)越多的用戶在感受淘寶的新變化。新淘寶，讓用戶在“淘好物”過(guò)程中更能感受到“逛”的樂(lè)趣，從產(chǎn)品、直播等多場(chǎng)景多維度帶給用戶全新體驗(yàn)。作為淘寶的鏡子，我們的品牌也伴隨著產(chǎn)品的升級(jí)，在設(shè)計(jì)層面表達(dá)了全新內(nèi)核。
在新淘寶的大背景下，設(shè)計(jì)的挑戰(zhàn)在于如何將抽象的心智具象表達(dá)。此次品牌設(shè)計(jì)將圍繞“連接”“開(kāi)放”“有趣”三大設(shè)計(jì)理念透過(guò)字體傳達(dá)淘寶的品牌新內(nèi)核。
連筆&連接
在新的字體中將有粘連但又不夠流暢的筆畫(huà)結(jié)構(gòu)，讓它們“一氣呵成”起來(lái)，通過(guò)連筆來(lái)表達(dá)“連接”，它寓意了新淘寶要更好地連接商業(yè)、用戶和內(nèi)容。
空隙&開(kāi)放
“通透”是新的字體比較直觀的感覺(jué)，讓字體本身結(jié)構(gòu)上有“呼吸”的空間，它代表了新淘寶對(duì)外能夠提供充足的空間，同時(shí)也將生態(tài)體系打開(kāi)，從而吸收更多的資源共贏共創(chuàng)。
弧度&有趣
新的字體在彎折筆畫(huà)的連接處做了弧度處理，讓整個(gè)字體看起來(lái)更加有活力，它要展現(xiàn)的是新淘寶將產(chǎn)出更加豐富多樣的內(nèi)容，讓消費(fèi)者能體驗(yàn)到更多趣味且好逛。
很榮幸本次升級(jí)邀請(qǐng)到了國(guó)內(nèi)著名的字體設(shè)計(jì)廠商方正字庫(kù)與知名品牌設(shè)計(jì)公司MetaDesign一起聯(lián)合完成我們的LOGO設(shè)計(jì)，整個(gè)過(guò)程中都提供了非常專業(yè)的指導(dǎo)。
全新“淘寶”品牌標(biāo)識(shí)，充分融合了中華傳統(tǒng)書(shū)法文化和現(xiàn)代的設(shè)計(jì)語(yǔ)言、設(shè)計(jì)手法，呈現(xiàn)出多元、豐富、有趣的品牌面貌。
全新升級(jí)的“淘寶”特別注入了自然書(shū)寫(xiě)的筆勢(shì)，將寫(xiě)意融入設(shè)計(jì)之中。在設(shè)計(jì)上借鑒了行書(shū)的技法，在字體的筆勢(shì)相承之處運(yùn)用連筆書(shū)寫(xiě)，線條流暢自如，筆畫(huà)之間氣息貫注、流動(dòng)和諧。
連筆
字體部件的設(shè)計(jì)突出了筆畫(huà)的血脈與氣勢(shì)，字體起筆處注入能量，轉(zhuǎn)折時(shí)意氣相聚，呈現(xiàn)出蓄勢(shì)待發(fā)的姿態(tài)，末尾的鉤畫(huà)收筆果斷，整體給人一種勢(shì)如破竹、一氣呵成的視覺(jué)感受。
蓄勢(shì)
“淘寶”橫畫(huà)起筆處采取直切手法，如逆鋒蓄勢(shì)，運(yùn)筆時(shí)線條微弧上揚(yáng)，收筆處筆畫(huà)輕提，筆勢(shì)流麗、煥發(fā)風(fēng)采。
橫畫(huà)上揚(yáng)
新“淘寶”的設(shè)計(jì)細(xì)節(jié)精微生動(dòng)，通過(guò)適當(dāng)?shù)臏p細(xì)、避讓，字體筆畫(huà)結(jié)構(gòu)緊密得當(dāng)，布白停勻、筋骨相諧，穿插避讓恰到好處。
避讓
兩個(gè)單字點(diǎn)畫(huà)的筆形渾圓一致、遙相呼應(yīng)，形成左右顧盼的姿態(tài)，文字之間脈絡(luò)貫通，構(gòu)成一個(gè)有機(jī)的整體。
呼應(yīng)
中英文字標(biāo)互相呼應(yīng)；英文字標(biāo)需要足夠簡(jiǎn)約才能滿足LOGO以中文為主，英文為輔的傳播需求。
優(yōu)化LOGO的筆劃及布白，提高LOGO在數(shù)字端上小尺寸下的可識(shí)別度。
當(dāng)淘寶的中文字標(biāo)設(shè)計(jì)逐漸成型，我們希望英文字標(biāo)能承載相同的設(shè)計(jì)理念。
‘T’的橫畫(huà)呼應(yīng)中文的橫劃特征:微弧上揚(yáng)，以流暢的圓角收筆。
‘a(chǎn)’維持雙層結(jié)構(gòu),更能與相鄰的‘o’更能區(qū)分，保持高的視別度;頂部的拱形弧線與淘字的‘勹’部筆勢(shì)互相呼應(yīng)。
開(kāi)放’o’字的內(nèi)白，平衡筆劃粗細(xì)的變化；確保外輪廓的弧線圖滑流暢，使造形更豐富生動(dòng)。
升級(jí)后的英文字標(biāo)彰顯中文字標(biāo)的設(shè)計(jì)精髓，與時(shí)并進(jìn)。
新淘寶，新品牌，新形象。為了能夠讓用戶對(duì)于品牌有更具體的認(rèn)知，此次品牌升級(jí)還創(chuàng)造了淘寶自己的超級(jí)符號(hào)，結(jié)合業(yè)務(wù)豐富的場(chǎng)景，讓視覺(jué)語(yǔ)言更具專屬性和多樣性，讓用戶更好的感知到，一個(gè)更連接用戶、更開(kāi)放平臺(tái)、更充滿趣味的新淘寶正在走來(lái)。
文章來(lái)源：UI中國(guó) 作者：AlibabaDesign
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
在我開(kāi)始所有話題之前，我有問(wèn)題想問(wèn)大家，大家工作快樂(lè)嗎？
我聽(tīng)到了特別積極的反應(yīng)，說(shuō)非常的快樂(lè)。希望大家說(shuō)快樂(lè)，不是因?yàn)榻裉焓侵芪濉?
但是呢，其實(shí)，工作并沒(méi)有我們想象中那么快樂(lè)，是所有的活動(dòng)當(dāng)中快樂(lè)指數(shù)的，跟躺著帶來(lái)的快樂(lè)差不多的，有些人躺著什么也不干，也比工作快樂(lè)。
什么原因?qū)е铝斯ぷ鞯牟豢鞓?lè)？
第一類，關(guān)乎目標(biāo)。大部分人認(rèn)為工作是為老板服務(wù)，所以很難受。另一類，是因?yàn)榉答?，很多工作的結(jié)果依靠于外界，依靠于老板，所以你跟直屬上司的關(guān)系，決定了工作的體驗(yàn)。第三類，是我們認(rèn)為挑戰(zhàn)和技能的不匹配，導(dǎo)致了我們工作的不快樂(lè)。當(dāng)挑戰(zhàn)大于技能的時(shí)候，你就會(huì)焦慮，當(dāng)技能大于挑戰(zhàn)的時(shí)候，你就會(huì)覺(jué)得無(wú)聊，你的工作就會(huì)在焦慮和無(wú)聊之間來(lái)回地徘徊，這是我們理解的世界。
這個(gè)問(wèn)題，在數(shù)字世界中會(huì)變得更加的明顯。70 年前，第一臺(tái)計(jì)算機(jī)出來(lái)之后能解決的問(wèn)題非常的簡(jiǎn)單，但是 70 幾年過(guò)去了，數(shù)字世界得到了非常大的發(fā)展，我身邊任何一個(gè)小設(shè)備都遠(yuǎn)遠(yuǎn)大于 70 年的。而現(xiàn)在的我們和 70 年前的前輩們沒(méi)有本質(zhì)的區(qū)別，我們有 7+2 的記憶法則，最多只能記住 9 個(gè)數(shù)字，這就導(dǎo)致了在數(shù)字世界當(dāng)中，我們所面臨的挑戰(zhàn)遠(yuǎn)遠(yuǎn)大于人類所掌握的技能。
數(shù)字世界往往給我們帶來(lái)了挑戰(zhàn)大于技能，所以你的體驗(yàn)是負(fù)能的。如果你的工作更加有趣，挑戰(zhàn)能夠匹配技能的時(shí)候，工作就會(huì)變得很好玩。工作就像打游戲一樣，你通過(guò)了一關(guān)，技能得到了提升，工作就會(huì)變得持續(xù)好玩，所以我們?cè)跓o(wú)聊和焦慮中間尋找平衡，這個(gè)平衡就是快樂(lè)的通道。
說(shuō)起工作，大家多多少少會(huì)有快樂(lè)的體驗(yàn)，但是和躺在沙灘上睡覺(jué)的體驗(yàn)完全不一樣。某一個(gè)下午或者晚上，需要處理一件稍微有難度的事情時(shí)，你需要集中所有的注意力，專注于你和你的事情，一抬頭兩個(gè)小時(shí)過(guò)去了，這是一種極度飽滿、極度被滿足之后的快樂(lè)，它是一種成長(zhǎng)的快樂(lè)，也是一種挑戰(zhàn)和技能匹配的快樂(lè)，也是全情投入的快樂(lè)，所以我們所說(shuō)的快樂(lè)工作指的是全情投入的工作。
基于這樣的思考，我們將每個(gè)人都追求快樂(lè)工作，作為Ant Design 的基本假定。
第一個(gè)原因是，我們認(rèn)為人或多或少都有這樣的快樂(lè)體驗(yàn)；第二個(gè)很重要的原因在于，對(duì)于大多數(shù)人而言，我們醒著的絕大部分時(shí)間都要工作，如果你無(wú)法在工作中體驗(yàn)到快樂(lè)，人生將會(huì)在焦慮和無(wú)聊中度過(guò)。
基于這樣的思考，我們找到了 Ant Design 的基本假定。就像光速不變基于相對(duì)論一樣，我們想基于這樣的假定，表達(dá) Ant Design 的體系。
這就是 Ant Design 的基本假定，每個(gè)人都追求快樂(lè)工作，Ant Design 中每個(gè)人是誰(shuí)？我們分成兩種不同類型的用戶：第一類是用戶，第二類叫做設(shè)計(jì)者。所謂的設(shè)計(jì)者是創(chuàng)造這些應(yīng)用性能的人，也就是在座的大多數(shù)。
我們將快樂(lè)拆成兩部分，一部分是快感，一部分是樂(lè)趣，基于此，我們衍生出了 Ant Design 四個(gè)價(jià)值觀，設(shè)計(jì)首先是自然的，其次是確定的，第三，設(shè)計(jì)是要有意義的，第四，設(shè)計(jì)是能讓用戶和產(chǎn)品不斷成長(zhǎng)的，它是具有生長(zhǎng)性的。
所以接下來(lái)的分享當(dāng)中，因?yàn)闀r(shí)間的關(guān)系，我會(huì)重點(diǎn)分享其中的兩塊。
第一塊叫做確定性。分享一個(gè)小案例，我剛?cè)胄械臅r(shí)候，就碰到了社會(huì)的毒打，我想找到我的合作伙伴進(jìn)行驗(yàn)收發(fā)布的環(huán)節(jié)，因?yàn)樵O(shè)計(jì)師對(duì)細(xì)節(jié)有非常強(qiáng)的管控情系，我用略微虔誠(chéng)的態(tài)度說(shuō)：“親，能稍微調(diào)整一下列寬嗎？”，他可能沒(méi)理解我的意思，說(shuō)“我覺(jué)得挺好”，我說(shuō)“都換行了，哪里好？”，我以為會(huì)引起他的注意，結(jié)果他回了我一句：“這不重要，你行你上?！?
我一開(kāi)始并不明白，為什么這個(gè)世界是這樣的？我認(rèn)為我們都應(yīng)該有同樣的認(rèn)知，直到有一天我看到他的競(jìng)爭(zhēng)升級(jí) PPT 的時(shí)候，我就明白了，原來(lái)他不是針對(duì)我，他不換行不僅在產(chǎn)品上，PPT 里也不換行。不同的人有不同的想法，不同的工種也有不同的想法，而我們的工作是需要這樣一群人一起合作，就會(huì)導(dǎo)致一個(gè)問(wèn)題，當(dāng)不同的人有不同的、不確定性的想法，會(huì)導(dǎo)致研發(fā)過(guò)程的不確定性。
我們總說(shuō)，一個(gè)人可以走得很快，一群人才能走得很遠(yuǎn)。我們要想辦法怎么讓這群人可以步調(diào)一致地走得快，又走得遠(yuǎn)，我們把這套體系、方法論叫做 ETCG 2.0。
這是原有 ETCG 的基礎(chǔ)上，進(jìn)行升級(jí)的過(guò)程。我們希望面對(duì)同樣的問(wèn)題，各個(gè)角色都能推理出同樣的方案。就像你在春天種下一顆蘋(píng)果樹(shù)的種子，你一定在秋天可以得到一顆蘋(píng)果樹(shù)，而不是一顆梨樹(shù)。
ETCG 2.0幾個(gè)字母分別代表不同的意義，第一個(gè)是功能范例，第二個(gè)是模板，模板是我們基于業(yè)務(wù)的抽象，目的是幫助新手或者幫助不同設(shè)計(jì)師保持設(shè)計(jì)的一致性，指引頁(yè)面如何設(shè)計(jì)，比如這是典型的列表頁(yè)，由高級(jí)搜索和表格組成。今年在模板的基礎(chǔ)之上又做了一層更大的精進(jìn)，我們做了抽象和規(guī)范衍生出了模板組件。一行模板組件，當(dāng)無(wú)法滿足你的需求時(shí)，只要一行代碼，就可以得到一個(gè)完整的序列。
除了列表頁(yè)，還有表格頁(yè)，還有圖表、表單，以及布局，構(gòu)成了我們對(duì)系統(tǒng)的抽象，叫做「四表一局」，它大概覆蓋了中后臺(tái)系統(tǒng)、或者企業(yè)級(jí)產(chǎn)品 80% 以上的業(yè)務(wù)訴求，同時(shí)本著非常開(kāi)源、開(kāi)放和普惠的心理，整個(gè)「四表一局」正式對(duì)外開(kāi)放，大家可以訪問(wèn) Ant Design 的倉(cāng)庫(kù)下載和使用。
ETCG 中的 C 是組件，是 Ant Design 最早和大家見(jiàn)面的內(nèi)容，五年的時(shí)間里面，我們有了很多數(shù)量上和質(zhì)量上的精進(jìn)，同時(shí)創(chuàng)造了非常多的社會(huì)價(jià)值。這五年前，非常令我們自豪的是，有接近 1000 名貢獻(xiàn)者參與到 Ant Design 的建設(shè)中，同時(shí) TOP 50 當(dāng)中，60% 來(lái)源于社區(qū)，他們?yōu)?2 萬(wàn)家企業(yè)提升了 3-5 倍的研發(fā)效能，同時(shí)我們正式于去年年底成為全球開(kāi)源第一的組件庫(kù)。五年前，螞蟻集團(tuán)發(fā)起了 Ant Design 這個(gè)項(xiàng)目，但是它今天所取得的成就是來(lái)源于社區(qū)和我們的共同努力，這里的榮譽(yù)和掌聲應(yīng)該獻(xiàn)給所有為Ant Design 貢獻(xiàn)過(guò)代碼的同學(xué)，謝謝你們的支持。
ETCG 的 G 有兩個(gè)。第一個(gè) G，是對(duì)組件樣式的抽象，我們用了變量化的方式進(jìn)行了約束和管控，它可以做什么？特別簡(jiǎn)單，你的老板今天不喜歡藍(lán)色，想要橙色，你只要一行編碼，就讓組件庫(kù)發(fā)生了煥然一新的變化。
ETCG 的第二個(gè) G，是我們今年重點(diǎn)建設(shè)的部分，也是全新的一部分，叫做 Guides，指的是人和機(jī)如何進(jìn)行互動(dòng)交互的過(guò)程。
比如說(shuō)這里是應(yīng)該放一個(gè)數(shù)值輸入框，還是放一個(gè)輸入框？以及如何進(jìn)行放置？我們將瑣碎的交互規(guī)則進(jìn)行抽象和封裝，讓機(jī)器學(xué)習(xí)這些規(guī)則，讓機(jī)器幫助我們進(jìn)行這些規(guī)則。你只要導(dǎo)入原數(shù)據(jù)，幾乎不用做任何的配置和更改，可以得到可進(jìn)入生產(chǎn)環(huán)境、可研發(fā)的表單頁(yè)面，設(shè)計(jì)得可能比初級(jí)的設(shè)計(jì)師產(chǎn)生的效果更好，你想要的一切都應(yīng)該放在合適的地方。
這就是我們對(duì) Ant Design 確定性的理解，不需要設(shè)計(jì)師參與的設(shè)計(jì)產(chǎn)品，提升了設(shè)計(jì)和研發(fā)的體驗(yàn)，當(dāng)然商業(yè)化還需要很長(zhǎng)的時(shí)間。當(dāng)下如何解決現(xiàn)在碰到的問(wèn)題？仰望星空，也要腳踏實(shí)地。作為設(shè)計(jì)師，我在想怎么解決五年前的問(wèn)題，我很想說(shuō)我行我上。
我們?cè)趺词褂?？使?Kitchen 進(jìn)行編輯化的能力，把 13% 甩給我的合作伙伴。如果你覺(jué)得還不夠，想做更多的管理和管控，甚至可以用「四表一局」的能力進(jìn)行服務(wù)的搭建，搭建可進(jìn)入生產(chǎn)環(huán)境的服務(wù)產(chǎn)品，讓設(shè)計(jì)師變成設(shè)計(jì)工程師的角色。
在今天分享的最后一趴，我和大家聊聊這個(gè)場(chǎng)次經(jīng)常聽(tīng)到的詞，那就是“自然”，學(xué)術(shù)界和產(chǎn)業(yè)界對(duì)自然有非常多的理解。我們把它定義成了形容詞，我們認(rèn)為這個(gè)行為很自然，大家經(jīng)常在各個(gè)場(chǎng)合聽(tīng)到的一句話，設(shè)計(jì)是關(guān)乎如何運(yùn)作的問(wèn)題，Ant Design 在這個(gè)基礎(chǔ)上，要聊的是 how it worksnaturally。
同樣分享一個(gè)小案例，在我們有一天的用戶群里，我們的用戶反饋了一個(gè)非常有意思的問(wèn)題。他說(shuō)語(yǔ)雀可以插入圖片嗎？語(yǔ)雀的負(fù)責(zé)人當(dāng)時(shí)在現(xiàn)場(chǎng)，就回到：“當(dāng)然可以，最基本的能力”。我們的用戶問(wèn)出第二個(gè)特別具有代表性的問(wèn)題：“可是我們找不到在哪里”。語(yǔ)雀是阿里內(nèi)外都很喜歡的一款文檔類文件。編輯頁(yè)的第一頁(yè)，我們的工程師特意做成了綠色的，你點(diǎn)進(jìn)第一個(gè)的第一行就是圖片上傳的功能。但是大家有沒(méi)有想過(guò)？我們僅僅隱藏了一級(jí)，就讓用戶記不起來(lái)有這個(gè)功能，我們僅僅隱藏了一級(jí)，就讓用戶找不到這個(gè)功能。這不是語(yǔ)雀產(chǎn)品特有的特征和問(wèn)題，而是這個(gè)時(shí)代大部分問(wèn)題具有的特征和問(wèn)題，因?yàn)榇蟛糠值漠a(chǎn)品處于 1973 年的基礎(chǔ)上。
WIMP 是什么？Window、lcon、Menu、PointDevice，當(dāng)我們的功能只有 20 幾個(gè)的時(shí)候，這是非常好的設(shè)計(jì)，總比代碼行好太多，今天我們說(shuō)了數(shù)字世界當(dāng)中，我們的設(shè)備、計(jì)算機(jī)、網(wǎng)絡(luò)成千上億倍的發(fā)展，用戶怎么記得住 8000 個(gè)功能？用戶怎么定位到 8000 個(gè)功能在哪里？所以 WIMP 界面碰到了人機(jī)交互的瓶頸階段。
為什么碰到瓶頸會(huì)越來(lái)越不自然？第一個(gè)角度從人機(jī)互動(dòng)的環(huán)節(jié)，當(dāng)用戶記不住的時(shí)候，就沒(méi)辦法從哪個(gè)入口出發(fā)。所以 WIMP 界面第一個(gè)不自然的原因在于，所有動(dòng)作的發(fā)起都依托于用戶。用戶一旦記不住，一旦找不到，人機(jī)交互就沒(méi)辦法走通，這是 WIMP 界面的第一個(gè)問(wèn)題。
第二個(gè)問(wèn)題，要回到人身上。人的行為分為有意識(shí)、無(wú)意識(shí)的兩層，能量消耗比較大的就是有意識(shí)層面。WIMP 在于所有的行為依托于用戶有意識(shí)地觸發(fā)，這本身就是一個(gè)非常消耗腦力的一件事情。在我們面對(duì)這么多功能的環(huán)境下，這兩個(gè)問(wèn)題導(dǎo)致了我們?cè)跀?shù)字世界當(dāng)中碰到的巨大問(wèn)題。因?yàn)槲覀冎老到y(tǒng)的功能每天在增加，數(shù)字世界不需要遵循物理制造的極限，它可以進(jìn)入無(wú)限備功能的疊加，所以在這個(gè)世界當(dāng)中碰到的挑戰(zhàn)遠(yuǎn)遠(yuǎn)大于我們所掌握的技能，所以 WIMP 界面碰到了誕生以來(lái)最大的問(wèn)題。
我們?nèi)绾谓鉀Q這個(gè)問(wèn)題呢？首先一定要清晰地認(rèn)識(shí)到，人是有意識(shí)和無(wú)意識(shí)兩種思維的結(jié)構(gòu)和意識(shí)形態(tài)的。同時(shí)系統(tǒng)也可以分為兩部分，一部分是主動(dòng)功能，第二部分是被動(dòng)功能，我們要嘗試的守正出奇。守正延續(xù)了 WIMP 界面常規(guī)的功能，讓人有意識(shí)尋找功能，觸發(fā)系統(tǒng)的能力。但是出奇要多做一步，除了讓用戶找功能之外，我們要增加很多的主動(dòng)式的交互，讓功能找到用戶。
接下來(lái)分享幾個(gè)案例，在我們的常規(guī)設(shè)備當(dāng)中，都已經(jīng)有這樣一些主動(dòng)式的服務(wù)來(lái)尋找到你。
第一類是相逢不相識(shí)，名字很好聽(tīng)，解釋也特別好玩。在語(yǔ)雀當(dāng)中有一個(gè)小功能是我特別喜歡的功能，當(dāng)我編輯一篇文檔，編輯了大于 30%、50% 的文本量，這個(gè)鉤會(huì)自然地幫我鉤上，因?yàn)樗幸粋€(gè)基礎(chǔ)的設(shè)定：如果這篇文章發(fā)生了比較大規(guī)模的修改，你的訂閱者很自然的想知道你這篇文章做了什么。
第二個(gè)相逢不相識(shí)的地方，大家可以聚焦一下支付寶。有興趣可以打開(kāi)支付寶首頁(yè)，在你的收款碼應(yīng)用里，解決什么樣的問(wèn)題？解決面對(duì)面交易的問(wèn)題，所以當(dāng)你輸入一個(gè)金額完成以后，自然旋轉(zhuǎn)屏幕的時(shí)候，這個(gè)屏幕會(huì)進(jìn)行自然的翻轉(zhuǎn)，這樣對(duì)面掃你錢的人，可以看到信息的正面，這非常自然。
第二個(gè)主動(dòng)式交互的類型，叫做可用不可見(jiàn)。和相逢不相識(shí)的區(qū)別在哪里？就是默默地為你提供了服務(wù)，但你可能永遠(yuǎn)不會(huì)知道它的存在。在蘋(píng)果第一代出來(lái)的時(shí)候，做了一個(gè)非常牛逼的設(shè)計(jì)，因?yàn)榇蠹叶贾捞摂M鍵盤(pán)，沒(méi)有物理觸感，所以誤觸率很高。虛擬鍵盤(pán)怎么解決？蘋(píng)果基于非常有趣的思考，在蘋(píng)果的全鍵盤(pán)里面，只要輸入了 Desig 的時(shí)候，通過(guò)語(yǔ)義詞的分析，N 點(diǎn)擊的范圍遠(yuǎn)遠(yuǎn)大于旁邊的 B 或者 M，以及上面的 G 部分，這是幫助你做主動(dòng)選擇的服務(wù)，只是我們從來(lái)不知道有這樣一件事情。所以我們將這些自然的人機(jī)互動(dòng)方式進(jìn)行整理，包括融入到更多的案例以后，發(fā)現(xiàn)人機(jī)主動(dòng)式交互有九種不同類型的分類，除了輸入法，更多是通過(guò)用戶使用情景的上下文進(jìn)行優(yōu)化的過(guò)程。
我們有了這張人機(jī)自然的交互，怎么解決語(yǔ)雀的問(wèn)題？我和在座的語(yǔ)雀設(shè)計(jì)師有過(guò)這樣的討論，用戶說(shuō)圖片上傳找不到，我們大部分人的第一反映是把圖片上傳顯示單獨(dú)放出來(lái)。這可能會(huì)解決剛才的問(wèn)題，但是如果明天財(cái)務(wù)說(shuō)表格找不到了，我是不是還要把表格拿出來(lái)？有人說(shuō)附件找不到了，還要把附件拿出來(lái)嗎？我們需要從主動(dòng)式交互的角度暢想怎么優(yōu)化人機(jī)互動(dòng)的過(guò)程。
回到這張自然交互的工具，提供了一種簡(jiǎn)易的思維框架。
我們?nèi)ヅ袛嗄男┦强梢匀プ龅?，第一件事特別簡(jiǎn)單，我們判斷用戶使用的上下文是什么，我們發(fā)現(xiàn)很多產(chǎn)品的通用習(xí)慣，直接把圖片拖進(jìn)去，做成小的服務(wù)，用戶根本不需要知道功能的存在就可以使用。
第二個(gè)從原數(shù)據(jù)角度來(lái)理解，圖片是一種特殊結(jié)構(gòu)的數(shù)據(jù)，它是 jpg、png。用戶在外部復(fù)制了之后，進(jìn)入編輯頁(yè)可以主動(dòng)推送他一個(gè)服務(wù)，詢問(wèn)他是否要粘貼，本質(zhì)上并不復(fù)雜，但是它確實(shí)在 WIMP 界面?zhèn)鹘y(tǒng)意義的基礎(chǔ)上，又提供了初級(jí)的部分，又額外做了一部分。
我們所定義的自然里面，是需要我們做更多的主動(dòng)式的服務(wù)，讓我們這個(gè)海量的功能能夠在合適的場(chǎng)景下，去找到用戶，從而節(jié)約人的腦力和體力。因?yàn)閷?duì)于人來(lái)說(shuō)，我們和 70 年前的爺爺輩們沒(méi)有本質(zhì)的區(qū)別，我們需要被善待。有感興趣的同學(xué)可以看支付寶的訪問(wèn)碼，也期待和大家做更多的互動(dòng)。
分享的最后一趴，我簡(jiǎn)單總結(jié)一下今天做了哪些事情和分享了哪些內(nèi)容。第一趴，我們提出了 Ant Design 的基本假定，我們認(rèn)為每個(gè)人都缺少快樂(lè)工作，這種快樂(lè)工作是和我們平時(shí)閑散完全不同的問(wèn)題。同時(shí)大多數(shù)人都不可避免的來(lái)工作，我們?cè)趺磁まD(zhuǎn)工作對(duì)我們的體驗(yàn)，這是人生中非常大的問(wèn)題。第二趴，我們衍生出新的價(jià)值觀，這四個(gè)價(jià)值觀中，因?yàn)闀r(shí)間篇幅的原因，重點(diǎn)和大家講了確定性和自然的價(jià)值觀，這是歷史最悠久，也是最有代表性的兩塊?；谶@兩個(gè)價(jià)值觀，我們衍生出了不同的組建庫(kù)也好、可視化資產(chǎn)也好，相關(guān)的設(shè)計(jì)資產(chǎn)以及設(shè)計(jì)策略，以及配套的設(shè)計(jì)工具，當(dāng)然藍(lán)色部分是我們今天介紹的重點(diǎn)。最后這張圖特別適合拍照，這是我們系統(tǒng)提供給大家的主動(dòng)式服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn