色婷婷综合激情综合免费观看_欧美视频在线观看XXXX_奇米7777成人四色_日韩亚洲中文字幕第一页

Ed專注于新興VR/AR領(lǐng)域的用戶體驗(yàn)設(shè)計(jì)。他曾為谷歌、索尼和電子藝界設(shè)計(jì)過(guò)獲獎(jiǎng)項(xiàng)目。adobexd的組件系統(tǒng)為設(shè)計(jì)師提供了強(qiáng)大的功能，使他們能夠制作數(shù)字產(chǎn)品的原型。然而，它并非沒(méi)有怪癖，需要特別照顧。利用智能快捷方式和遵循最佳實(shí)踐將使設(shè)計(jì)師能夠簡(jiǎn)化其XD原型工作流程。

自2017年底正式公開(kāi)推出以來(lái)，Adobe XD已朝著成為UX設(shè)計(jì)師極具競(jìng)爭(zhēng)力的線框和原型工具的方向取得了長(zhǎng)足的進(jìn)步。特別是，它的新組件系統(tǒng)擴(kuò)展了設(shè)計(jì)師可以嘗試的交互類型。不過(guò)，組件也并非沒(méi)有怪癖和缺點(diǎn)。在使用XD組件時(shí)，采用一組工作流實(shí)踐有助于避免繁雜的工作并充分利用系統(tǒng)的潛力。

XD組件是可重用的元素分組，例如文本、形狀或線條。一個(gè)組件有一個(gè)“主組件”作為父組件，還有一個(gè)“實(shí)例”或子組件放置在藝術(shù)板上。更改主組件時(shí)，更改會(huì)傳播到其所有實(shí)例。組件取代了XD以前的“符號(hào)”系統(tǒng)，提供了一個(gè)關(guān)鍵的區(qū)別。它們可以有多個(gè)狀態(tài)來(lái)響應(yīng)XD的原型模式中定義的不同輸入。例如，按鈕可以具有默認(rèn)狀態(tài)，但在處于懸?；騿螕魻顟B(tài)時(shí)會(huì)更改其外觀。它可以在點(diǎn)擊時(shí)播放聲音，甚至可以根據(jù)語(yǔ)音識(shí)別的輸入改變聲音的外觀。

組件系統(tǒng)省時(shí)，但需要特別小心。一個(gè)深思熟慮的方法和精心準(zhǔn)備的工作流程是必要的，以利用系統(tǒng)的力量。對(duì)adobexd相當(dāng)熟悉的設(shè)計(jì)師將從以下提示和建議中獲益匪淺。首先，從Google的Material Design主頁(yè)下載adobexd設(shè)計(jì)工具包。該工具包將提供一個(gè)adobexd組件集來(lái)進(jìn)行實(shí)驗(yàn)和解構(gòu)。

當(dāng)?shù)谝淮蝿?chuàng)建具有狀態(tài)的組件時(shí)，設(shè)計(jì)者應(yīng)該了解組件的潛在更改如何影響其他實(shí)例。為了舉例說(shuō)明，讓我們考慮一個(gè)包含幾個(gè)狀態(tài)的下拉菜單：編輯下拉列表的子實(shí)例的默認(rèn)狀態(tài)時(shí)，這些更改不會(huì)傳播到懸?；騿螕魻顟B(tài)。必須更改主組件中的默認(rèn)狀態(tài)才能更新所有實(shí)例的懸?；騿螕魻顟B(tài)。

雖然跳入并開(kāi)始迭代主要組件是很有誘惑力的，但有時(shí)由于父組件和子組件的行為方式不同而發(fā)生意外的問(wèn)題。一個(gè)好的實(shí)踐是，在添加其他狀態(tài)或?qū)嵗M件之前，考慮并預(yù)測(cè)主組件的默認(rèn)狀態(tài)所需的一切，甚至可以并排列出不同的狀態(tài)。

設(shè)計(jì)人員還應(yīng)該記住，他們可以在主組件或子實(shí)例的非默認(rèn)狀態(tài)下添加和更改元素，而不會(huì)影響默認(rèn)狀態(tài)，但反之則不然。對(duì)Adobe的一個(gè)建議是：給組件狀態(tài)一個(gè)鎖特性，這樣設(shè)計(jì)人員就可以保持非默認(rèn)狀態(tài)不變，并防止對(duì)主組件默認(rèn)狀態(tài)的更改傳播。

