紙和筆可以很好地保持設(shè)計師最初的靈感，有利于設(shè)計師反復(fù)修改和完善自己的作品，而不用在不必要的細(xì)節(jié)上浪費時間。 沒有完美的設(shè)計這樣的東西，因此從數(shù)字設(shè)計工具中解放出來在很大程度上意味著您不必被不必要的細(xì)節(jié)所困擾。

另外，我選擇筆還有一個誘因，那就是：不要使用只能擦除的工具。 不要卡在某個地方就停下來，不斷探索，不斷前行，逐步接近美好的期待。 這條建議甚至改變了我過去的工作軌跡。 我的電腦在我懷孕的時候就開始保留了很多粗腰線。 雖然很混亂，但它讓我顯得更有效率和創(chuàng)造力。 從腰圍中尋找靈感。

另一個實現(xiàn) UX 哲學(xué)的概念是用戶訪問，這是我非常偏愛的。 流程圖制作功能非常強大，一目了然。 雖然每月收費港幣10元，但絕對物超所值，而且一向以操作簡單快捷著稱。

為了獲得靈感，我經(jīng)常去的兩個網(wǎng)站是和 Muzli。 非常適合快速找到一些新鮮有創(chuàng)意的點子，尤其是在追求簡單視覺沖擊的時候，但在尋找系統(tǒng)化的產(chǎn)品邏輯線路上可能稍遜一籌。 這個網(wǎng)站的方便之處在于，你可以在上面發(fā)布一些你喜歡的設(shè)計師和作品，與他們交流，隨時隨地關(guān)注動態(tài)。 其實這也是一個監(jiān)管非常完善的社區(qū)，很少有“三俗”創(chuàng)意污染環(huán)境。

Muzli的網(wǎng)站我最喜歡的是每周一次的精品總結(jié)和UX互動交流會。 該站點定期更新一些非常令人興奮的文章和好主意sketch軟件是做什么的，因此總有新的東西可以發(fā)現(xiàn)。

協(xié)作共享和版本控制階段

如果你在團隊中做項目，想在工作中分享個人的想法，拍照片通過郵件分享是一種方式，但還有一種方式似乎更方便，那就是——（Mac、PC通用） . 是一個很酷的應(yīng)用程序，有很多功能。

首先，非常善于分享工作思路和進展。 您可以邀請合作伙伴共享視頻、下載私人文件并添加評論以就設(shè)計進行交流。

其次，在您設(shè)計時，該軟件會生成樣式手冊，以便設(shè)計師可以遵循十六進制補碼值中的顏色和樣式。

最后，一個完全在代碼中傳播設(shè)計示例的應(yīng)用程序。 這一點將在下面提到。

好吧，這對版權(quán)所有者來說很有價值，但如果多個設(shè)計師一起合作呢？ 這是每個人都需要版本控制的時候。 版本控制在日常生活中是一個不常見的術(shù)語。 指的是一種軟件工程方法，保證不同人編輯的同一個文件在開發(fā)過程中得到更新，但這個問題很難解決。

所以Trunk（Mac端）可以很好的解決這個問題。

對于設(shè)計師來說，Trunk 是一個真正的社交編程和代碼托管軟件。 你可以在Trunk中設(shè)置需要關(guān)注的文件，Trunk會實時觀察它們的變化。 當(dāng)發(fā)生修改時，Trunk 將記錄更改。 同時，小編也可以更新評論進行說明，讓用戶知道為什么要這樣做。

Trunk的這個屬性對于設(shè)計師合作團隊來說無疑是一個福音，因為不用再擔(dān)心不知道為什么會發(fā)生未知的變化。 設(shè)計者甚至可以通過回滾的方式將文檔返回到更改前，對矛盾的部分進行重新處理，這是它最大的魅力所在。

注意：Trunk只兼容PS圖片處理軟件文件。 對于 Figma 用戶，F(xiàn)igma 實際上內(nèi)置了一些繁重的版本控制。

框架圖和早期設(shè)計階段

在你的想法與團隊分享后，你們都想看到內(nèi)容的概述，你應(yīng)該使用哪些？

在這里我將分享一些基本的畫框軟件。 這里的目的是大致概括一些應(yīng)用的用途，以供讀者快速參考。

在這里又遇到了我們的老同學(xué)。 除了強大的流程圖制作功能外，它還具有奇思妙想的框架圖設(shè)計功能。 事實上，您可能不需要專門的線框圖應(yīng)用程序。 傳統(tǒng)的筆和紙在這方面做得很好，像 Figma 或 Figma 這樣的設(shè)計工具也是如此。 那么為什么要使用它 - 總之，它真的很快而且非常有趣。

有一個低保真組件的外部庫：從按鈕、復(fù)選框、文本輸入、滑塊、標(biāo)簽條等所有組件。所有組件都在智能指南上運行，有點像樂高拼圖。 抓取幾個基本組件，將它們放在一起，很快就會有一個大致的整體布局。 這是建立設(shè)計師的設(shè)計草圖和早期想法的一種非常快速、逼真的方式。

同時，它還支持社區(qū)分享活動，設(shè)計師可以將自己的作品發(fā)送給合作伙伴并獲得反饋。

看到前兩個圖標(biāo)，是不是一下子就熟悉了呢？ 是的，它們就是著名的 Jun 和 Figma Jun。它們無處不在，恐怕您已經(jīng)非常了解它們的用途，但這里有一個方便的提示：制作（或下載）線框圖工具包。 其實網(wǎng)上的圖已經(jīng)很精美了，只是沒有自己做的那么有趣。 這兩款軟件我們以后再說，但是評判好壞的標(biāo)準(zhǔn)有一個不變的，那就是：簡單、快速。

原型制作階段

原型是展示您的工作將如何運作以及在初始應(yīng)用程序中會出現(xiàn)哪些問題的好方法。 市面上的原型制作APP很多，這里我推薦幾款我個人比較喜歡的。

我個人認(rèn)為這是一個偉大的發(fā)明。 之所以有這樣的感覺，是因為一個特殊的原因：支持原創(chuàng)者將自己的設(shè)計邏輯編入原型中，也就是說即使表面上看起來不像原創(chuàng)設(shè)計，但也會完整完整在運行中。 遵循設(shè)計者的初衷。

接下來要說的是（Mac端），我推薦自己是“無所不知”，但最強大的是交互動畫設(shè)計功能。 中，滾動交互、復(fù)雜轉(zhuǎn)場、微交互的操作非常方便。 該軟件還支持嵌入視頻或 GIF，以便設(shè)計人員可以在原型中使用現(xiàn)有的動畫資源。

綜上所述，如果你想制作真正的高保真交互設(shè)計和動畫，這是最好的模擬器。

讓我在最后提一下。 我不是很喜歡它，因為我個人覺得更多的精力放在商業(yè)推廣上，而不是產(chǎn)品設(shè)計支持。 盡管如此，它對于生成快速可共享的 HTML 原型和即時進行更改仍然非常強大。

有校長，但我個人更喜歡他們。 事實上，如果您不想使用并且傾向于使用，請考慮 Figma 或 . 首先，它們都支持可以與用戶共享和評論的基本可點擊原型。 其次，他們都不擅長滾動交互和中級動畫定制等事情，但他們足以制作一個簡單的原型。

高保真設(shè)計階段

這部分比較寬泛，我會盡量簡明扼要地介紹一下，因為上面已經(jīng)提到了一些產(chǎn)品。

Figma（Mac端，PC端）是我的必選之一，不為別的，只因為它可以在PC端使用。 其實，不僅僅是平臺效應(yīng)，還有很多其他的優(yōu)勢。

個人比較喜歡Figma的鉛筆工具，操作起來很方便，尤其是想在像素尺度上畫圖的時候。 Figma 的組件疊加處理也非常得心應(yīng)手。 在對話框面板中，F(xiàn)igma 呈現(xiàn)的不是一個單一的文本框，而是一個支持快速更改的視口，并且可以將修改視為重繪。 這個功能比較簡單，操作上也比較多變。

最重要的是，F(xiàn)igma 是一個很棒的協(xié)作工具，有時甚至不僅僅是一個“工具”。 在 Figma 中進行協(xié)作就像打開文件并直接修改一樣簡單。 由于它的操作是基于云的，文檔中的每個人都可以看到正在進行的更改，而且它是完全無縫的。

最后但同樣重要的是，F(xiàn)igma 的原型制作和共享工具非常適合編程，因為原型是基于 HTML 的，所以設(shè)計師可以與任何人分享想法。 即使它仍然是免費的！

重頭戲（Mac端）終于登場了。 至于為什么它在屏幕設(shè)計上如此受歡迎，一點也不奇怪。 該產(chǎn)品推出時，市場上根本沒有同類產(chǎn)品。 因為有大量的插件和資源支持，是無可爭議的UX軟件之王。

最近開發(fā)過程確實越來越順暢，在其最近更新的版本中推出的原型制作功能也已經(jīng)收入囊中。 據(jù)悉，多年來只有Mac版本，這讓PC用戶非常困惑。

報告和文件階段

如果你的想法背后有一些好的想法和一些好的藝術(shù)品來支持它，那么無論你是外包，還是在專業(yè)工作室工作，甚至是在大型企業(yè)設(shè)計部門工作，下一步都是一樣的，并且那就是推銷自己。

