30 天設計——品牌案例研究

與客戶合作時需要注意幾個重要方面——滿足期望和截止日期是其中兩個。 在每個設計師職業生涯的某個階段，都會出現一個對他們的項目有緊迫感的客戶。 這些項目教授了按時完成任務的藝術以及它可以變得多麼瘋狂。

每個設計師在其職業生涯中通常會遇到兩種類型的項目：“我需要一個與我的項目相對應的以用戶為中心的設計，沒有嚴格的截止日期； 我只想要最好的解決方案”……這是每個設計師的夢想。 但讓我們面對現實吧； 實際上，事情總是更具挑戰性。

“我想要一個開箱即用、創新和創造性的解決方案——好的用戶體驗、非常好的用戶界面……我昨天就需要它。”

那麼當您意識到有 30 天的時間來創建徽標並設計主要品牌元素、網站、移動 UI 和社交媒體廣告/圖形時會發生什麼？

在經歷了一次小小的恐慌之後，你意識到聰明地工作是唯一的出路。

事先制定計劃和思考問題將有助於提高生產力、精度和設計質量。 與任何成功的努力一樣，努力工作和長時間工作是實現這一目標的一些強制性條件。

不管怎樣，總是有這些令人難以忍受的問題：

• 這樣的時間限制值得嗎？
• 時間限制會導致設計質量差嗎？
• 如果我有更多的時間，我會做得更好嗎？

絕對沒錯！

與任何項目一樣，總是存在優點、缺點和限制，作為設計師，我們必須找到一種方法，甚至利用我們的優勢來提出創造性的解決方案。

對成功完成項目需要完成的任務有一個清晰的認識是關鍵，同時也要以外交方式讓客戶知道較短的時間表可能會對整體設計質量產生負面影響。 然而，緊迫的最後期限的壓力並不能成為你不把最好的工作投入到你的手藝的藉口——用它來推動自己盡可能地完成最好的工作。 哈佛商學院對在時間壓力下完成的創造性工作進行的一項研究得出了這樣的結論：

這項研究表明，管理者應採取措施保護員工進行創造性認知處理的時間，尤其是那些工作需要高度創造力的員工。 […] 在完全沒有任何時間壓力的情況下，無論是自我強加的還是外部強加的，很有可能不會經常產生創造性的想法。

這些發現表明，很大程度的壓力可能不利於創造性工作，但同時，該研究還表明，合理的創造性工作壓力可能有助於產生更好的設計。

當您以自由職業者的身份從事多個活動項目時，完成所有事情總是一個挑戰，但這是一個很好的機會，可以勤奮地安排您的日程，讓您的有限時間為您工作！ 讓遠程工作為您工作很簡單，但並不容易。 將此與可靠的計劃相結合，您就擁有了成功的秘訣。

第 1-2 天：首要任務——計劃！

第一步是將項目分解成更小的部分，併計算完成項目的每個階段需要多少時間。 設定目標會增加動力和成就。 實現目標的科學建議將您的大目標分解為清晰、明確的行動步驟——這樣做會給您實現目標的努力帶來巨大優勢。

關於品牌設計，一個好的做法是創建多個版本的設計，以便客戶有不同的選擇可供選擇。 我個人的偏好是創建三個迭代的標誌設計和主要品牌元素，如排版、調色板、圖像和圖標集。 首先這樣做可以讓您將概念和視覺創意帶到下一步。

創建工作流程並遵循它們。

創建工作流程將簡化每個項目的工作流程和責任。 以下是我對典型設計項目的常用方法，無論是品牌設計還是用戶界面設計：

研究

了解有關您客戶業務的所有信息：

• 他們的業務核心是什麼，他們的主要活動是什麼？
• 誰是他們的目標受眾，他們的需求是什麼？
• 他們的目標是什麼，需要使用設計解決什麼問題？
• 誰是競爭對手，你如何才能變得更好？

問卷或設計簡介是收集上述信息的最方便和有效的方法之一。

創建情緒板

您可以使用情緒板做的一件事是創建概念——這是任何項目的重要組成部分。 獲得更大的圖景——把你所有的研究放在一張大畫布上，這樣你就可以看到所有應該融入設計的元素。 有幾種免費工具可以幫助您輕鬆創建情緒板。

如果您不喜歡在線工具，那麼使用 Adob​​e Illustrator 可以很好地創建、添加和自由移動元素。 把它想像成一幅拼貼畫——不要太在意細節的定位； 您可以根據自己的喜好自由安排一切。 主要目標是了解顏色、照片、圖標、排版等如何在視覺上和講故事中相互配合。

第 3 天：創建設計概念

創建概念是完成情緒板後的下一步，也是您未來所有工作的基礎。 產生一個概念作為實驗模型，以測試設計特徵的可行性。

