中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如何制作出一份對(duì)設(shè)計(jì)師、產(chǎn)品經(jīng)理、程序員都有價(jià)值的設(shè)計(jì)規(guī)范？今天奇維（手淘設(shè)計(jì)總監(jiān)）用淘寶2015的規(guī)范優(yōu)化實(shí)戰(zhàn)案例，結(jié)合之前在騰訊CDC經(jīng)歷過的雅虎、QQ、金蝶等設(shè)計(jì)規(guī)范，給同學(xué)們聊聊他所理解的規(guī)范，以及如何完成一套產(chǎn)品性質(zhì)的規(guī)范，全文高能干貨，收！

奇維（手淘客戶端設(shè)計(jì)總監(jiān)）：別人常問我的花名是什么意思，是否期望具備奇特思維？然而并沒有，那是前公司昵稱的音譯，以感恩及懷念志同道合的逗逼們一起成長(zhǎng)的日子。別人也常問kiwi是什么意思，是否期望像kiwi鳥一樣沒有條件創(chuàng)造條件具備前行飛翔永不停歇的精神？然而并沒有，誠懇的星座實(shí)事求是的告知那只是獼猴桃的翻譯。

想象和現(xiàn)實(shí)總是如此生分。在界面的設(shè)計(jì)規(guī)范身上也同樣適用。

界面的設(shè)計(jì)規(guī)范是為了促成產(chǎn)品體驗(yàn)以自身為主體的統(tǒng)一和延續(xù)，減少用戶的認(rèn)知成本。項(xiàng)目人員避免個(gè)體的重復(fù)思考，減少不必要的溝通。

問題是對(duì)于制定者而言，日常項(xiàng)目之外還有規(guī)范可以產(chǎn)出，職級(jí)晉升時(shí)撐撐場(chǎng)面，也可算作設(shè)計(jì)價(jià)值的一部分。

對(duì)于使用者而言，查閱麻煩，內(nèi)容更新不透明。日常使用時(shí)規(guī)范不嚴(yán)謹(jǐn)。迫于大佬的淫威不敢多言抑或信于大神的權(quán)威照單全收，執(zhí)行和推動(dòng)受到具體業(yè)務(wù)情況的質(zhì)疑，導(dǎo)致進(jìn)展不順暢。

對(duì)間接受到影響的產(chǎn)品經(jīng)理和其他人員，規(guī)范不嚴(yán)謹(jǐn)總在限制偉大產(chǎn)品的光芒萬丈或?qū)崿F(xiàn)的成本，負(fù)面情緒甚重。漸漸的，部分設(shè)計(jì)師對(duì)于規(guī)范會(huì)有一種我最愛的人傷我有多深的迷茫 。

坦白說設(shè)計(jì)在流程中的環(huán)節(jié)導(dǎo)致地位相對(duì)被動(dòng)。如果提升設(shè)計(jì)價(jià)值單純只依靠尋求另外方式而忽視解決眼下的實(shí)際問題，不能不被看作是一種逃避?；氐皆O(shè)計(jì)規(guī)范，需要解決上述問題，促使各方能了解規(guī)范背后的產(chǎn)生原因和用意，基于規(guī)范為前提形成項(xiàng)目設(shè)計(jì)中靈活思辨的動(dòng)能。

今天就來講講我所理解的界面設(shè)計(jì)規(guī)范，以及根據(jù)這套原則如何呈現(xiàn)手機(jī)淘寶（壽桃）的設(shè)計(jì)規(guī)范。

我所經(jīng)歷的規(guī)范

06年得益于團(tuán)隊(duì)之間的交流，機(jī)緣巧合跪拜了大雅虎的設(shè)計(jì)規(guī)范，分別是閃著光輝的英、韓、繁、簡(jiǎn)四版。恰逢工作中完成QQmobile需要交接，同時(shí)參與QQ內(nèi)部版本的研發(fā)，作為一個(gè)向往成熟但還沒熟透的設(shè)計(jì)團(tuán)隊(duì)是必須要有規(guī)范的。玩不起大的，針對(duì)單一的產(chǎn)品還是很有必要。