然而，許多設(shè)計師似乎并沒有認(rèn)真對待這一點。 似乎大部分人都認(rèn)為總會有人介紹自己，或者自己的作品已經(jīng)足夠有說服力了。 但實際上，只有設(shè)計師本人才能宣傳好作品的想法。

為了產(chǎn)生適當(dāng)?shù)某醋骰蛟鰪娡茝V的效果，我通常選擇Apple的工具（Mac端）。 小公司里面有人跟我說：業(yè)務(wù)人員喜歡幻KT板。

不同于和 magic kt ，它可以通過一些特別簡單和強大的動畫工具來進行magic kt board投影。 設(shè)計師可以利用這一優(yōu)勢真實地講述設(shè)計背后的故事。

與版本控制一樣，文檔已成為設(shè)計工作中越來越普遍的需求。 它記錄了設(shè)計的所有必要細(xì)節(jié)，無論是用于商業(yè)營銷還是供業(yè)內(nèi)人士參考。

此時，我們團隊正在使用公司的。 它本質(zhì)上是一個具有內(nèi)部中層權(quán)限特征的wiki。 設(shè)計師可以隨時查看界面畫面和用戶流程，業(yè)務(wù)團隊可以添加驗收標(biāo)準(zhǔn)，開發(fā)人員可以將頁面作為資源進一步了解設(shè)計師的設(shè)計邏輯和意圖。

但是我個人不是很喜歡這個軟件。 由于笨拙的用戶界面和難以使用的導(dǎo)航，體驗有點差。 但無論如何，它確實在我們的工作過程中發(fā)揮著重要作用。

其實說到文檔sketch軟件是做什么的，就不得不提我個人比較喜歡的Coda.io。 Coda的使命是用一站式服務(wù)取代所有文檔應(yīng)用，可以支持富文本文檔、公式、表格、圖表等操作。 但我個人覺得，一旦退出公測階段，將會是一次巨大的打擊。

對此，我個人想說的是，文檔是團隊合作中非常重要的一環(huán)。 這意味著即使您不在討論室中，您的意見和信念仍然存在，從而減少與其他玩家交接任務(wù)時的摩擦。 事實上，一切都取決于人的努力。 雖然有成千上萬種方法可以做到這一點，但最重要的是開始做。

開發(fā)人員切換階段

當(dāng)項目經(jīng)歷了最艱難的孵化期，已經(jīng)有了小輪廓，接的伙伴可能會問：產(chǎn)品什么時候完成接收？

要解決這個問題，我們還是要把眼睛帶回頭上。 在項目期間，您的團隊可能會使用它來執(zhí)行一些操作。 這是快速維護團隊風(fēng)格的好地方，也是存儲和檢索關(guān)鍵資源的地方。

如果您開始挖掘更多的中級開發(fā)屬性，它就會真正閃耀，例如導(dǎo)入設(shè)計資產(chǎn)的代碼片段，或以多個幀速率導(dǎo)入資產(chǎn)，這確實可以推動開發(fā)過程向前發(fā)展。 這意味著開發(fā)人員不必追著你去構(gòu)建資產(chǎn)，一切都可以立即轉(zhuǎn)移。

所以不得不再提一下。 運行時要簡單得多，您可以簡單地突出顯示或標(biāo)記任何對象、組，并且可以直接為它們分配屬性。 這是確定大小、文本樣式和顏色的好方法。

也可以導(dǎo)入資源，導(dǎo)入設(shè)置需要手動指定（限制相同）。 據(jù)悉，還支持部分代碼導(dǎo)入功能，但如果想在這方面做具體對比，可能需要詢問開發(fā)者。

在這個問題上，值得關(guān)注，因為它不僅支持，還支持Figma、Adobe XD和PS圖像處理軟件。 它還旨在從設(shè)計中生成代碼。 個人經(jīng)驗有限，如果開發(fā)人員轉(zhuǎn)換是您工作中的重中之重，則可能值得一試。

結(jié)語

恭喜，我們已經(jīng)完成了從最初概念到最終交付的整個設(shè)計過程。 希望您已經(jīng)發(fā)現(xiàn)了一些可以以某種方式提高工作效率的應(yīng)用程序。

盡管如此，這篇文章最大的缺陷是它沒有討論研究階段。 由于我在一個專業(yè)的設(shè)計團隊工作，有專門的研究人員，所以不包括這一步。 但它是任何優(yōu)秀用戶體驗誕生的非常非常重要的部分，尤其是在設(shè)計和開發(fā)的早期階段。

另一件需要注意的事情是，此處列出的許多工具都是免費供私人使用的，但如果您與多個項目或團隊合作，則可能會非常昂貴。 如果您有一些很棒的免費或負(fù)擔(dān)得起的替代品，請隨時分享。

原文鏈接：

如有侵權(quán)請聯(lián)系刪除！