如何成為優秀的設計師(二)「轉載」「譯文」

注意:整篇文章與工具無關。也就是說,如果您使用Sketch,Figma,Adobe XD或Microsoft Paint並不重要,這些技巧都會對您有所幫助。

如果

如果您是初次閱讀,我建議您從本指南的第1部分開始,該部分為設計最佳實踐建立了適當的基礎,並將確保您的旅程從正確的方向開始。

本系列的第2部分通過教你如何使你的工具為你工作,而不是與你作對,來幫助你挖掘你的生產力潛力。

5.擴展設計工具的功能

像Sketch,Figma和Photoshop這樣的工具是功能的絕對強者,但每個工具都有其侷限性,所以不要停止功能結束的地方。

世界上有數百萬有天賦的用戶,他們中的很多人已經建立了一些實用程序,稱為附加組件、插件或擴展,用於執行除工具基本功能之外的各種新的和古怪的東西。

把你的設計工具想象成一個攝像機。這是好萊塢製作團隊喜歡用的一個奇特的方法:

如何成為優秀的設計師(二)「轉載」「譯文」

一個RED相機機身。照片:雅各布歐文斯在 Unsplash上

相機機身提供其核心功能:錄製和存儲鏡頭。但大多數相機都配有插槽,插頭,螺紋和夾子,用於添加各種工具:鏡頭,顯示器,麥克風 等:

如何成為優秀的設計師(二)「轉載」「譯文」

帶有各種插件的RED相機。照片:雅各布歐文斯在 Unsplash上

這些額外的工具使我能夠比基本工具本身更快更好地完成工作如:畫面更清晰、音頻更清晰、電池使用壽命更長等。

擴展設計工具的功能將節省你的時間,並允許你單獨使用基本工具執行極其困難的操作。

例如,Sketch已經從開發人員社區積累了大量插件生態系統。這些插件允許設計人員使用外部數據,翻譯服務和可訪問性測試等資源來補充其工作流程。Sketch本身並不提供這些類型的功能,但插件使它們成為可能。

不要忘記使用輔助工具優化你的工作流程。這些輔助工具可以很好地執行特定的任務,比如重命名層、生成圖表或模擬色盲。

有各種菜單欄應用程序,瀏覽器擴展和實用程序可以改善你的工作流程。以下是我最喜歡的一些:

  • Sketch:Runner Pro,Connection Arrows,Anima Toolkit,Chart Full,Artboard Manager,Symbol Organizer,Rename It,Stark,KopieChrome:WhatFont,Dimensions,Window Resizer,Design Grid OverlayMac Apps: Nucleo Icons, The Noun Project, SkyFonts, BetterTouchTool

注意:我不能解決插件和插件的潛在危險。插件有點像在汽車上使用售後零件。你可能使用起來會沒事,但它們不是由原來的汽車製造商製造的,所以你冒著他們會造成各種破壞的風險。

我強烈建議你熟悉自己喜歡的插件和附加組件的開發團隊。。如果一個工具是由一個人維護的,我要提醒您不要將它作為工作流的中心,特別是如果這個工具是免費的。你永遠不知道他們什麼時候會停止維護它,這對你的工作非常不利。

  • 為什麼它讓我變得更好:擴展理我的能力,幫助我工作比以前快4倍。我的設計工具感覺就像是我大腦的延伸而不是進步的障礙。使用擴展插件完全改變了我對產品功能的看法,我一直向客戶推薦擴展和附加組件作為產品和業務機會。

6.構建自己的可重用工具

我在我的代理機構工作了一年,為各種不同行業的客戶提供服務,為多種設計問題提供解決方案。

在我們進行了適當的研究和發現之後,每個項目都從頭開始:設置我的文件,創建樣式,並組裝通常的元素和組件集合,如按鈕、字段、複選框、下拉菜單、日期選擇器等。

如何成為優秀的設計師(二)「轉載」「譯文」

我個人設計模板的截圖。在這裡查看更多。

起初,我享受著探索和創造的自由。因為這是一個重新開始、從零開始的機會

但是一遍又一遍地重新設計相同的東西開始讓我煩躁。我開始著迷於尋找更好的方式來開始新項目。我在Bootstrap中找到了很大的靈感,Bootstrap是第一個幫助開發人員更快地構建網站和應用程序的主流前端UI框架。

受Bootstrap流線型開箱即用體驗的啟發,我決定構建自己的樣板模板來設計應用程序。我檢查了過去的項目,以確定每個設計中的常見元素,然後構建一個文件模板,其中已經構建了這些部分。

這是我的Sketch 模板文件:

如何成為優秀的設計師(二)「轉載」「譯文」

我個人設計模板的截圖。在這裡查看更多。

如何成為優秀的設計師(二)「轉載」「譯文」

如何成為優秀的設計師(二)「轉載」「譯文」

如何成為優秀的設計師(二)「轉載」「譯文」

由於所有這些元素和組件都已經設計好,因此可以節省時間來探索和實驗視覺風格,微交互,佈局以及最終的設計解決方案本身。

在 晚餐時間,廚師不應該花時間切胡蘿蔔和洋蔥,所以這一切都是提前完成的。這也沒什麼不同。