情緒板將有助於設置與您的目標受眾和業務目標相對應的早期視覺方向。 該概念將成為您的 UX 方向的基礎，因此是頂級設計師使用的 10 個 UX 可交付成果的一部分。

了解這一步的重要性很重要，因為一個可靠的概念有助於復述一個引人入勝的故事，即使在項目的第一階段也是如此。 主要關注點應該考慮用戶在處理視覺效果時遇到的感受和體驗，而不是視覺效果本身。

業內最具影響力的營銷顧問和勵志演講者之一西蒙·西內克 (Simon Sinek) 就這一主題進行了精彩的 TED 演講。

情緒板可以幫助您創建一些簡短的標語，或者將圖標和照片樣式設置為概念。 由於無論採用何種媒介，都可以快速閱讀排版是一件好事，因此考慮網絡和打印友好的排版也很重要。 這是偉大設計的關鍵要素，也是通用設計實踐所遵循的原則之一。

第 4 天：設計品牌視覺效果

如果您從一開始就被錯誤的方法發現，品牌建設過程可能會變得乏味且耗時。 最好在您獲得批准的概念並完成視覺指導文件後，開始創建徽標迭代。 這將使您有信心朝著正確的方向前進，並讓您以一種聰明且省時的方式應對品牌挑戰。

為您的設計理念製作小筆和紙草圖至關重要。 如果您先繪製草圖，然後繼續使用 Illustrator、Sketch 等工具來處理您的徽標，則需要的時間會更少。 這一步幫助我設計了三個不同的標誌方案，它們都在為品牌選擇的視覺方向上。 這花了幾天時間完成：

標誌設計可能會有一些額外的變化和調整，但是一旦客戶決定標誌並批准其他元素，如顏色、排版、圖標和攝影風格，你就完成了基本的品牌元素。

第 7-15 天：網站設計

品牌發展不僅僅包括標識——它幾乎涵蓋了設計的所有方面，包括網站。 首先開始使用網站可能很有用，因為您可以通過應用視覺規則並查看它們如何協同工作來添加視覺概念。 當您創建的網站最終具有與移動應用程序相似的目標和元素時，尤其如此。

網站地圖

站點地圖是爬蟲或用戶可訪問的網站頁面列表。 它可以是用作網頁設計規劃工具的文檔，也可以是以分層方式展示網站頁面的頁面。

如果客戶已經擁有站點地圖，這將有很大幫助，因為它可以讓您清楚地查看屬於網站的所有頁面。 如果您被授予需要站點地圖的項目，您將必須與客戶合作將其放在一起。

這可能意味著問您的客戶幾個問題：

• 網站的頁數是多少？
• 哪些頁面是最重要的？
• 有子頁面嗎？

這將清楚地描繪網站的結構，並讓您對項目的範圍有一個很好的了解。

先複製

我發現事先要求客戶給我他/她想在網站上包含的所有副本和內容很有用。 最佳實踐是圍繞副本進行設計，而不是先創建 UI，然後再嘗試使副本適合。

複製優先的方法可以為您和開發人員節省大量時間。 如果你反過來，你可能會遇到問題。 雖然有時很有用，但使用虛擬文本會對實際項目產生負面影響，尤其是當設計嚴重依賴排版並圍繞內容進行設計時。 以文案為中心的設計沒有缺點，只會有助於推出具有卓越品質的創意作品。

主頁設計

按照前面的所有步驟，您已經有了一般的視覺指南、站點地圖和副本。 現在您可以繼續為網站設計頁面。

主頁是用戶訪問網站時首先看到的內容，因此它是最重要的頁面。 應用帕累托原則表明，主頁佔據了 80% 的設計方向（上下文、排版、顏色、可重複元素等），其餘頁面佔 20%。

通過分組和選擇主頁的部分來開始您的過程是個好主意。 完整的內容和副本通常可以幫助我組織整個頁面並查看缺少哪些方面以及可以添加的部分以最大化影響並推動用戶購買/使用產品或服務。

要強調服務或產品，請嘗試使用突出的號召性用語部分。 它們是一種很好的廣告方式，可以吸引用戶購買產品、訂閱時事通訊、註冊等的注意力。

如果技術、目標受眾和客戶的業務類型允許，添加 GIF 或動畫等動畫設計可以為整個網站提供子上下文，並強調號召性用語部分。 然而，設計師應該注意不要走得太遠，創造出需要大量時間來開發的東西。

第 15-25 天：應用通用設計

正如其開發人員所描述的，通用設計“可用於評估現有設計，指導設計過程，並教育設計師和消費者了解更多可用產品和環境的特徵。”

通用設計的概念是處理大型項目時使用的最佳解決方案之一——品牌、網站和移動應用程序的統一概念和集中的視覺方向在時間限制下進行設計時非常有用。