在參照Windows自身規(guī)范，以及標(biāo)叔甩出的金蝶規(guī)范，外加加了密的MTK系統(tǒng)規(guī)范，可以說有了公司第一份針對(duì)產(chǎn)品的設(shè)計(jì)規(guī)范《Hummer界面視覺設(shè)計(jì)規(guī)范》，結(jié)合交互組的規(guī)范，成了公司后續(xù)其他產(chǎn)品設(shè)計(jì)規(guī)范的范本。

關(guān)于標(biāo)叔，那就是另外一個(gè)傳奇了：《騰訊CDC標(biāo)叔力作！聊聊我與交互設(shè)計(jì)的那10年》

07年規(guī)范從無到有令人歡喜，解決日常設(shè)計(jì)中的常規(guī)問題，使內(nèi)容更加貼合業(yè)務(wù)。比如根據(jù)使用強(qiáng)度和頻率對(duì)內(nèi)容結(jié)構(gòu)進(jìn)行調(diào)整，以及統(tǒng)一參數(shù)和描述。但也暴露瀏覽體驗(yàn)不太高效，更新后信息同步并不及時(shí)。因此嘗試將所有內(nèi)容搬到線上來，滿足不同瀏覽訴求。還將內(nèi)容打印出來彰顯具體的工作量。

09年至今在整體規(guī)范基礎(chǔ)上，針對(duì)各功能模塊所產(chǎn)生的細(xì)節(jié)規(guī)范應(yīng)運(yùn)而生，規(guī)范越來越精細(xì)。對(duì)于工具產(chǎn)品的設(shè)計(jì)師來說避免了機(jī)械問題重復(fù)發(fā)生，同時(shí)團(tuán)隊(duì)不用再將縝密思索的寶貴時(shí)間浪費(fèi)在重復(fù)性的功能設(shè)計(jì)上。但無論工具產(chǎn)品還是內(nèi)容產(chǎn)品，在考慮規(guī)范時(shí)大都只考慮控組件本身的情況，所以規(guī)范的設(shè)定一者和業(yè)務(wù)沒有多大聯(lián)系，二者不能匹配業(yè)務(wù)訴求在合理范疇內(nèi)的多樣性，何況內(nèi)容性產(chǎn)品本身由控組件構(gòu)成的頁面比重在產(chǎn)品的迭代過程中會(huì)變的越來越少。

這就是我們遇到的設(shè)計(jì)與業(yè)務(wù)的矛盾。包括自己的切身感受，且從不同的渠道和不同的團(tuán)隊(duì)中發(fā)現(xiàn)這個(gè)問題一直存在。此時(shí)產(chǎn)品流程里面的其他角色對(duì)于規(guī)范本身有無的訴求已經(jīng)不是首要了。也因?yàn)檫@個(gè)矛盾使業(yè)務(wù)的內(nèi)容呈現(xiàn)受到限制，而團(tuán)隊(duì)內(nèi)的設(shè)計(jì)師夾在業(yè)務(wù)和規(guī)范之間執(zhí)行起來很累，長(zhǎng)此以往開始質(zhì)疑規(guī)范本身。

我理解的規(guī)范概念

這次在開始設(shè)計(jì)手淘2015整體優(yōu)化時(shí)，試圖把過往的設(shè)想和辦法在項(xiàng)目中嘗試一遍，找到設(shè)定合理規(guī)范的解決方式。我想為了解決這個(gè)矛盾首先要厘清主要幾個(gè)核心：

1. 設(shè)定規(guī)范為了解決什么問題？

規(guī)范的目的都是一致的，細(xì)分之下會(huì)略有側(cè)重。設(shè)定之前首先要判斷規(guī)范是屬于系統(tǒng)性質(zhì)和還是產(chǎn)品性質(zhì)。這關(guān)系到使用的時(shí)間和能力的成本。

IOS和Android就是系統(tǒng)性質(zhì)的規(guī)范，包括微信錢包界面、支付寶錢包的首頁的入口以及里面的內(nèi)容都屬于這個(gè)范疇，所以他們的入口形式異曲同工。作為系統(tǒng)是開放的，為了確保系統(tǒng)本身和在此生存的產(chǎn)品保持面對(duì)單一用戶時(shí)的完整，他一定期望系統(tǒng)中的產(chǎn)品都符合他的設(shè)計(jì)體系，而單純的規(guī)范沒法控制將來系統(tǒng)中應(yīng)用的品牌和形態(tài)，所以試圖用設(shè)計(jì)語言的方式來引導(dǎo)，將界面的組成內(nèi)容拆分成不帶情感嵌入的控組件方式。盡可能地促成未來系統(tǒng)中的產(chǎn)品能有延續(xù)的使用習(xí)慣和一致的用戶體驗(yàn)。單一產(chǎn)品的設(shè)計(jì)師從使用者的角度愿意去依照系統(tǒng)規(guī)范的目的也是為了融入系統(tǒng)的環(huán)境，從而使產(chǎn)品在體驗(yàn)上更順手更友好。

而諸如手機(jī)淘寶就屬于產(chǎn)品性質(zhì)的規(guī)范。單一產(chǎn)品基本上都有一個(gè)完整的設(shè)計(jì)團(tuán)隊(duì)和關(guān)聯(lián)的設(shè)計(jì)團(tuán)隊(duì)在負(fù)責(zé)。產(chǎn)品特性以及品牌和內(nèi)容都是已知且可控。這是確保產(chǎn)品性質(zhì)的規(guī)范能否有序執(zhí)行的根本。只要滿足在合理范疇內(nèi)匹配業(yè)務(wù)訴求的多樣性。規(guī)范就不需要對(duì)界面呈現(xiàn)進(jìn)行引導(dǎo)和建議。那么產(chǎn)品性質(zhì)的規(guī)范除了滿足產(chǎn)品的業(yè)務(wù)需求，增強(qiáng)設(shè)計(jì)的體驗(yàn)一致，更重要的是有了團(tuán)隊(duì)因素從而使整個(gè)團(tuán)隊(duì)在完成單一產(chǎn)品時(shí)減少問題的重復(fù)發(fā)生，提升團(tuán)隊(duì)的工作效率。

2. 它主要滿足哪些角色的訴求？

設(shè)計(jì)團(tuán)隊(duì)對(duì)單一產(chǎn)品里的內(nèi)容是否可控決定該選擇使用系統(tǒng)性質(zhì)的規(guī)范還是產(chǎn)品性質(zhì)的規(guī)范。系統(tǒng)性質(zhì)的規(guī)范有現(xiàn)成的參照。今天側(cè)重描述產(chǎn)品性質(zhì)的規(guī)范。其實(shí)我們工作中受限產(chǎn)品類型，大量接觸的也都是產(chǎn)品性質(zhì)的規(guī)范。

常規(guī)概念里，規(guī)范在產(chǎn)品版本不斷迭代的階段中完善，在這個(gè)階段中需要同時(shí)滿足以下角色的訴求：產(chǎn)品經(jīng)理、技術(shù)人員和設(shè)計(jì)師。大而全的內(nèi)容針對(duì)的人群很多，看似事半功倍其實(shí)非常不可取，勢(shì)必造成規(guī)范文本的可讀性差，技術(shù)和設(shè)計(jì)等不同角色對(duì)于內(nèi)容定義的標(biāo)準(zhǔn)不一致也會(huì)造成參照數(shù)值交叉錯(cuò)誤。對(duì)于產(chǎn)品經(jīng)理來說，規(guī)范是匹配不同產(chǎn)品經(jīng)理之間對(duì)于同一模塊的理解，說明業(yè)務(wù)的背景和原理，而不是嚴(yán)格意義上的執(zhí)行。而對(duì)技術(shù)人員可以用統(tǒng)一的控組件庫來調(diào)用，那么日常工作也就基本擺脫對(duì)規(guī)范的訴求。

所以實(shí)際上產(chǎn)品性質(zhì)的規(guī)范主要還是不同項(xiàng)目和不同階段的設(shè)計(jì)師來使用和執(zhí)行。

3. 如何來呈現(xiàn)規(guī)范的最終樣式？

沒有意識(shí)區(qū)分系統(tǒng)性質(zhì)的規(guī)范和產(chǎn)品性質(zhì)的規(guī)范，導(dǎo)致我們?cè)谡懋a(chǎn)品性質(zhì)的規(guī)范時(shí)參照的范例卻是系統(tǒng)性質(zhì)的規(guī)范，確實(shí)我們所能找到的范例也只有他們。所以將規(guī)范內(nèi)容拆分成控組件，導(dǎo)致設(shè)計(jì)師在面對(duì)各自的業(yè)務(wù)時(shí)依舊需要花費(fèi)精力去思考如何組合這些內(nèi)容。很依賴業(yè)務(wù)對(duì)接設(shè)計(jì)師的能力。而我認(rèn)為不同階段和能力的設(shè)計(jì)師對(duì)于規(guī)范的使用只有熟悉與否，而不應(yīng)有能力的要求。

團(tuán)隊(duì)內(nèi)部使用的產(chǎn)品性質(zhì)規(guī)范首要考慮的是使用效率，其次才是內(nèi)容的沉淀和傳播，而我們以往更在乎內(nèi)容沉淀，看重?cái)?shù)量、傳播和影響力。恰恰忽略了最本質(zhì)的作用而放棄了對(duì)這部分隱形能力的體現(xiàn)。

完成一套針對(duì)產(chǎn)品性質(zhì)的規(guī)范

無線端設(shè)計(jì)因?yàn)樵O(shè)備的原因橫向尺寸相對(duì)固定，uikit的形式比較容易去布置這些內(nèi)容。將原先控組件的內(nèi)容組合成產(chǎn)品中的內(nèi)容模塊，最后細(xì)分最常用的業(yè)務(wù)場(chǎng)景。形成一份針對(duì)自身產(chǎn)品的完整源文件。團(tuán)隊(duì)內(nèi)部設(shè)計(jì)師以及需要使用的關(guān)聯(lián)團(tuán)隊(duì)，對(duì)于日常業(yè)務(wù)能快速的拖動(dòng)源文件里的模塊搭建業(yè)務(wù)界面，在此基礎(chǔ)上去填充業(yè)務(wù)需要的界面。如對(duì)應(yīng)的文字、圖片、icon等不同用的元素。而規(guī)范的制定者只需隨時(shí)更新源文件形成并同步到每一位設(shè)計(jì)師。

目前實(shí)踐效果來看uikit的形式能快速的覆蓋到產(chǎn)品的每個(gè)業(yè)務(wù)。設(shè)計(jì)師逐漸熟悉這種方式后節(jié)省不少時(shí)間，釋放的時(shí)間能投入到如何更好的理解業(yè)務(wù)概念從而選擇或者增加最為合適的業(yè)務(wù)模塊。最后提供整體規(guī)范下的細(xì)節(jié)規(guī)范，給到外部愿意使用的關(guān)聯(lián)團(tuán)隊(duì)。如手機(jī)淘寶里的外部接入市場(chǎng)的設(shè)計(jì)?？s小了內(nèi)容范圍規(guī)范可以變的更加的豐富。但同樣使用uikit的源文件形式。

當(dāng)然uikit的形式不是產(chǎn)品性質(zhì)規(guī)范的全部，整體內(nèi)容的沉淀同樣需要。設(shè)計(jì)師應(yīng)對(duì)不同需求會(huì)有不同的界面反饋，這些內(nèi)容決定了設(shè)計(jì)的結(jié)果是動(dòng)態(tài)的。所以需要了解靜態(tài)內(nèi)容模塊的源文件在真實(shí)業(yè)務(wù)場(chǎng)景里的變化規(guī)則。

壽桃（手機(jī)淘寶）設(shè)計(jì)規(guī)范

壽桃設(shè)計(jì)規(guī)范同樣由語言、素材庫、指南構(gòu)成。

設(shè)計(jì)語言概括了自然、有序、無痕三個(gè)關(guān)鍵詞，手淘2015整體優(yōu)化設(shè)計(jì)在先前的文章已經(jīng)有了詳細(xì)的描述。這里只對(duì)關(guān)鍵詞做簡(jiǎn)單的釋義。

自然：針對(duì)產(chǎn)品設(shè)計(jì)體驗(yàn)。我把他理解成產(chǎn)品和用戶之間默認(rèn)的普世價(jià)值。堅(jiān)信界面設(shè)計(jì)的一切都是在模擬自然屆的真實(shí)存在。具象的視覺效果無論是擬物還是扁平，不變的是界面都是自然界一切物理規(guī)則下的視覺效果。

有序：針對(duì)業(yè)務(wù)內(nèi)容特性。我把他定義成業(yè)務(wù)與業(yè)務(wù)之間設(shè)定的樣式標(biāo)準(zhǔn)。無線界面相對(duì)pc界面的優(yōu)勢(shì)是橫向尺寸的相對(duì)固定，如單一產(chǎn)品中不同業(yè)務(wù)的內(nèi)容版式都能遵循一致的連續(xù)原則，界面的復(fù)雜程度不會(huì)因?yàn)閮?nèi)容組合而成比例的上升。

無痕：針對(duì)團(tuán)隊(duì)協(xié)作效率。我把他期待成設(shè)計(jì)與技術(shù)之間建立的匹配要求。在業(yè)務(wù)模塊的設(shè)計(jì)中去掉一切無需出現(xiàn)的修飾元素，呈現(xiàn)界面的必要信息，盡可能的做到效果的無情感。逐步將這些內(nèi)容轉(zhuǎn)變成代碼后互相的組合就能無縫對(duì)接。

設(shè)計(jì)語言和系統(tǒng)性質(zhì)的規(guī)范最大的區(qū)別就是內(nèi)容和原理更加貼近產(chǎn)品，可以明確的給出執(zhí)行內(nèi)容，而不需要用語言概念來引導(dǎo)和建議。

素材庫由界面中的內(nèi)容模塊構(gòu)成，如商品單圖、商品雙圖、商品信息流等。手淘重新設(shè)計(jì)時(shí)各個(gè)模塊都重新進(jìn)行分類和歸納，按照使用的緯度來劃分。并且隨著模塊多樣性的補(bǔ)充將單一素材庫拓展出基礎(chǔ)產(chǎn)品素材庫、接入素材庫和模塊素材庫?；A(chǔ)產(chǎn)品素材庫針對(duì)手淘里常用的視覺元素。接入素材庫針對(duì)手淘中其他團(tuán)隊(duì)接入的業(yè)務(wù)，此類業(yè)務(wù)在手淘中是獨(dú)立功能，因此以基礎(chǔ)產(chǎn)品素材庫為基礎(chǔ)擴(kuò)展更多符合此模塊的精細(xì)化內(nèi)容。產(chǎn)品模塊素材庫針比較完整且通用不同業(yè)務(wù)的內(nèi)容模塊，比如商品評(píng)價(jià)、信息評(píng)價(jià)、信息詳情。

這是產(chǎn)品性質(zhì)的規(guī)范需要補(bǔ)充的組成部分。設(shè)計(jì)師的日常需求就是在素材庫的基礎(chǔ)上直接使用，選擇符合需求的內(nèi)容，補(bǔ)充符合此業(yè)務(wù)的真實(shí)信息。甚至交互設(shè)計(jì)師可以在此基礎(chǔ)上直接輸出視覺設(shè)計(jì)。

指南是對(duì)元素如何組合呈現(xiàn)的原理描述進(jìn)行沉淀。讓設(shè)計(jì)師在有需要時(shí)了解規(guī)范設(shè)定的原理。比如顏色、文字、熱區(qū)、圖文版式，及控組件如何使用。

這個(gè)步驟的內(nèi)容在版本的迭代中和問題發(fā)現(xiàn)中不斷的完善。他和系統(tǒng)性質(zhì)的規(guī)范沒有本質(zhì)區(qū)別，只是相對(duì)于系統(tǒng)性質(zhì)的規(guī)范不需要考慮各種可能性，內(nèi)容會(huì)更加聚焦自身產(chǎn)品。所展示的案例也可以完全使用產(chǎn)品里的真實(shí)場(chǎng)景，便于更好的理解產(chǎn)生的原因。

結(jié)尾：

規(guī)范是給愿意使用的人使用。否則遇到問題就真的成了不解的問題。

規(guī)范不是萬能的，他是通過解決問題來提升設(shè)計(jì)的體驗(yàn)和審美，而不是單純提升體驗(yàn)和審美。

規(guī)范不是一成不變，需要制定者和使用者根據(jù)產(chǎn)品的迭代情況與時(shí)俱進(jìn)。

設(shè)定者在推進(jìn)時(shí)不能被規(guī)范綁架，設(shè)定和需求內(nèi)容沖突時(shí)，對(duì)于用戶的自然體驗(yàn)是違背的。

來源：優(yōu)設(shè)網(wǎng)

原文地址：http://www.uisdc.com/taobao-director-design-guideline