Category: 介面設計

  • 如何為您的新創事業打造強大的品牌識別

    如何為您的新創事業打造強大的品牌識別

    在競爭激烈的市場中,建立一個強有力的品牌形象對新創企業來說至關重要。品牌形象是建立信任、認可和與顧客情感連結的基礎。對於新創公司來說,從一開始就打造吸引人的品牌形象,能為長期成功鋪路。這篇文章將教你如何創建一個與目標受眾產生共鳴的品牌形象,並讓你在市場中脫穎而出。 什麼是品牌形象?為什麼它如此重要? 品牌形象不僅僅是設計一個標誌或選擇一套顏色,它是顧客對你的企業整體印象——包括視覺設計、語言風格及顧客體驗。強大的品牌形象能幫助新創企業達成以下目標: 舉例來說,如果你是推出專注於永續發展的科技新創品牌,則應該打造一個能夠展現創新與環保意識的品牌形象,這樣才能吸引相同理念的顧客。 五個步驟幫你創建成功的品牌形象 1. 定義你的核心價值首先,問自己幾個關鍵問題: 這些答案將是你品牌的核心。 2. 設計一個讓人難忘的標誌標誌是你品牌的臉孔,應該簡單、相關且具有永續性。像是 Airbnb 或 Monzo 的標誌,不僅外觀吸引人,更能深刻反映出品牌的精髓。 3. 選擇品牌的顏色與字體 4. 建立品牌指南品牌指南確保在所有行銷接觸點上保持一致性。這些指南應包括標誌、顏色、字體,以及如何使用這些元素的具體指導。 5. 保持跨平台的一致性 案例研究:如何透過設計塑造信任與創新形象 一家專注於熱水器安裝與維護的英國公司,致力於在競爭激烈的家庭暖氣市場中,打造現代化且以客戶為中心的品牌形象,強調創新、簡約與信賴感。 品牌識別設計包含以下幾個重點: 透過以上元素的一致應用,公司將品牌形象延伸至官網、線上預訂系統、宣傳素材及物流車輛,成功營造出專業又平易近人的整體視覺效果。BOXT 的一站式服務設計,包括直觀的線上預訂系統和透明的價格策略,不僅在市場中脫穎而出,也進一步鞏固其顧客信心。 這樣的品牌形象成功協助 BOXT: 憑藉清晰的品牌定位,BOXT 成功成為智慧家庭暖氣市場中的信賴首選,完美結合創新與以客戶為核心的經營理念。 結論:讓你的品牌脫穎而出 建立強大的品牌形象是一項值得投入的長期策略。對於新創企業來說,這不僅僅是外觀上的專業,而是讓顧客能夠與你的品牌建立情感聯繫的關鍵。對於在英國創業的台灣創業家而言,品牌形象的成功能夠幫助你在市場中立足並快速成長。如果你希望為自己的品牌打造一個能夠吸引目標顧客並與他們建立深厚聯繫的品牌形象,隨時聯繫我,讓我們一起打造一個非凡的品牌。

  • 年後轉職不求人:精選作品案例及免費模板大放送!

    年後轉職不求人:精選作品案例及免費模板大放送!

    你是否曾經想過在新的一年裡轉換職業,開啟全新的職涯篇章?作為一名產品設計師,這可能是你的一大挑戰,但也是一個充滿機會的時刻。在本文中,我們將分享一些令人印象深刻的產品設計師作品集範例,並提供豐富的 Figma 模板資源,讓你可以輕鬆地展示自己的才華,以及踏上轉職之路。 作品集賞析 1. Google 產品設計師的作品集 首先,讓我們來看一個由 Google 公司的產品設計師所創建的作品集。這個作品集展示了該設計師在Uber、Amazon工作期間的專業成就,包括他參與的產品設計過程、設計理念以及最終成品的呈現。這個作品集不僅展示了設計師的技能和創造力,還突顯了他對用戶體驗和產品設計的熱情。而豐富圖片和文字,讓人能夠深入理解該設計師的能力。不過內容略顯冗長,為 6-8 年前應徵設計師的作品集標準格式。 2. 極簡的作品集策略 再來,讓我們來看設計總監 Olha 所創建的作品集。這個作品集部分主要展示三大元素:產品背景簡述、設計策略、以及最終商業成果數據。而在左方則是影片輪播,可以看到設計成果的展現,也提供了App的連結。沒有太多設計流程在這個作品集內,我認爲這個線上設計作品的策略是成功的,人資一天要看的作品集不計其數,可能只有 10 秒滑完你的作品。把最重要的成果展現出來為重點,設計流程其實每個設計師都大同小異,無須多說。先拿到面試門票再說,而最後較為細節的設計流程,可以留在設計面試的時候,再娓娓道來。這樣的作品集策略,是近幾年越來越流行的模式。 3. 輕巧的產品設計案例 另一個令人驚嘆的範例來自擁有近 20 年 UI/UX 設計經驗的 Buzz。這個作品集,包含了豐富的圖像、幾個簡單的文字說明、設計前後的差異,甚至來自客戶的評論,都讓該作品的公信力與說服力大幅提升。作品裡面一些 UI 小細節,搭配文字說明,恰到好處,也不會讓人感到冗長無法閱讀。如果你是 UI 設計師,這個作品會是你的最佳參考資料。 4. 其他作品集觀看網站 Bestfolios:https://www.bestfolios.com/ 線上作品集、履歷、案例分析大補帖,可以看到知名公司的設計師都如何做作品集。 Prettyfolio: https://www.prettyfolio.com 收錄網路上最傑出前 1% 設計師的線上作品集。 Case Study Club:https://www.casestudy.club/case-studies 豐富的案例分析,可參考不同設計師的設計流程和成果。 免費模板大放送! 除了這些精彩的作品集範例外,我們還準備了網路上搜尋到的優質免費模板資源庫,讓你可以輕鬆地製作自己的作品集。這些 Figma 模板包括多種風格和設計,涵蓋了不同類型的產品設計師,無論你是剛入行還是資深設計師,都能找到適合自己的模板。只需下載模板,填寫你的作品和個人資訊,你就可以快速製作出專業水準的作品集,讓你在轉職過程中脫穎而出。 1. 作品集研究案例模板 Carex是一個 UX 案例研究的模板,幫助 UX 設計師搞定他們的案例研究,不用辛苦地整理。它包含了幾乎所有UX研究的步驟和方法,讓設計師更輕鬆地搞定他們的專案展示。…

  • 產品設計攻略不藏私:39組 ChatGPT 提示詞精選!

    產品設計攻略不藏私:39組 ChatGPT 提示詞精選!

    ChatGPT 在 2023 年引起了全球超過十億名網友的轟動。從中小企業主和專業行銷人員到設計師,任何人都可以使用 ChatGPT 將工作效率提高十倍。 然而,要真正有效率地利用任何對話型 AI 工具,就必須完美掌握製作提示詞(prompts)的技巧。目前只有少數使用者,真正理解提示詞工程及如何撰寫提示詞的方法。 如果你是初學者,或者已經使用 ChatGPT 一段時間了,但沒有發現其回答有用,你可以參考我的先前文章,概述了完美提示的六個關鍵原則。 在本文中,我將提供可用於「產品開發」的每個階段的提示詞。這些提示詞模板,可以讓你根據你的具體需求,自行定義括號內的文字。 一、機會探索 探索產品機會 競品研究 生成用戶原型人物 為招募受訪者調查問題 使用者訪談或問卷調查問題 二. 定義問題 建立顧客旅程地圖或服務藍圖 建立 HMW 問題 三、構思和設計 生成設計點子 擴展功能 設計使用者流程 創建 UI 介面線框圖 升級假字 生成顏色方案 研究流行的設計趨勢 四、測試 使用者測試 五、設計交付 組織設計系統的想法 設計系統文件 結論 我們的文章提供了針對產品開發每個階段量身訂做的實用提示詞,從發現機會到設計交付。這些 AI 提示詞簡化了使用研究、競爭對手分析、人物誌建立、調查生成、顧客旅程地圖、問題定義、構思、設計、測試和設計文件交付等任務。通過充分利用 ChatGPT 的能力並有效地實施這些提示詞,設計師和專業人士可以提高生產力並簡化工作流程。 歡迎追蹤

  • 解密設計業界的AI革命:6 大關鍵提示詞策略大揭密!

    解密設計業界的AI革命:6 大關鍵提示詞策略大揭密!

    在這快速發展的科技時代,人工智慧(AI)已成為許多產業中不可或缺的一部分,特別是在產品設計領域。身為產品設計師,我們持續探索新方法改善設計流程並提升使用者體驗。而給予 AI 正確的提示詞(prompt)是實現此目標的關鍵。 為何給予 AI 正確的提示詞至為重要?生成式 AI 模型通常依賴大量的訓練數據進行學習和生成結果。因此,當我們提供準確且具體的提示詞時,便能引導 AI 生成我們所需的結果,節省時間並確保符合預期。不良的提示詞可能導致生成結果不佳,浪費更多時間。 提示詞的六大原則 那麼,我們應如何給予 AI 正確的提示詞,以達到我們期望的生成效果呢?請把握以下六大原則: 在實際設計工作中的應用 讓我們深入探討這些建議如何應用在實際設計工作中。 首先,明確指定角色與任務至關重要,以確保 AI 生成正確結果。作為產品設計師,我們可透過指定具體的設計任務,如提供使用者研究概要、改善產品介面設計或優化使用者流程,引導 AI 生成相應建議。如此可確保 AI 明確了解我們的設計目標,生成符合需求的內容。 提供豐富脈絡有助 AI 更深入理解我們的設計背景與目標。包括介紹產品特色與功能、描述目標用戶族群特徵與需求,以及說明希望透過設計解決的問題或挑戰。透過提供這些脈絡,我們可幫助 AI 更好理解我們的設計目標與要求,生成更為準確與符合期望的建議。 提供具體案例和情境作為範例,有助 AI 更深入理解我們對產出的期望。這些範例可為真實使用者案例或假設情境,例如使用者在使用我們產品時遇到的問題,或對新功能設計的想法。透過提供這些具體範例,我們可幫助 AI 更深入理解我們的設計目標,並生成相應的建議。 建立規則與限制有助我們掌控生成結果的品質與一致性。例如,設定字數範圍以確保生成的建議既具有足夠詳細訊息,又不過於冗長。此外,可設定語調要求以確保生成的建議符合我們的品牌風格與設計準則。透過建立這些規則與限制,我們可確保生成的建議符合我們的設計目標與要求,提升設計工作效率。 最後,若生成結果不盡人意,別灰心!這是寶貴的學習機會。可多次實驗,修改提示詞以獲得不同結果。此外,可考慮添加額外提示詞引導對話方向。持續修正與實驗是改善生成結果的關鍵。透過持續評估與迭代,能逐步提升 AI 生成效果,確保符合設計需求。 結論 總而言之,給予 AI 正確的提示是實現設計目標的重要一環。透過明確的角色與任務指定、提供清楚的脈絡、具體的範例、建立規則與限制,以及持續修正與對話,我們可確保 AI 生成符合我們期望的建議,提升設計工作效率與品質,並帶來更好的使用者體驗。在實踐與嘗試中,我們能更好運用 AI 技術改進產品設計,推動持續發展。在下一篇文章中,我將分享專為產品設計師打造的實用提示詞,並附上實際範例。如果你對這個主題感興趣,請點個讚並分享這篇文章! 歡迎追蹤

  • 未來設計趨勢解析:AI與設計師的共同進化

    未來設計趨勢解析:AI與設計師的共同進化

    I. 引言 生成式人工智慧(Generative AI)深刻改變了我們的生活和工作,同樣地,它在設計領域引發了一場革命。這不僅僅是技術演進,更是重新思考設計過程的創新。通過人工智慧,我們可以提升設計效率。我將寫一系列文章來探討人工智慧在設計過程中扮演的角色以及對設計師未來的影響。在深入探討人工智慧如何影響設計之前,讓我們釐清人工智慧的基本概念,並理解機器學習和深度學習等術語。 II. 人工智慧的基本概念 人工智慧(Artificial Intelligence,簡稱AI)是一個廣泛的領域,包括機器學習和深度學習。機器學習使系統能夠從數據中學習,而深度學習利用多層神經網絡進行自主學習,開啟了新的設計可能性。 人工智慧(AI):AI指的是機器模擬人類智能。它包括各種技術和方法,旨在使機器能夠模擬人類的感知、學習、理解、解決問題以及在需要人類智能的任務中進行自主操作。 機器學習(ML):ML是AI的一個分支,其中機器通過學習從數據中提取模式,消除了對明確編程的需求。ML廣泛應用於各個領域,如圖像識別、語音識別和推薦系統,其中模型被訓練以預測未知數據的結果。 深度學習(DL):DL是機器學習的一個子集,它使用多層神經網絡模擬人腦神經元的結構,實現更複雜的模式識別和任務解決。DL在圖像和語音識別、自然語言處理等方面取得了顯著成功。 生成式人工智慧(Generative AI):生成式人工智慧利用深度學習通過學習現有內容的結構和特徵生成新內容。它可應用於文本生成、圖像和影片創建以及風格轉換等各個領域。 III. 人工智慧引領人機互動的轉變 過去,視覺設計涉及通過命令與計算機互動。有了人工智慧,我們不再需要用滑鼠和鍵盤在繪圖軟體上辛苦繪製。相反,我們可以告訴人工智慧我們想要的結果,要求它實現。這種從基於命令的互動設計轉向基於意圖的結果規定使設計過程更加有效率和直覺。 即使給予人工智慧指示,也不能保證立即獲得結果。掌握準確的提示將成為所有工作者的重要技能。現在,出現了一個新的職稱:AI提示工程師或AI密語者。該角色專注於製作有效的提示,以確保實現期望的結果。此外,許多人工智慧工具的可用性還有改進的空間,這為製作更加用戶友好的人工智慧工具提供了重要的設計機會。 人工智慧在設計領域的應用可以分為兩個方面。一方面,它涉及指導人工智慧實現期望的設計結果。另一方面,人工智慧可以充當協作夥伴,與設計師合作解決問題。這種雙重角色展示了人工智慧的靈活性和多樣性。 IV. 在設計過程中利用人工智慧 人工智慧不僅是一種設計工具,還是研究、構想和用戶界面設計中的強大助手。它可以幫助識別用戶模式,激發靈感,生成新的刺激,並改進設計過程。人工智慧擅長分析和組織大量數據,有助於減少重複任務。以下是我們如何在產品設計和開發的各個階段利用人工智慧: 研究階段:在早期研究階段,諮詢ChatGPT以獲取意見以編制研究概要。使用ChatGPT提供訪談大綱,甚至是訪談腳本。像Otter.ai這樣的人工智慧工具可以將影片或音檔記錄轉換為文字文件,以便更容易進行分析。在後期階段,人工智慧可以總結研究,生成問題陳述,分類文件,識別重複問題,並發現用戶行為模式。FigJam和Miro都具有類似的功能,它們甚至可以協助我們進行設計綜合,將研究數據轉化為見解或可操作的設計原則。 構想階段:在開始研究之前,使用人工智慧創建原型人物誌(Proto-Persona),以了解潛在使用者的挑戰和目標。我們還可以使用人工智慧基於研究數據輸入來構建人物。在研究後,我們可以請ChatGPT精煉HWM問題,協助頭腦風暴和生成想法。人工智慧還可以幫助分類和組織人類生成的頭腦風暴想法。 設計階段:使用工具如Visily輕鬆創建線框或允許人工智慧協助從粗略草稿中創建詳細的UI介面。Uizard可以掃描手繪草稿,將其轉換為UI畫面,或掃描現有的模型和截圖,將其轉換為可編輯的文件。還有許多將文本轉換為圖像生成UI的Figma的人工智慧插件。人工智慧還可以協助生成圖像(例如Midjourney、Dall-E、Adobe Firefly)並提供文案建議,增強設計效率。 測試和驗證階段:用於使用者測試的傳統線上研究工具,如UserTesting和Maze,已經在其產品中引入了人工智慧。人工智慧可以幫助重新表達引導問題以使其更中立,或提示追加問題並快速總結定性研究結果。Attention Insight等工具可以預測使用者的注意力。值得注意的是,當前基於文字輸入的生成式人工智慧工具可能無法有效識別非言語形式的虛偽表達,如視覺或聲音輸入。仍然需要人類的辨別能力。未來在處理影片輸入、識別面部表情並進行全面判斷的人工智慧研究工具的進展將提升研究的完整性。 Revolutionising Design: How Generative AI Tools Are Transforming UI & UX V. 人工智慧的限制和挑戰 儘管人工智慧在設計中具有巨大的潛力,我們必須承認它的限制。人工智慧目前難以應對涉及人類心理學、教育、背景和需求等多樣背景的複雜問題。此外,人工智慧缺乏同情心和獨特的創造力,使得人類設計師的角色不可或缺。此外,生成式人工智慧可能產生不準確的結果,創造虛構的新聞或文學,產生圖像中的幻覺 人工智慧也可能存有以下偏見: 系統層面(歷史、社會等):人工智慧系統中的偏見通常源於歷史和社會的不平等。過去社會的偏見和不公正可能反映在數據中,影響模型的訓練。例如,邊緣社會群體可能有不完整或有偏見的數據,對模型性能產生負面影響。解決這個問題需要檢視歷史和社會的不公正,確保資料庫的平衡和公正。 人類層面(個人或群體):開發者的觀點和價值觀可能會導致人工智慧模型的偏見。個人或群體層面的預設概念可能導致模型設計和訓練的不公平對待。開發者需要承認他們的價值觀和潛在的偏見,以確保模型的公平性。考慮多元的觀點有助於減少偏見,在使用基於網路有偏見數據訓練的人工智慧工具時需要謹慎。 統計層面:各種偏見可能影響統計數據處理。偏見可能來自狹隘的數據選擇、數據處理中的主觀解釋或抽樣誤差。在統計數據處理階段,仔細考慮方法的客觀性,避免抽樣誤差,對於獲得更具代表性的結果至關重要。 應對這些挑戰需要檢視歷史和社會不公正,確保資料庫的平衡和公正,承認開發者的價值觀,並考慮多元的觀點。 在使用人工智慧時,避免隱私漏洞至關重要。數據輸入,尤其是敏感資訊,可能被用作人工智慧的訓練數據。因此,有必要避免使用商業機密、個人隱私資料,或在人工智慧工具設定中啟用訓練功能。 VI. 結論 將人工智慧融入設計不僅可以加速決策過程,處理龐大的資訊量,減輕認知負擔,更能使設計師更專注於有意義的工作。人工智慧與設計的融合正在塑造未來的設計世界。雖然人工智慧不會取代設計師,但那些能夠巧妙運用人工智慧的人將引領未來。讓我們擁抱這場設計革命,共同創造一個更具創意和高效的人工智慧設計未來。 歡迎追蹤

  • 設計師必讀!全面理解設計系統的秘密武器 Design token

    設計師必讀!全面理解設計系統的秘密武器 Design token

    Design Tokens 在設計系統中,扮演關鍵的角色,它們可以確保設計元素一致、提高協作效率以及簡化跨平台設計和開發之間的溝通。了解如何使用 Design Tokens,了解它們有不同類型以及命名方式,對於建立強大的設計系統來說至關重要。 一、Design Tokens 是什麼 Design tokens 其實是系統內對於重複性的視覺元素的「代稱」,我們給予不同顏色、字型、間距、圓角、等視覺元素,一個工程師和設計師都可以輕易理解的名稱,取代原先的靜態值(如:hex 色碼、數值),而這樣的名稱,可以在程式碼、設計、團隊溝通、平台保持一致性,同時保有擴充性。 二、為什麼需要 Design tokens 跨團隊、跨平台設計風格一致性:使用 Design Token 在設計開發中帶來了許多優點。首先,它確保了設計系統中使用的樣式值(例如顏色、字型、間距等)在不同平台和專案中保持一致,從而創造出統一的視覺風格,提升品牌識別度。同時,Design Token 可在不同專案和平台中應用,確保了跨領域和跨團隊的一致性,減少了不同部門間風格差異。 提升效率與溝通協作:透過使用有意義的名稱來表示設計元素,Design Token 讓團隊成員更容易理解和應用相關的樣式,從而減少誤解和溝通障礙,並促進更好的協作和溝通。 更新與管理便利:開發人員可以直接使用設計元素,從而減少重複的設計和開發工作,節省寶貴的時間和資源。同時,Design Token 讓所有樣式值都能夠集中管理,只需在一處進行修改即可同步應用到各個專案中,減少手動更改的煩惱。 具擴充性和降低風險:隨著產品的成長,Design Token 可輕鬆擴展和套用新的樣式需求,無需重新建立整個設計系統。同時,它支援不同主題或變體的樣式,從而應用於不同的使用情境,增加了客製化的彈性,並減少減少人為錯誤和不一致性。 容易測試與評估:使用 Design Token 讓測試不同樣式變化變得更為容易,同時也能更有效地測量和評估設計系統的效果,從而優化設計。 三、哪些元素可以設為 Design token 顏色、字體(字型、字級、字體粗細、字距、行高、大小寫、裝飾線、對齊)、間距、尺寸、邊角、陰影、邊框粗細、透明度、轉場效果等為常見的視覺元素,皆可以設為 Design token。 然而,在 Figma 當中,目前在 Styles 和 Variables 中支援顏色,Variables 中支援間距、尺寸、邊角,字體和陰影在 Styles 中支援。然而常見的透明度,以及字體底下各種可以分開設定的樣式,皆不支援。 四、Design tokens 階層 當我們在談論 Design tokens 的時候,依過去的經驗,大家沒意識到有不同階層層級,或是因階層的名稱過多,導致大家常常溝通有落差,雞同鴨講。Design token 常見的階層主要有三種階層,包含「…