當你看到下面這個可愛的小東西的時候，會不會感嘆如此微小的畫也能有如此豐富的細節。
畫出這種微小畫作的正是插畫師?Lorraine Loots ，她在2013年的時候，開始堅持每天一張硬幣大小的畫，2018年的時候，我曾經發過一篇她的作品，當時感嘆這樣的作品她堅持畫了5年。而如今，她依然在堅持，已經是第十個年頭了。
10年下來，她的這種微畫作已經積累了幾千張，而且越來越小，從最初的硬幣大小，縮小到指甲蓋大小。
俗話說“麻雀雖小，五臟俱全”，她的畫也是，盡管是一副非常非常小的畫作，依然細節很清晰。
最近她的畫甚至小到和螞蟻一樣，沒錯，簡直就是畫出了1:1大小的螞蟻（指甲蓋當調色盤，倒是挺方便）
咱別說什么微型繪畫了，咱就說普通的畫畫，10年，每天一副，有沒有人覺得自己能堅持下來的？(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
在當今這個環保意識日益增強的世界里，無紙化辦公已經成為了一種現代化、綠色的趨勢。隨著國內互聯網技術及配套法制的不斷成熟，電子簽章也被廣泛的應用于企業之中。
電子簽章以數字簽名、信息加密為核心，能夠提升公司的工作效率，為企業實現印章管控可追溯、電子化、移動化。
在無紙化辦公的倡導下，越來越多的辦公流程趨向網絡化，而在執行紙質簽章簽署的過程中也面臨著許多問題：
- 簽署流程繁瑣，成本高。
- 印章、合同文件管理查找困難。
- 假章屢禁不止，合同文件易被篡改 。
- 受時空限制，效率低。
福昕走訪了多家企業，根據用戶實際使用簽章的場景繪制了用戶畫像，提煉出用戶使用痛點：
根據上面的用戶畫像，我們可以發現用戶使用簽章的痛點：
- 簽署合同時，需要通過微信或其他工作群與多名合同相關工作人員進行溝通，確認，流程繁瑣且沒有痕跡可追蹤。
- 經理授權公章給用印員，用印員作為非業務部門需要與客戶直接簽署合同，而其他業務相關角色，例如合同經辦人（業務員），印章管理員作為業務相關責任人對合同的知曉和確認無法在公章申請和使用的流程中體現。
- 敏感度比較高的文件，不依靠網絡能夠傳送。
2 設計目標：
在設計之前，首先必須明確設計的目標。 設計目標的制定是一個關鍵的過程，通?；诋a品的定位、目標用戶群體以及產品的未來愿景等因素。在經過多次討論和分析后，確定了三個主要的設計目標： 流程簡單、便于管理、安全可靠。 對于這三個目標的優先級，我們還進行排序： 首先對用戶來說簽署的流程需要簡單、操作便捷，能夠輕松高效地完成簽名的過程。 其次，簽署的過程需要可追溯，能夠方便管理簽署的進度。 最后，對用戶來說簽署要確保簽署文件的完整性和真實性，同時還需要保證簽署者的身份真實性，防止未經授權的簽署行為發生。
2.1 設計策略
對于以上的三個問題，我們需要不同的設計策略。- 關于簽署流程簡單，設計策略是：以用戶體驗為中心，模擬傳統紙質簽名流程。
- 關于簽署管理，設計策略是簡化設計策略，讓簽章的管理更易于使用和理解。
- 關于安全可靠，設計策略是：安全設計策略，在設計過程中充分考慮服務的安全性，預防潛在的安全風險。
3 以用戶體驗為中心，模擬傳統紙質簽名流程
四步走的自簽章 傳統簽名流程，發起者打印PDF文檔，自己簽名之后，將書面文檔送簽，簽名者收到書面文檔，閱讀文檔內容，找到需要簽名的位置，完成簽名，最后將文件傳回發起者。 看似簡單的步驟，實際上需要打印文檔，還有雙向傳遞文檔，需要耗費很多的資源和時間。 在福昕PDF閱讀器中提供自簽章與邀請他人簽章兩種方式，實現用戶的需求。
自簽章操作只需簡單四步，就可完成，省時省力。
3.1、摒棄繁瑣通知，分步提示用戶
相較于自簽署，邀請他人簽署的流程就復雜很多，傳統企業之間的簽署流程：企業A打印合同文檔，自己簽名之后，將書面文檔送簽，企業B收到書面文檔，閱讀文檔內容，找到需要簽名的位置，完成簽名，最后將文件傳回企業A。
這樣雙向的傳遞，不僅需要打印文檔，需要耗費很多的資源和時間，而且還可能面臨文檔遺失等問題。
福昕簽章的在設計中，為了簡化送簽過程，主要分成以下幾個步驟：
盡管這個流程看起來簡單，但實際上需要深入探討大量的交互細節。
例如場景在企業內部進行簽署還是在企業之間進行簽署？發起者如何對簽署人及簽署區域進行設置？簽署人收到文檔如何確定簽署身份？
以最后一個問題為例，簽署人收到文檔如何確定簽署身份？
發起者對簽署人進行設置的時候，需要添加簽署企業的一些信息，當簽署人打開文檔進行簽署時，若他填入的信息與設置時不一致，則可能出現一個重大的用戶痛點：
他需要在聯系銷售網頁填寫他的聯系方式 – 銷售聯系他 – 福昕的商務助理創建AC離線訂閱+對外簽署訂閱 – 用戶提供的AC管理員接受到AC 發送的郵件通知 – AC管理員分配對外簽署權限 – 經辦人做企業實名以及做應用授權后，才能順利的參與簽署，蓋上企業章......
這整個過程，對簽署方的操作過于復雜，在接受到簽署鏈接后不清楚如何繼續操作了，因此就出現無法簽署的情況，轉而又要求發起方還是走紙質流程。
流程復雜導致用戶無措，致使簽署流程中斷，簽署無法繼續進行，用戶的簽署體驗好感度大大降低。
解決流程復雜這個問題，我們需要站在用戶的角度去拆分不同場景下的流程：
- 簽署身份認證
- 申請加入企業組織
- 創建企業組織
- ……
對各個流程進行梳理后，我們得出了一個結論：
為了強化用戶的認知，需要使用獨占式的告知方式，分步提示用戶
當簽章參與人接收到文檔/簽署鏈接后，整個界面只有獨占式的彈窗，用戶只需要按照界面所示的彈窗流程前進，即可完成整個簽章流程，不受其他信息干擾。
當簽署人點擊開始簽署的時候做相應的判斷，引導用戶完善信息以匹配發起者預先設置的簽署信息。
當用戶成功登陸之后，還需要用戶進行實名認證，認證當前操作人就是簽署人。
然后根據發起人設置的是郵箱還是手機號碼來顯示，若發起人指定的是手機號方式驗證，需要將當前的福昕郵箱賬號補充手機號，驗證通過后才可參與簽署，確保簽署人的真實可靠。
這樣多次的確認可以提高簽署系統和服務的安全性。通過多層身份驗證，可以有效減少頂替和未經授權的訪問。這種額外的確認步驟可以增加用戶身份的可信度，降低安全風險。
設計好處：
- 明確流程節點，使流程的進行不是一種可選，是一種必須。
- 不受其他節點干擾。
- 只給用戶一種選擇。
- 出現的時機要在操作中。
- 用戶在操作流程中明確的了解下一步需要進行的操作。
- 大幅提升了企業實名流程的成功率，功能上線后企業實名用戶2個月上漲了56%。
兩種簽署方式最大的不同是：身份認證方式的不同和簽署所用證書不同。
- 對外簽署：適用于企業向外部發布文件、聲明；跟企業外部人員或者其他企業簽訂商務合同等場景，發送具有法律效力的文書需要使用對外簽署。
- 對內簽署：適用于企業內部文件上簽名或企業內的文檔審批等場景。在電子簽章的功能集中，針對對外簽署和對內簽署，分別保存和管理不同的簽章樣式，這里像一個抽屜一樣，存放用戶的簽章樣式，用戶可以在這里快速選擇簽章進行應用，在管理簽章的功能中，還可以對簽章進行刪除添加等操作。
簽署記錄：
場景：
簽署記錄開始只設計了根據文檔區分，方便用戶查詢簽章進程，在追蹤用戶使用時發現，頻繁的更換簽章的情況很少發生，一般情況下，簽章涉及到的用章數目是可追蹤。
設計好處：
- 用戶可以使用兩種不同的方式追蹤文檔，簽章的使用。
- 根據簽章的類型場景區分。
簽署報告：
當對簽署的文檔存在是否真實有效的顧慮時，可以檢查該文檔是否存在法律效力；
簽署報告詳細展示簽名驗證結果，幫助簽名驗證者獲取和驗證文檔簽署時的狀態，方便簽章驗證者判斷簽章者身份的有效性以及文檔的完整性。
在設計時我們對簽署報告進行了美化升級，從視覺上提高簽署報告的正式性。
3.3 安全設計策略
電子簽名需要具有高度的安全保護，以確保身份驗證、文件完整性、確保用戶數據保護和隱私、法律合規性。
福昕獨創了手動發送文檔的方式，最大程度保護用戶的信息安全。
3.3.1 手動發送文檔
設計場景：
對于保密性極強的工作單位，網絡侵擾會對文件造成損害，需要使用一種不依靠網絡的方式發送文檔，最大強度的保障信息安全。
設計要點：
- 文檔不出本地，也無需上傳至任何內部服務器即可完成簽署。
- 在工作流的每個階段，福昕電子簽章服務都會保護文檔，以幫助確保文件完整性。
- 在設計過程中充分考慮服務的安全性，預防潛在的安全風險。
設計時發送環節剔除了網絡的參與，采用復制粘貼的方式以文本發送文件。
手動發送文檔，最大限度的保證了用戶文件的私密性。
福昕電子簽章通過安全設計和保護措施，為用戶提供了安全可靠的簽章環境。用戶可以放心地使用福昕電子簽章來進行簽署，享受便捷高效的電子簽名體驗，同時確保簽章數據的安全和可信度。
福昕簽章項目設計優化升級后，產品在用戶體驗和競爭力方面得到顯著提升，本次不僅優化了產品的功能和操作體驗，也為用戶提供了更加美觀、簡潔的界面和更為智能、人性化的交互方式。
這些改進和優化有助于提升產品在市場上的競爭力和用戶的滿意度，使得產品能夠更好地滿足用戶需求。最新的版本更新統計數據顯示，個人用戶數量增長了70%，企業用戶數量增長了56%。
用戶的肯定推動我們進一步的設計思考，我們還可以做什么?
面對業務不同的簽署場景，我們還將會提供批量簽、頁簽、不指定簽署區域和無序簽、智能簽章AI助手等更豐富的簽署能力靈活應對復雜業務的簽署需求。比如，批量簽功能特別適用于員工入職場景，當合同內容確定性高、簽署任務處理量大時，通過批量簽可以大幅提升企業簽署處理效率。
同時，還可以將簽約擴展到簽約的全流程，比如簽約前的模板管理和在線起草；簽約中的合同智能對比，簽署存證；簽約后的智能歸檔，合同報表等等。通過全流程的梳理，將簽約這個行為進行了最小顆粒度的細化，為企業數智化提供最有價值的“連接器”。
電子化的簽章方式，作為一種全新的簽章體驗，期待著你的參與…
作者：Foxit設計中心
鏈接：https://www.zcool.com.cn/article/ZMTU5NzQ1Ng==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
今天分享 10個排版小技巧，每一張圖，都是一個日常高頻 又有效果的技法，收藏起來反復學!
01.強化對比，提升文字跳躍率，讓信息傳達更迅速有力。
02.色彩點綴，形成焦點，抓住用戶視線
03.矩形排版,更工整，富有層次感。
04.幾何圖形，圖文結合，讓標題更有圖形感
05.運用線條以線條引導用戶的瀏覽動線。
06大小穿插營造極強的節奏感。
07.虛實結合一輕一重，豐富版式層次
08.紋理疊加,以細節突顯出文案氣質。
09.換個方向，換個角度，妙趣橫生。
10.局部模糊，虛實之間，營造出前后空間感
這10個排版小技巧，你學會了嗎？感謝閱讀！
來源：龐門正道(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
B端設計的文章和資料參考，缺少系統性的說明，這是我總結第四篇。本文主要闡述——組件庫建立、B端C化、通用樣式！可交流查缺。
一、引言
隨著互聯網的飛速發展，B端（Business to Business）設計在現代商業世界中扮演著愈發重要的角色。B端設計主要關注的是企業與企業之間的交互體驗，以提升商業效率為核心目標。本文將深入探討B端設計的基礎理念，通用樣式，并舉例闡述B端C化（在常用組件庫基礎上進行多樣化設計）。我將盡量詳盡而精煉地進行闡述。希望可以幫助各位設計師更好的建立個人組件庫，也作為我個人的總結學習。 再次：本文為樣式篇的開端，所以會把組件庫的概念和B端C化集合進本篇描述?？梢岳斫鉃椋航M件庫建立&B端C化——通用樣式
二、B端設計的基礎理念
B端設計的基本理念主要包括以下幾個方面： 以業務為中心：B端設計的核心是為企業提供解決方案，因此設計始終以業務需求和目標為出發點。設計師需要深入了解企業的業務流程和需求，并以此為基礎進行設計。 用戶體驗與業務目標平衡：雖然B端設計以業務為中心，但用戶體驗同樣重要。設計師需要在滿足業務需求的同時，保證產品的易用性和用戶滿意度。良好的用戶體驗有助于提高用戶的工作效率和滿意度，從而促進業務目標的達成。 簡潔高效：B端產品通常面向企業用戶，他們對產品的效率和簡潔性有更高的要求。因此，B端設計應注重簡潔高效的界面設計，避免不必要的復雜度和冗余功能。 可定制性：每個企業的業務需求和流程都可能有所不同，因此B端設計需要具備一定的可定制性。設計師需要提供靈活的設計方案和組件，以滿足不同企業的個性化需求。 數據驅動決策：B端設計需要注重數據的收集和分析，以數據為依據進行設計決策。通過數據分析，設計師可以了解用戶的需求和行為，從而優化產品設計和用戶體驗。 安全性和穩定性：由于B端產品通常涉及到企業的核心數據和業務，因此安全性和穩定性是B端設計的關鍵要素。設計師需要在設計方案中充分考慮安全性和穩定性因素，確保產品能夠在各種場景下穩定運行。三、B端產品的設計過程
初始化階段：這個階段主要是確定產品設計的目標和方向，包括了解市場需求、分析競爭對手、明確產品定位等。在這個階段，設計師需要深入了解B端用戶的需求和痛點，為后續的設計提供依據。 方案設計階段：在這個階段，設計師會根據初始化階段的結果，進行產品方案的設計。這包括產品功能的規劃、界面的設計、交互邏輯的制定等。設計師需要在這個階段中，將用戶需求轉化為具體的產品設計方案。 原型驗證階段：在這個階段，設計師會制作出產品原型，通過用戶測試和反饋，驗證產品設計的合理性和可行性。這個階段的目的是發現問題并進行優化，確保產品設計能夠滿足用戶的真實需求。 迭代優化階段：在經過原型驗證后，設計師會根據用戶反饋和測試結果，對產品設計進行迭代優化。這個階段是一個不斷循環的過程，設計師需要持續改進產品設計，直到滿足用戶的期望和需求。 上線運營階段：在這個階段，產品設計已經基本完成，開始進入上線運營階段。設計師需要在這個階段中，持續跟蹤產品的運營情況，發現問題并及時進行優化，確保產品能夠順利運營并滿足用戶需求。
四、B端C化的必要性
B端產品界面設計多樣化且樣式更加偏向于C端產品的必要性主要體現在以下幾個方面： 提升用戶體驗：B端產品的用戶通常是企業或組織，與C端產品的用戶相比，他們對產品的使用頻率和依賴性可能更高。因此，B端產品的界面設計多樣化且樣式更加偏向于C端產品，可以提升用戶體驗，增加用戶對產品的好感度和黏性，從而提高用戶的工作效率和滿意度。 適應市場需求：隨著企業級市場的競爭加劇，B端產品也需要不斷適應市場需求的變化。界面設計多樣化且樣式更加偏向于C端產品，可以使B端產品更加符合現代審美和流行趨勢，從而吸引更多的用戶和市場份額。促進品牌認知度：B端產品的品牌認知度對于企業級市場的競爭至關重要。通過界面設計多樣化且樣式更加偏向于C端產品，可以使B端產品的品牌形象更加鮮明、個性化，從而增強品牌認知度和競爭力。 增加產品差異性：在B端市場中，產品同質化現象比較嚴重，很多產品的功能和性能都相似。通過界面設計多樣化且樣式更加偏向于C端產品，可以增加產品的差異性，使產品在市場中脫穎而出，從而吸引更多的用戶。 總之，B端產品界面設計多樣化且樣式更加偏向于C端產品，可以提升用戶體驗、適應市場需求、促進品牌認知度和增加產品差異性，對于B端產品的市場競爭力和成功至關重要。
五、B端C化的過程
B端C化的過程主要包括以下幾個步驟： 需求分析：首先，需要對企業的業務需求進行深入分析。這包括了解企業的業務模式、目標用戶、市場趨勢等，以確定B端C化的必要性和可行性。 用戶體驗研究：在B端C化的過程中，用戶體驗是至關重要的。因此，需要進行用戶體驗研究，了解目標用戶的需求、習慣和痛點。這可以通過用戶訪談、問卷調查、用戶觀察等方法來實現。 產品設計：基于需求分析和用戶體驗研究的結果，開始進行產品設計。這包括確定產品的功能、界面、交互等。在設計過程中，需要將C端的設計理念融入到B端產品中，使其更加符合目標用戶的需求和期望。 技術開發：根據產品設計，進行技術開發。這包括前端和后端的開發，以及與其他系統的集成。在開發過程中，需要注重產品的性能、穩定性和安全性。 測試與優化：完成開發后，進行產品的測試。這包括功能測試、性能測試、安全測試等。根據測試結果，對產品進行優化和改進，確保其滿足需求和用戶體驗。 上線與推廣：經過測試和優化后，產品可以上線。在上線后，需要進行推廣，吸引目標用戶。這可以通過線上廣告、社交媒體、合作伙伴等渠道來實現。 持續迭代：隨著市場和用戶需求的變化，產品需要持續迭代。這包括收集用戶反饋、分析數據、優化產品等。通過持續迭代，確保產品始終保持競爭力和吸引力。
六、常用組件庫分析
6.1Arco.Design 組件庫
1.設計語言與風格
現代化：Acro.Design遵循現代設計原則，注重簡潔、清晰的設計風格，為用戶提供直觀的操作體驗。
一致性：Acro.Design也強調設計的一致性，通過統一的設計語言，確保界面的一致性和連貫性。
2. 組件種類與特性
豐富且實用：Acro.Design提供60+以上的高質量組件，涵蓋了基礎布局、數據展示、表單、導航等多個方面，滿足開發者多樣化的需求。
靈活配置：組件提供了靈活的配置選項，可以根據項目需求進行個性化設置，實現組件的多樣化展示和交互。
3. 技術特性
跨框架支持：Acro.Design不僅支持React，還提供了Vue等主流框架的支持，讓更多開發者能夠方便地使用該組件庫。
性能優化：組件庫注重性能優化，通過合理的代碼組織和加載策略，確保組件加載迅速，不對應用性能造成負擔。
4. 定制與擴展性
樣式定制：Acro.Design允許開發者自定義組件的樣式，可以通過覆蓋默認樣式或添加自定義樣式，實現組件的視覺定制。
組件擴展：組件庫提供了擴展機制，開發者可以基于現有組件進行二次開發，擴展組件功能，滿足特定業務需求。
5. 社區支持與生態
活躍社區：Acro.Design也擁有一個活躍的開發者社區，開發者可以在社區中交流經驗、解決問題，并共同推動組件庫的發展。
持續更新：組件庫保持持續的更新和迭代，不斷引入新的組件和特性，與時俱進地滿足開發者的需求。
6. 國際化與可訪問性
國際化支持：Acro.Design也提供了國際化支持，可以幫助開發者輕松實現多語言界面的開發。
可訪問性考慮：在組件設計中，Acro.Design同樣注重可訪問性，采用合適的顏色對比和無障礙交互設計，確保所有用戶都能夠順暢使用產品。
總結
6.2Element UI 組件庫
Element UI組件庫是一套基于Vue.js框架的組件庫
1. 組件豐富度?Element UI 提供了非常豐富的組件，包括布局、導航、數據錄入、數據展示等多方面的組件。這些組件可以滿足大部分Web應用的開發需求。
2. 設計風格?Element UI的設計風格偏向簡潔大氣，注重用戶體驗。色彩運用得當，使界面看起來清晰明了，提升了用戶的使用體驗。
3. 易用性?Element UI的組件都是基于Vue.js開發的，與Vue.js的集成非常好，開發者可以很容易地在Vue.js項目中使用Element UI。同時，Element UI的API設計簡潔明了，易于理解和學習。
4. 定制性?Element UI支持一定程度的定制，開發者可以通過修改樣式、配置參數等方式來定制組件的外觀和行為，使其更符合項目的需求。
5. 文檔和社區支持?Element UI有完善的文檔和活躍的社區，為開發者提供了良好的學習資源和支持。無論是新手還是老手，都可以從Element UI的文檔和社區中獲得幫助。
6. 性能?Element UI注重性能優化，其組件在保證功能豐富和易用性的同時，也具有良好的性能表現。即使在復雜的應用場景中，也能保持流暢的用戶體驗。
7. 國際化?Element UI支持國際化，可以為不同語言環境的用戶提供相應的界面展示，滿足全球化的需求。
總結
6.3Ant Desigan 組件庫
1. 設計語言與風格
統一性：Ant Design基于阿里巴巴的設計語言，確保了設計的統一性和一致性。這種一致性有助于團隊協作，并減少設計師和開發者之間的溝通成本。
簡潔與直觀：該設計語言注重簡潔性和直觀性，確保用戶能夠迅速理解界面，高效地完成操作。
2. 組件種類與功能
豐富性：Ant Design提供了大量的組件，包括基礎布局、表單、數據展示、導航等，幾乎覆蓋了所有常見的UI需求。
高度可配置：這些組件都是高度可配置的，開發者可以根據具體需求調整顏色、大小、行為等，確保組件與業務場景完美匹配。
3. 技術特性
基于React：Ant Design是基于React開發的，這意味著它充分利用了React的生態系統和特性，如組件化、狀態管理等。
TypeScript支持：Ant Design使用TypeScript開發，為開發者提供了強大的類型檢查和自動補全功能，提高了開發效率和代碼質量。
4. 定制與擴展
主題定制：Ant Design允許開發者進行深入的主題定制，從色彩到邊距，每一個細節都可以根據品牌需求進行調整。
組件擴展：除了提供的默認組件，Ant Design還提供了一套清晰的擴展機制，開發者可以基于現有組件創建自己的組件，滿足特定需求。
5. 社區與生態
活躍的社區：Ant Design背后有一個龐大的開發者社區，這意味著無論遇到任何問題，都能快速找到解決方案或得到社區的支持。
豐富的插件與擴展：社區中還有大量的第三方插件和擴展，進一步豐富了Ant Design的功能和應用范圍。
6. 國際化與可訪問性
多語言支持：Ant Design內置了多語言支持，可以輕松實現產品的國際化。
可訪問性：在組件設計中，Ant Design也考慮到了可訪問性，確保產品對所有用戶都是友好的。
總結
6.4如何選用適合自己產品的組件庫？
首先需要對對B端組件庫“Ant Design組件庫”、“acro.Design組件庫”和“Element UI組件庫”進行對比分析
以下是對這三個B端組件庫的對比分析，從設計、功能、易用性、定制性、社區支持等角度進行評估。
1. 設計
Ant Design組件庫：基于阿里巴巴的設計語言，注重統一性和高質量的設計規范。設計風格偏向成熟、大氣。
arco.Design組件庫：追求現代化設計，注重簡潔、清晰的設計風格，強調設計的一致性和連貫性。
Element UI組件庫：設計風格簡潔大氣，色彩運用得當，注重用戶體驗。
2. 功能
Ant Design組件庫：提供豐富的組件，覆蓋各種復雜場景的需求，成熟且廣泛應用。
arco.Design組件庫：提供60+以上的高質量組件，滿足多樣化的需求，同時保持組件的輕量級。
Element UI組件庫：也提供豐富的組件供開發者使用，滿足大部分Web應用的開發需求。
3. 易用性
Ant Design組件庫：雖然提供了豐富的組件和文檔，但對于初學者來說，仍存在一定的學習曲線。
arco.Design組件庫：API設計簡潔明了，易于理解和學習，開發者可以更容易地上手。
Element UI組件庫：與Vue.js集成良好，API設計簡潔，易于在Vue.js項目中使用。
4. 定制性
Ant Design組件庫：允許深入的定制，可以根據企業需求進行個性化定制。
arco.Design組件庫：也支持定制，開發者可以自定義組件的樣式，并基于現有組件進行二次開發。
Element UI組件庫：支持一定程度的定制，開發者可以通過修改樣式、配置參數等方式來定制組件。
5. 社區支持
Ant Design組件庫：擁有龐大的開發者社區，提供豐富的插件和擴展，遇到問題時容易得到社區的支持。
arco.Design組件庫：也有活躍的社區，但相對于Ant Design來說，規模稍小。
Element UI組件庫：同樣有完善的文檔和活躍的社區，為開發者提供良好的學習資源和支持。
總結
例：公司新平臺的設計我會在acro.design組件庫的基礎上去搭建，然后進行擴展完善組件。但公司另外一款B端產品由于開發團隊使用技術以及平臺用戶、誕生時長等會去使用Element UI組件庫。
6.5如何使用
UI設計師使用組件庫一般包括以下步驟： 1.了解組件庫：首先，UI設計師需要了解組件庫中包含哪些組件，以及每個組件的功能和特性。這可以幫助設計師更好地應用組件庫中的組件，提高工作效率。 2.選擇合適的組件：在設計過程中，UI設計師需要根據設計需求，從組件庫中選擇合適的組件。例如，如果需要設計一個按鈕，設計師可以從組件庫中選擇相應的按鈕組件。 3.定制化設計：雖然組件庫中的組件具有一定的通用性，但在實際設計中，設計師可能需要對組件進行一定的定制化設計，以滿足具體的設計需求。例如，調整組件的顏色、大小、樣式等。 4.組合使用組件：在設計復雜的界面時，UI設計師可能需要組合使用多個組件。設計師需要了解組件之間的搭配關系，確保組件的組合能夠呈現出和諧、統一的設計風格。 5.更新和維護組件庫：隨著設計的不斷迭代和進步，UI設計師可能需要對組件庫進行更新和維護。例如，添加新的組件、優化現有組件的功能和性能等。這有助于保持組件庫的活力和可持續性。
6.6組件庫地址
arcoo.Design組件庫 ??https://arco.design/react/components/button Ant Design組件庫 ??https://ant-design.antgroup.com/components/button-cn Element UI組件庫 ??https://element.eleme.cn/#/zh-CN七、B端設計組件庫中的基礎樣式有哪些？如何進行設計呢？
7.1B端設計組件庫中的基礎樣式（以Arco.design為例）
1.顏色 在B端組件庫中，顏色是傳達品牌信息、引導用戶注意力和提升界面美觀度的關鍵元素?；A顏色樣式通常包括主色調、輔助色調和中性色調。主色調通常代表品牌的核心識別，輔助色調用于強調和區分，而中性色調則用于提供背景和平衡。好的顏色設計能在視覺上提供愉悅的體驗，同時也能加強品牌識別和用戶操作引導。
2.字體
字體在B端組件庫中扮演著傳遞信息和增強品牌氣質的角色?；A字體樣式通常包括標題字體和正文字體，以及不同的字體大小和粗細。字體的選擇應注重易讀性和辨識度，確保在各種設備和屏幕尺寸下都能清晰展示。同時，字體的風格和氣質應與品牌形象相符合，無論是現代、簡約還是專業、嚴肅，都應通過字體得到體現。
3.陰影
陰影在B端組件庫中是用來表現界面元素層次感和立體感的重要手段?；A陰影樣式通常包括不同類型的陰影效果，如下拉陰影、浮起陰影等。通過巧妙運用陰影，可以清晰地展示出界面元素的層級關系，引導用戶的視覺焦點，并增強界面的立體感和深度。但需要注意的是，陰影的使用應當適度，過多的陰影效果可能會導致界面顯得混亂。
4.光標
光標在B端組件庫中是用戶與界面交互的關鍵指示器?；A光標樣式通常包括默認光標、指向光標和點擊光標等。光標的設計應注重可見性和直觀性，以便用戶能準確理解其指向和操作對象。例如，指向光標通常用于提示用戶可點擊的元素，而點擊光標則用于確認用戶的點擊操作。通過優化光標設計，可以有效提升用戶界面的交互體驗。
7.2基礎樣式設計要點
1.一致性：?在B端產品設計中，保持一致性至關重要。對于基礎樣式，設計理念首先強調的是在整個產品中保持統一。例如，顏色的選擇應在整個產品中保持一致，字體的選擇也應統一，以確保用戶在使用產品時能獲得一致的體驗。 2.可讀性和易用性：?字體和顏色的選擇應確保文本的可讀性，無論是在明亮的陽光下還是在昏暗的環境中，都應保證用戶可以輕松地閱讀文本。此外，光標和陰影的設計也應考慮到易用性，例如，光標的設計應明顯可見，陰影的應用可以幫助用戶更好地理解界面元素的層次。 3.情感與品牌識別：?顏色和字體的選擇也應反映出品牌的形象和情感。例如，一些顏色可以傳達出積極、活力的感覺，而另一些顏色可能傳達出專業、穩重的感覺。字體也有類似的情感屬性。因此，這些基礎樣式的設計應選擇符合品牌形象和情感的元素。 4.可用性和可訪問性：?這些基礎樣式的設計還需要考慮到可用性和可訪問性。例如，對于色盲用戶，顏色的選擇應考慮到他們的視覺需求。字體的大小和間距也應考慮到視障用戶的需求。光標和陰影的設計可以幫助用戶更好地理解和操作界面。 5.簡潔與高效：?在設計中，簡潔是高效的關鍵。過于復雜的顏色、字體、陰影和光標設計可能會分散用戶的注意力，影響用戶體驗。因此，設計理念強調簡潔、高效的設計，以最直觀、最簡潔的方式傳達信息和引導用戶操作。 總結
7.3如何進行B端基礎樣式的設計？
1.顏色設計 確定主色調和輔助色調：選擇與品牌形象相符的主色調，并為其配以一到兩種輔助色調，用于突出重點或區分元素。 考慮對比與可讀性：確保前景色與背景色有足夠的對比度，以保證文本和圖像在所有情境下都易于閱讀。 使用色彩心理學：了解不同顏色所傳達的情感和氛圍，并據此進行選擇。例如，藍色通常代表專業和信任，而綠色可能代表環?；蚪】? 2.字體設計 選擇易讀字體：優先選擇清晰、簡潔且易于閱讀的字體，尤其是用于正文的字體。 設定層次結構：通過字體大小、粗細和顏色來設定信息的層次結構，使用戶能快速了解內容的重要性。 保持一致性：在整套設計中，盡量保持字體種類和樣式的統一，以避免界面顯得混亂。 3.陰影設計 確定陰影方向：決定陰影的方向和強度，通常陰影應與光源方向一致。 適度運用：避免過度使用陰影，以免界面顯得混亂。陰影主要應用于提升元素的立體感和層次感。 考慮性能：復雜的陰影效果可能會影響應用的性能，因此在設計時要權衡美觀與性能。 4.光標設計 明確指示：光標應明確指示可操作元素，如鏈接、按鈕等，使用戶知道哪里可以點擊或交互。 動畫與反饋：加入合適的動畫和反饋，如點擊效果或懸停狀態，以增強用戶交互體驗。 考慮不同設備：對于不同的輸入設備（如鼠標、觸控屏等），光標的設計應有所調整，以確保在各種情境下都能良好運作。
八、B端組件庫進行擴展和定制的方法
1.了解組件庫的擴展機制：首先，需要深入了解所選組件庫的擴展機制。不同的組件庫可能有不同的擴展方式，因此要先熟悉組件庫提供的擴展接口和規范。 2.定制樣式：組件庫的樣式通常是可以通過覆蓋默認樣式來進行定制的。你可以根據自己的品牌規范和設計要求，調整組件的顏色、字體、邊框等樣式。 3.擴展組件功能：如果組件庫提供的組件無法滿足特定需求，你可以通過編程方式擴展組件的功能?？梢酝ㄟ^添加自定義屬性、事件或行為，來擴展組件的交互和邏輯。 4.自定義組件：除了擴展現有組件，你還可以創建自定義組件。根據組件庫的規范和API，可以編寫符合自己業務需求的自定義組件，并將其集成到組件庫中。 5.使用組件庫的插件系統：一些組件庫提供了插件系統，可以通過編寫插件來擴展組件庫的功能。插件通?？梢杂脕硖砑尤止δ?、修改組件行為或集成第三方庫。 6.貢獻給社區：如果你進行的定制和擴展是通用的，并且對其他開發者也有價值，可以考慮將其貢獻給組件庫的社區。這樣可以促進組件庫的發展，并造福更多開發者。 這是一個常見的表單類型的頁面。
一個組件往往可以擴展出來很多，我們可以在日常工作中不斷的去補充調整
九、建立屬于自己產品的組件庫
1.明確需求和目標：首先，明確你建立組件庫的需求和目標?？紤]你的產品特點、設計風格、開發技術棧等因素，確保組件庫能夠滿足你的產品需求。 2.設計規范和原則：制定組件庫的設計規范和原則，以確保組件的一致性和統一性。包括顏色、字體、布局、間距等方面的規范，以及組件的行為和交互原則。 3.組件規劃和分類：根據產品的需求和常用場景，規劃并分類組件。例如，導航、表單、數據展示、布局等常見組件，并確保它們能夠覆蓋你的產品的大部分需求。 4.設計和開發組件：按照規范和原則，設計和開發每個組件。設計師可以提供組件的視覺設計和交互原型，開發人員則實現組件的代碼和功能。確保組件的可復用性、可定制性和可擴展性。 5.文檔和示例：為每個組件提供清晰的文檔和示例。文檔應該包括組件的使用方法、屬性配置、事件處理等信息，示例則展示組件的實際效果和用法。 6.測試和優化：在組件開發完成后，進行全面的測試，包括功能測試、兼容性測試、性能測試等。根據測試結果，優化和改進組件，確保它們的質量和穩定性。 7.反饋和持續改進：建立反饋機制，收集使用組件的開發人員和設計人員的反饋意見。根據反饋，持續改進和優化組件庫，以滿足不斷變化的需求和技術發展。 8.版本管理和發布：使用版本管理工具，管理組件庫的版本更新和發布。清晰記錄每個版本的變更和改進，以便開發人員根據需要選擇合適的版本。
十、結論
B端設計是現代商業世界不可或缺的一部分。通過理解B端設計的基礎理念，通用樣式，以及C化的重要性和應用，我們可以更好地設計和使用B端產品，提高企業的工作效率和競爭力。雖然B端設計的C化帶來了一些挑戰，但只要我們采取正確的解決方案，就能克服這些挑戰，為企業提供更優秀、更貼合需求的B端產品。 作者：張陽光 來源：站酷 （zcool.com.cn/u/22917927）(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
電腦鼠標左鍵單擊變雙擊的問題是許多用戶經常遇到的困擾。這問題對設計師來說簡直是杯具，根本無法進行設計，然后設計達人從網上找到兩種解決方法。特別是第一種方法，經親自測試，確實可以，而且非常簡單。
方法一：對著鼠標的縫隙使勁吹幾次就好用了，親測有效。
在網上找到其它網友也是用這個方法，解決微動按鍵的問題，網友用的是羅技G102，但小編使用的是12塊錢的雙飛燕（默認使用Magic mouse，因為沒點臨時使用一下雙飛燕~）
這里有一個測試鼠標雙擊的工具：
https://cps-check.com/cn/double-click-test
如下圖，小編吹了幾下時候，效果真的棒，點擊進700次，才有3次雙擊。
PS: 這個方法不能永久，使用一段時間又打回原型，然后繼續吹幾下~~~
方法二：這個方法來自網絡，沒有親自試驗。就是把鼠標的微動按鍵拆出來，里面有一個彈片小心取出來，清理灰塵，注意不要弄變形了，否則前功盡棄。清理完畢后安裝上就可以了
希望以上方法可以解決您遇到的電腦鼠標左鍵單擊變雙擊的問題，祝您順利解決。(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
2019年一場疫情席卷全球，它給經濟和每個人的身心健康都造成了不可磨滅的影響，企業要求“降本提效”，“年齡危機”“技能危機”撲面而來。當我們理所應當的認為疫情結束一切回歸正軌時，時代的發展永遠不以人的主觀意志為轉移。
今年初春，ChatGPT橫空出世，隨之而來的就是各種AI遍地開花，在這場勢不可擋的革命中，面對諸多不確定性，工作已經無法帶給職場人足夠的安全感和成就感。
本文從提效和提升個人價值兩個方面，分享一些個人的思考。希望你在“AI暴走”，“企業橫行”的當下找到答案：
- 提效不是簡單的時間管理
- 自我管理的方向和方法
最近看到一組數據顯示，年輕人推動全國寺廟旅游新高潮，當時的標題是這樣寫的——“上班和上進之間，年輕人選擇了上香?！?雖然我本人極不認可這樣的詆毀，但也著實說明越來越多的年輕人壓力大增，長期的內卷導致身心疲憊，自我價值和信心缺失。大家需要精神層面上的回血與信心重塑。
那除了上香，我們仍然需要回歸現實，在大環境中找回自信，找回屬于我們自己的價值。
?提效≠時間管理
提效是做更好的時間管理嗎？管理好時間我們就可以像機器一樣干的更多嗎？我今天想說的是，提效的核心并不等于更好的時間管理，很淺顯的例子：對于重復簡單的工作，AI一定干的更快，甚至更好。
目前時間管理的理論從根本上否定“時間管理”這個名詞，主張關鍵不在于時間管理，而在于個人管理。
與其著重于時間與事務的安排，不如把重心放在維持產出與產能的平衡上。也就是說，以原則為中心，考慮個人對使命的認知，兼顧重要性與緊迫性，將我們的精力著重于完成長難的戰略性事務，不斷鍛煉我們的能力。
轉變思維
戰略性的事物白話文來講勢必不是簡單事物，對于長難事物的處理上，也許你會說我可以分階段拆目標的去完成它，這點沒毛病。但今天談提效的另一個提升方法，群策群力，獲得更高的成就。 一個單槍匹馬的人身上有再出眾的能力，成就也是受限的。當我們走出自己的小天地，能與人深入交流自己的想法，同時也能獲得他人的智慧和潛力。至此，AI不光是一個威脅，同時也是一個強大的伙伴，我們可以利用他的能力來創造更好的價值。群策群力同理也適用于各種與人事物的合作中。 關于群策群力很早就出現在人類成長必經的三個階段中，是由內而外進行個人管理，造就自己的重要原則。這三個階段分別是依賴—獨立—互賴。整合在一起就是“成熟模式圖”，由人類潛能導師巨匠史蒂芬柯維提出。
群策群力
從最早期的依賴期，靠別人來實現愿望，到獨立期的單槍匹馬打天下，真正的智者走向了互賴，群策群力實現最高的成就，成就公共領域的成功。 因此關于提效要首先思考個人對使命的認知，其次要群策群力，打開自己的同時也接納別人。實現最高效的提效，要具有雙贏的思維，從而綜合統效，獲得公共領域的成功。 提效的要領掌握了，那結合時代發展的背景，我們自身實力的側重和個人價值的發展方向又在哪里呢？
“剩余價值”
“剩余價值”核心考察的是勞動過程當中的“價值增殖”。決定了經濟現象領域中的價格和利潤增長運動。 （這里僅討論個人在市場經濟中的價值，勿上升為個人價值或個人貢獻。） 社會在發展，價值不是一成不變的。農耕時代，有土地有力氣就叫價值，工業時代，會使用機器叫做價值，工業時代的到來同時也使得機器生產逐步取代手工勞動。機器創造了更多的價值，因此也造成了大批體力勞動者的轉型。一些人被淘汰了，另一些人抓住了機會。 信息時代的到來，將人類的文明帶入了一個史無前例的高度，智能手機完全改變了我們的生活方式，一個智慧和共享的時代到來了。隨著AI的橫空出世，我們的剩余價值會發生又一個歷史性的變革嗎？AI問世我們的“剩余”價值
帶著這個問題，我向AI發出了一個問題？問：AI問世，人類的剩余價值是什么？ ChatGPT給出了自己的答案： 人類的價值是多方面的，而AI的問世并不意味著人類的價值被削弱或取代。相反，AI的發展可以使人類更好地發揮自己的優勢，拓展自己的潛能，更好地服務社會，推動科學技術的發展。以下是一些例子： 創造力和創新力：AI可以完成一些繁瑣、重復、規律性的任務，但在創造性思維和創新方面，人類仍然具有不可替代的優勢。人類的想象力和創造力是AI所無法模擬的，因此人類可以發揮這方面的優勢來創造更多的價值。 社會價值：人類是社會的基石，我們可以通過自己的行為和服務來創造社會價值。AI雖然可以完成一些社會服務，但人類更能夠發揮社會責任和服務意識，通過各種方式為社會做出貢獻。 學習能力：AI可以在很短的時間內完成大量的任務，但人類仍然是擁有學習能力的。人類可以從經驗中學習、從錯誤中吸取教訓，不斷成長、不斷進步。 人際交往：人類可以通過人際交往來建立聯系、交流思想、傳遞信息，這是AI無法替代的。人類可以通過與人交往來獲得各種資源和支持，同時也可以為他人提供幫助和支持。 因此，雖然AI的問世帶來了很多變化，但人類的價值并沒有被取代或削弱。相反，人類的價值可以通過與AI的合作和發展來進一步提升和發揮。
綜上所述，我們在提升個人價值上任然有跡可循，未來的提升不再側重單個技能的學習，而是多維度的立體的思維認知視野的提升，配套不斷變化的大環境隨之而來的心態調整。
提升個人價值的維度
提升個人價值的維度可以從以下幾個方面：
認知能力：提高對于問題的理解和分析能力。
溝通能力：培養自己的表達能力和聽力理解能力。
創造力：不斷地提升想象力和創造力。
社交能力：提高人們與他人交往的能力，理解他人意圖和情緒的能力。
情緒管理：正確識別自己和他人的情緒，并適當地應對和調節。
健康管理：始終保持強健的體魄，是一切工作的基石。
?
心態調整
當談及成長和職業轉型時，心態的影響至關重要。無論處于哪個時代，我們都需要保持空杯的心態，以不斷更新自己的認知和技能。特別是對于設計師這類職業人群來說，保持好奇心和創作力是至關重要的。無論是35歲還是45歲，這都是我們必須走過的一段旅程。盡管每個人的人生旅程都不同，但正是這種差異性使得我們可以享受到更加多樣化的風景。因此，不要因為已經看到了很多風景而失去了好奇心，因為好奇心是創新的基石。
以上就是我對提效和自我管理的一些思考，讓我們積極地進行自我審視并調整思維的模式，始終保持空杯的心態，在擁抱新科技的前提綜合統效，獲得更高的價值和成就，希望文章能對你有些幫助，也歡迎交流碰撞~
來源：58UXD（ID：i58UXD）(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
背景素材在日常的營銷設計中使用率很高，平時如果做3D設計背景素材是需要很蠔時間，但有了AI的加持就能提高很多效率，今天用3D旅游背景制作為例子，通過細分場景訓練定制化Lora風格模型，快速實現3D背景素材的生成，實在太有用了！
Stable Diffusion訓練風格模型，分為以下六大步驟：
通過以上六大步驟，我們可以使用Stable Diffusion訓練風格模型來生成定制化的3D旅游背景素材。這種方法不僅提高了效率，而且能夠快速實現3D背景素材的生成。隨著AI技術的不斷發展，我們可以期待更多創新的方法和工具出現，為營銷設計帶來更多便利和創意。
(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>
餐飲外賣包裝設計作品是一系列專為外賣行業打造的創新包裝設計方案。這些作品旨在提升品牌形象，吸引顧客眼球，并傳遞品牌價值。
設計師們通過獨特的視覺元素、創意的包裝結構和環保的材料選擇，將實用性與美觀度完美結合。這些作品不僅關注包裝的功能性，還注重用戶體驗和可持續發展。
以下是餐飲外賣包裝設計作品欣賞：
無論是打破傳統還是展現個性與創新，這些餐飲外賣包裝設計作品都為行業帶來了新的靈感和趨勢。(ノ???)ノ*:??? 查看最受歡迎 301 個設計網站 *:???ヽ(???ヽ)
UI設計QQ群 | RSS訂閱 | 新浪微博 | 本文鏈接 | 添加評論
]]>