重複元素的必要性本身就是一個挑戰。 當您遇到技術要求時會發生這種情況。 響應式網站和移動平台具有完全不同的理念和規則集，因此，如果處理不當，可能會成為問題。 然而，創建可跨多個平台使用的元素是任何項目成功的支柱之一——在這種特殊情況下，如果沒有明確設定品牌方向的統一設計，就不可能涵蓋如此多的平台/設備發展。

緊迫的期限和針對多個平台進行設計的不利之處在於，您可能沒有充分利用所設計的每個平台的全部潛力。 在這種情況下，由於時間限制，用戶群熟悉的簡單“防彈”解決方案可能是一個有價值的想法。

例如：在多個頁面上重新應用一個想法並為每台設備改造它。 這些模式本質上是相似的，這對您有利。 它可能是您顯示基本信息或邀請用戶購買產品的方式。 在這種情況下，即使搜索欄不相同，也可能相似。

流程圖

網站設計已經完成，您對應用程序的用戶體驗有了更清晰的認識。

使用戶體驗創建過程更容易和更清晰的方法之一是創建用戶流程圖。

您可以使用多種方法和工具來創建流程圖——通常的做法是製作帶有短標題的圖表，如果需要，還可以添加說明文本。 使用 Sketch 或 Illustrator 是我的偏好，但任何允許您創建和移動元素的工具都適合此任務。

Will Little對此給出了很好的解釋：

這是工程師和創意人員必須密切合作的地方，以決定哪種軟件工具可以最好地支持預期的界面和點擊/滑動行為，直至每個最後一個選項卡、工具提示、燈箱、圖標等…… .

讓它變低，讓它變高

發現應用程序的主要目的將有助於定義用戶體驗。 這可能是幫助用戶購買產品，或者可能幫助他們使用產品——用戶體驗需要適應這種情況。 在紙上創建的低保真線框，然後在 Sketch 或 Photoshop 中提高保真度，可以大大簡化該過程。

在這種情況下，低保真線框就足夠了，因為應用程序很簡單，只需要遵循網站的視覺細節。

如果可以的話，為你的用戶體驗組織一個小測試。 您將需要一個由未來用戶組成的測試組，以查看線框圖和 UX 流程是否有意義。 測試後，您將獲得寶貴的見解，您可以繼續下一步（創建用戶界面）。

統一設計

在對 UX 進行一些調整後，您就擁有了創建邏輯和定義明確的 UI 所需的一切，使您能夠根據 iOS 和 Android 平台的視覺要求進行調整。 由於 iOS 有一些非常具體的設計指南可能會阻止您進入 Apple App Store，因此您必須了解這些規則並仔細檢查您的設計在開發階段是如何實施的。

在設計 UI 時遵循指南和規則，您可以為 iOS 和 Android 平台創建統一的設計，同時仍然發揮它們的最大優勢。

第 25-30 天：製作與品牌同步的廣告

至此，您應該已經設計了標識、品牌元素、網站和移動應用程序。 儘管您在 25 天內完成了所有設計，但現在慶祝還為時過早，因為還有一步需要考慮——為社交網絡和印刷品製作廣告。 這就是您一開始創建的概念將有很大幫助的地方。

在設計廣告和社交媒體材料時遵循這些提示將大大提高視覺效果的質量、參與度和整體創意：

• 使用醒目的鮮豔明亮的顏色。
• 顯示快樂和活躍的人有助於您的圖形的動態和感受。
• 人們的運動、活動和興奮總是引人注目，有助於整體傳遞的感覺。

所有這些規則都將幫助您為廣告創建出色的圖形。 如果合適，請使用您在整個網站、品牌和應用程序中使用的調色板、版式和其他視覺效果。 這將幫助您在設計中保持一致，並在時間限制下工作時對您有利。

永遠不要承諾你不能滿足的最後期限

有時，任何人都可能低估一個項目所能付出的努力和工作量——這就是為什麼在項目開始時計劃每一步都至關重要的原因。 分成小部分的目標和現實目標對於按時交付紮實的工作至關重要。

本傑明富蘭克林說得最好： “如果沒有做好準備，你就是在準備失敗。”

在任何時候，都不要不做好準備，也不要不預見到你低估了完成工作所需時間的可能性。 儘管客戶可能有最後期限，但您應該首先具備幫助您確定項目是否可行甚至值得考慮的技能。 但是，不要讓這成為你不接受個人挑戰的藉口，這最終可以幫助你成為更有技巧的設計師和時間管理者。

• • •

進一步閱讀 Toptal 設計博客：

• UI 設計最佳實踐和常見錯誤
• 空狀態——用戶體驗中最容易被忽視的方面
• 簡單是關鍵——探索最小的網頁設計
• 移動界面的啟發式原則
• 可讀性設計——網頁排版指南