創(chuàng)建一個(gè)組件（右鍵單擊一個(gè)元素，然后在菜單中選擇“生成組件”，或者在Mac上按Cmd-K，在PC上按Ctrl-K）將組件添加到左側(cè)欄的“資源”面板中。XD將給組件一個(gè)默認(rèn)名稱“component XX”（其中“XX”是一個(gè)數(shù)字）。它不是很有描述性，所以最好給它一個(gè)唯一的、可搜索的名稱。

為什么這么做？當(dāng)組件列表填滿時(shí)，如果所有組件都以相同的默認(rèn)名稱和一個(gè)無(wú)意義的數(shù)字開(kāi)頭，那么它將變得非常笨拙。雖然“平鋪視圖”選項(xiàng)有幫助，但它沒(méi)有文本標(biāo)簽，這使得視覺(jué)識(shí)別變得緩慢且具有挑戰(zhàn)性。帶有小縮略圖的“列表視圖”也很難識(shí)別具有不可識(shí)別名稱的組件之間的差異。組件可能會(huì)丟失。通過(guò)命名使其可搜索將節(jié)省時(shí)間

創(chuàng)建組件時(shí)，很容易意外地將主組件放置在藝術(shù)板上。雖然XD提供了查找主組件的工具（通過(guò)搜索Assets面板或右鍵單擊并從子實(shí)例中選擇editmaincomponent），但是在相信主組件是一個(gè)實(shí)例的情況下，很容易對(duì)其進(jìn)行意外更改。這樣做可能會(huì)在多個(gè)藝術(shù)板上導(dǎo)致許多不希望的變化。即使artboard上只有少數(shù)幾個(gè)組件實(shí)例，一旦artboard被克隆，事情也會(huì)很快失控。對(duì)主組件的不經(jīng)意更改會(huì)增加本可以避免的清理時(shí)間。

最好養(yǎng)成一個(gè)習(xí)慣，即在創(chuàng)作時(shí)立即將主要組件從設(shè)計(jì)藝術(shù)板上移開(kāi)。一個(gè)理想的方法是將主要組件放在XD文件的粘貼板上，或者放在清晰標(biāo)記的專用藝術(shù)板上。這樣做會(huì)使事情以后更有效率。對(duì)Adobe的一個(gè)建議是：在對(duì)主組件進(jìn)行更改時(shí)考慮一個(gè)提示，這樣就可以警告設(shè)計(jì)者這些更改可能會(huì)傳播到子實(shí)例。如何使用XD：小心地命名層是至關(guān)重要的，因?yàn)槭褂米詣?dòng)動(dòng)畫(huà)轉(zhuǎn)換在很大程度上依賴于它。小心地命名層是至關(guān)重要的，因?yàn)槭褂米詣?dòng)設(shè)置動(dòng)畫(huà)的過(guò)渡在很大程度上依賴于它。

很容易在artboard上嘗試想法，進(jìn)入分組/取消分組組件和更改組件狀態(tài)屬性的流程?？赡軙?huì)有一個(gè)強(qiáng)烈的誘惑，盡量減少左側(cè)邊欄，以獲得更多的工作空間。然而，組件狀態(tài)和轉(zhuǎn)換很有可能在一系列迭代中表現(xiàn)得不符合預(yù)期。這可能是因?yàn)樽釉兀ㄈ缧螤?、向量或文本）的組織和分組偏離了正確工作所需的位置。

圖層視圖為元素的層次結(jié)構(gòu)和命名提供了100%的透明度，其嚴(yán)密的組織是至關(guān)重要的。使用XD強(qiáng)大的自動(dòng)動(dòng)畫(huà)在狀態(tài)之間轉(zhuǎn)換要求元素在組件的層層次結(jié)構(gòu)中具有相同的名稱和位置。否則，過(guò)渡將默認(rèn)為淡入淡出，而不是吸引人的自動(dòng)動(dòng)畫(huà)。有時(shí)，在自動(dòng)設(shè)置過(guò)渡動(dòng)畫(huà)時(shí)，可能需要從插值中抑制特性。為了實(shí)現(xiàn)這一點(diǎn)，設(shè)計(jì)者可以重命名處于不同組件狀態(tài)或artboard的元素，以斷開(kāi)基于名稱的鏈接。在這兩種情況下，當(dāng)出現(xiàn)意外問(wèn)題時(shí)，可以使用層視圖進(jìn)行故障排除。在調(diào)試原型問(wèn)題時(shí)，無(wú)論是組件狀態(tài)之間的轉(zhuǎn)換還是藝術(shù)板之間的轉(zhuǎn)換，這都應(yīng)該是第一步。