當你反覆重複一個過程,然後找出一種方法來“模板化”它,無論是你自己,使用其他資源,還是使用擴展。

  • 為什麼它讓我變得更好:通過構建模板,我強迫自己完善並優化可重複元素的構造,以便在實際使用場景中,它們具有靈活性,可擴展性和可維護性。作為設計師構建可重複使用的工具,我已經成長為本指南中的任何其他技術。延伸閱讀:Jon和Christian的UX Power Tools, Audrey Hacq的關於設計系統的所有知識,Galya Iliev和Todor Iliev的Sketch App Sources

7.停止重塑常見的設計模式

當你是一名新手設計師時,有一個問題很難擺脫。想要做出“引起轟動”並脫穎而出的設計,這點很誘人。但是你的設計中的每一個元素都覺得創新和再創造的時機已經成熟了。

重新創造是有時間和地點的,但你職業生涯的開始並不是那個時候。可以說,只要你不斷地解決問題,你就可以在不挑戰極限的情況下獲得成功和富有成效的職業生涯。

如何成為優秀的設計師(二)「轉載」「譯文」

舉個例子:儘管我喜歡從根本上改變提前輸入搜索的微交互,但它根本不值得我花時間。也許有一種更好的方法來設計提前輸入搜索 - 可能更快,更具預測性或更準確 - 但除非它是產品的核心功能(咳咳,谷歌),否則我會專注於更大,更重要的設計挑戰。

約定和已建立的模式之所以存在,是因為它們被習慣性地重用,並且非常成功。僅僅為了與眾不同而改變或挑戰做事的方式並不是重新創造的理由。你為自己創造了額外的工作,浪費了本可以花在更大的設計挑戰上的時間,或者用其他方式擴展產品/業務。

此外,使用公共設計模式可以與涉眾建立信任和可靠性。他們會注意到你始終如一地提供深思熟慮和有效的解決方案,並對未來的項目更有信心。

  • 為什麼它讓我更好:我的精神疲勞減少了。我沒有嘗試為頁面上的每個小交互發明25個獨特的解決方案,而是專注於整體用戶體驗的大局。進一步閱讀:由Kari Meric 設計的Netflix設計模式和流程,偉大的UI設計靈感網站以及為什麼你會發現它們有用的原因

8.尋找輔助設計資源

如果我用秒錶來計算我花費精力組裝設計的時間,我可以非常自信地說,其中大部分時間都花在了反覆思考虛假的用戶名、搜索佔位符和編寫虛假數據上。

說實話,我很喜歡編造這些假故事。我去年買了一臺打字機,它讓我感覺像海明威,所以讓我們把它歸咎於我的時髦傾向。但是你不應該這樣浪費時間。

每個設計的關鍵都是內容或數據本身,因此從一開始就對副本進行深思熟慮和有意的處理是很重要的。如果沒有數據,您的設計就無法也不會講述故事。“Lorem ipsum”毫無意義,但是您的設計不應該如此。如果數據是無意義的,涉眾將很難獲得價值並遵循工作流,因此值得您花時間通過放入其中的數據或內容來傳達設計的功能。

所以,這一切聽起來都是一個好主意,但是像這樣的數據表由於數據量和差異而設計起來特別耗時:

如何成為優秀的設計師(二)「轉載」「譯文」

我不會手工輸入每一行,我將使用輔助設計資源來幫助生成真實的虛擬數據。上面圖片中的每個IP地址、名稱和類別都是使用外部數據源自動生成的,這為我節省了大量的時間。

Sketch有一個內置的數據填充器,允許您從純文本文件中獲取虛擬數據。你可以在網上找到隨機的數據列表(我最喜歡的是Populate),或者從頭開始創建自己的列表:

如何成為優秀的設計師(二)「轉載」「譯文」

填充數據列表的集合。

如何成為優秀的設計師(二)「轉載」「譯文」

我為自己創建的自定義列表。

有了實際數據在手,我現在可以使用我的設計工具(或第三方插件/插件)來填充我的設計。

下載或創建自己的文本文件數據源後,請確保將其作為sketch首選項中的源添加。現在,當您選擇包含文本的圖層或符號時,您可以通過單擊數據圖標將其填充新的虛擬數據。這將使用數據文件中的隨機條目替換任何現有文本。非常方便!

為什麼它讓我變得更好:因為數據不是重複的,完全沒有意義的,或者無關緊要的,所以設計感覺更接近現實。這也使得與關鍵涉眾的評審更具生產力,因為很簡單,設計更容易遵循。此外,必須使用實際數據進行測試,以便為溢出和截斷等問題做好適當的設計準備。

總結

諸如插件、插件和外部資源之類的工具增強將幫助您更聰明地工作,而不是更努力地工作。有效地使用,你會完成更快、更好的完成成功。

雖然更多的設計並不一定是目標,但是在設計執行方面的效率提高將使您在設計過程的其他地方花費更多的精力(甚至承擔更多的風險)。這可能意味著更多的時間用於研究,更多的時間用於改進工作流,或者更多的時間用於創新。

你的設計工具應該只是達到目的的一種手段,它只是你腦海中想法可視化的工具。

原文鏈接:

https://modus.medium.com/the-ultimate-guide-to-becoming-a-great-designer-part-2-of-3-9d79f8f30703

作者:Jon Moore


分享到:


相關文章: