本篇文章將分享Web端表單體驗優化等相關內容，分析設計師在設計B端類產品時如何讓用戶愉悅并高效的填寫表單。表單作為基礎通用組件，也是在各個企業級中臺中出現頻率最高的元素之一。在用戶界面中表單無處不在，比如：用戶注冊登陸頁、支付頁、用戶反饋、共享信息數據錄入等不同類型的表單。當我們使用/設計表單頁面時看似是按鈕、輸入框等表單組件進行組合搭配使用，看似簡單，但是在實際業務使用中卻有著無數可推敲的細節冒出來，常常給設計師造成較多的困擾。

表單頁作為B端設計中常見頁面之一，在設計過程中如何解決用戶的問題如何降低使用者的錄入負荷。一點小小的經驗供大家參考～在使用表單組件、或設計表單頁面時，很多設計者都是根據自己的直覺或者個人經驗本能驅動解決排列、布局的一些問題。但又會有很多的疑惑會從過程中冒出來困惑設計師，導致自己的設計很難使產品、開發等信服。每一個設計都離不開解決某問題或達到某個預期，好的表單設計往往都能讓用戶快速get到關鍵信息同時快速準確錄入信息，降低使用者填寫負荷。帶著這樣的設計目的結合業務內容將表單進行分組，結合適當的設計策略，這樣能使設計方案更加有理有據。

一個完整的后臺，由菜單/導航、數據/圖形展示、表格、表單、控件/組件以及彈窗等構成，下面跟大家分享后臺中的表格和表單的設計細節當接到一個全新的網頁后臺項目時，首先確定設計風格，然后考慮這個后臺尺寸是做居中固定式，還是全屏響應式（上一篇文章已經跟大家分享了網頁設計的畫布尺寸）。全屏響應式的網頁設計，選擇怎么樣的屏幕來做效果，就顯得有些主觀了，除非有規定，否則你可以選擇任意主流尺寸作為基尺寸來設計網頁。當然，不管選擇什么尺寸，都得基于做好一個后臺而開展工作。

表單在我們的工作生活中非常見，表單對于企業和個人同樣至關重要，當涉及到數據收集時，我們大多數情況下會采用表單。比如，我們在出國申請護照的時候，我們需要填寫的紙質的申請資料，就是表單。我們在淘寶京東下單買東西時填寫的個人信息，地址的時候，也是表單。表單有數據收集，校驗和提交的功能，其中核心功能是采集數據信息，可以看成是采集、傳遞、提交數據的中間媒介。表其作為獲取用戶輸入的重要交互方式，也承擔著將問題和答案進行配對的角色。包含復選框，單選框，輸入框，下拉選擇框等元素。

讓你快速熟悉近十年流行的16種插畫風格｜蘭亭妙微UI設計公司

近十年來，插畫領域出現了許多流行的風格，每種風格都有獨特的特點和魅力。本文將介紹近十年流行的16種插畫風格，幫助你快速熟悉這些風格。

1. 扁平設計風格 扁平設計風格強調簡潔、清晰的圖形表達，平面化的色彩和簡化的線條。它通常使用鮮艷的顏色，抽象的形狀和圖標化的元素來傳達信息。

2. 水彩畫風格 水彩畫風格通過透明而廣泛的色彩展示出柔和和溫暖的感覺。它通常使用混合和模糊的技法，創造出有機和柔和的效果。

3. 手繪風格 手繪風格強調手工繪制的質感和生動性。它可以是簡單的草圖，也可以是精確的描繪。特點是線條鮮明，充滿表現力。
   

4. 光影風格 光影風格通過強調光線和陰影的明暗對比，營造出生動逼真的效果。這種風格常用于科幻、奇幻和超現實主題。

5. 平面視覺風格 平面視覺風格注重創造出平面化的空間感，通過透視和圖形排列等技巧，創造出簡潔而引人注目的圖像效果。

6. 表現主義風格 表現主義風格強調情感和表達力，通過夸張和變形的手法來表達個人的內心感受。這種風格常用于藝術和文學插畫。

7. 卡通風格 卡通風格以夸張的表情、簡化的形態和明亮的色彩為特點。它通常用于幽默、童話和動漫領域。

8. 現實主義風格 現實主義風格追求畫面的真實感和細膩程度，力圖創造出與現實世界相似的效果。這種風格常用于肖像、風景和繪畫插圖。

9. 3D渲染風格 3D渲染風格通過計算機生成的技術，創造出逼真的3D圖像。它通常用于游戲、電影和廣告等領域。

10. 細膩筆觸風格 細膩筆觸風格注重線條的精細和紋理的真實感。它通常通過漸變和陰影來創造出細膩而逼真的效果。

11. 幻想風格 幻想風格以奇幻、神話和魔法為主題，通過極富想象力的場景和角色，創造出神秘而迷人的效果。

12. 精致民族風格 精致民族風格結合了民族文化的元素和繪畫技巧，強調傳統和民俗的圖案和色彩。它常用于民族藝術和手工藝品的插圖。

13. 簡約風格 簡約風格強調簡單、純粹的設計語言，追求最少的元素來表現最大的效果。它通常使用極簡的線條和鮮明的色塊，使圖像更具沖擊力。

14. 黑白插畫風格 黑白插畫風格通過使用只有黑色和白色的顏色，強調形狀和陰影的變化，創造出獨特的視覺效果。它通常用于書籍、報紙和雜志的插圖。

15. 平面化插畫風格 平面化插畫風格以簡化和扁平化的設計為特點，強調圖形的表現力和色彩的鮮明度。它常用于品牌設計和廣告。

16. 洛麗塔風格 洛麗塔風格注重可愛和甜美的形象，以少女為主角，強調少女特有的柔和和夢幻感。它常用于宣傳海報、時尚雜志和廣告等。
    以上是近十年流行的16種插畫風格的簡介，每一種風格都有不同的魅力和應用領域。隨著時間的推移，插畫領域將繼續推陳出新，創造出更多獨特的風格和表現形式。希望這些介紹對你在插畫創作和欣賞上有所幫助。
    藍藍未來將會持續在平臺上分享關于設計行業的文章。此外藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優秀的設計案例和設計素材等，歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
    藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏3

作者：江小白愛喝牛奶
鏈接：https://www.zcool.com.cn/work/ZNjU5MTU5NTI=.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

VisionOS是一個全新的操作系統，設計初衷是提供更智能、更簡潔、更人性化的用戶體驗。為了實現這一目標，VisionOS擁有一套獨特的設計原則，本文將深度解讀這些原則，并探討其如何引領下一代設計趨勢。

一、簡約與純粹（Simplicity and Purity）
VisionOS強調簡約與純粹的設計風格。界面布局流暢簡潔，清晰明了，消除了多余的視覺噪音。不僅如此，VisionOS還追求純粹的用戶體驗，通過減少不必要的元素和干擾，讓用戶專注于核心操作，提升操作效率。這種簡約與純粹的設計風格將成為未來設計的主流趨勢之一。

二、智能與個性化（Intelligence and Personalization）
VisionOS具備強大的人工智能能力，能夠根據用戶的喜好、習慣和行為智能化地提供個性化的體驗。系統能夠自動學習用戶的偏好，為其呈現符合其興趣和需求的內容和功能。這種智能與個性化的設計趨勢將成為下一代設計的關鍵。

三、自然與無縫（Natural and Seamless）
VisionOS注重自然與無縫的交互體驗。系統借助先進的技術，如語音識別、手勢控制等，使用戶能夠以更自然的方式與設備進行交互。同時，系統還能夠實現多設備之間的無縫切換和互聯，讓用戶的使用體驗更加流暢和高效。

四、安全與信任（Security and Trust）
在數字化時代，數據安全和用戶信任成為設計的重要考量。VisionOS將安全性和信任度置于首要位置，采用先進的加密技術和隱私保護措施，確保用戶數據的安全和隱私。同時，系統提供透明的數據使用和共享機制，建立用戶與系統之間的信任關系。

五、可持續與生態（Sustainability and Ecosystem）
VisionOS致力于建立一個可持續的生態系統，與不同廠商和應用開發者合作，共同打造豐富多樣的應用和服務。系統通過開放的API接口和生態伙伴計劃，促進創新和合作。此外，VisionOS還積極推動綠色環保理念，降低能源消耗和環境影響。

總結：
VisionOS的設計原則包括簡約與純粹、智能與個性化、自然與無縫、安全與信任，以及可持續與生態。這些原則不僅僅是VisionOS的設計理念，更是未來設計趨勢的重要方向。盡管VisionOS是一個操作系統，但其中所蘊含的設計思想和理念對于各行各業的設計師和從業者都具有啟示意義。掌握這些設計原則，并將其運用于實際設計中，將有助于推動下一代設計的發展和創新。

藍藍未來將會持續在平臺上分享關于設計行業的文章。此外藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優秀的設計案例和設計素材等，歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

以下是如何利用人工智能快速生成出色藝術二維碼的正式介紹：

1. 背景介紹：二維碼是一種以方形矩陣為基礎的條碼圖形，廣泛應用于信息傳遞和交互。通過結合人工智能技術，我們可以快速生成具有藝術美感的二維碼，使其更加吸引人眼球。

2. AI圖像生成：人工智能技術中的圖像生成模型可以通過學習大量的藝術作品和設計樣本，生成出與傳統二維碼不同的創意形狀和裝飾。這些模型利用深度學習算法生成獨特的紋理、顏色和圖案，以提升二維碼的藝術感。

3. 色彩和構圖設計：AI生成的藝術二維碼可以通過選擇和調整色彩方案來營造特定的氛圍和風格。設計人員可以根據應用場景和品牌形象，選擇合適的配色方案，并對圖像進行構圖設計，以確保二維碼的視覺吸引力和易讀性。

4. 自定義風格：AI技術還使得二維碼的藝術風格可以高度個性化和定制化。設計人員可以根據需求調整生成模型的參數，以實現不同風格的二維碼，如抽象、卡通、水彩等。這種個性化的設計能夠提升二維碼的獨特性和識別度。

5. 功能保留：盡管美化了二維碼的外觀，但AI技術仍保留了二維碼的識別和解析功能。生成的藝術二維碼仍然可以通過二維碼掃描器進行掃描和解碼，從而實現信息傳遞和用戶互動的功能。

請注意，藝術二維碼的生成過程需要結合專業的設計技能和AI工具來實現最佳效果。設計人員應快速熟悉和掌握相關工具和方法，以確保生成的藝術二維碼達到預期的效果。

通過利用人工智能技術生成藝術二維碼，我們能夠為信息傳遞和品牌推廣帶來更具吸引力和創意的方式。期待您能夠嘗試并創造出您的個性化藝術二維碼。

謝謝！如果您有任何其他問題，請隨時向我提問。

今日分享這篇文章是藍藍設計的原創文章，未來將會持續在平臺上分享關于設計行業的文章。此外藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優秀的設計案例和設計素材等，歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

mj大家都很熟悉了，但是目前很多還是在用它做海報、運營banner、ip等形象，那么作為UI設計如果運用mj到工作流中，最近一直在探索這方面，目前來看背景、圖標是可以成熟的運用到工作流中，下面就來講講心得

先看結果，下面是我用mj生成的彈窗頁面和功能頁面，bc都進行嘗試，感覺效果還是不錯～

基礎知識

Midjourney分為很多模式，如V4\V5\V5.1\niji4\niji5等模式，先了解這些模式什么意思，直接從v4說吧，v4之前基本用不到了；
v4:通用模式，適用于各個風格行業，但產出的圖質量和細節不是好
v5:寫實模式，產出的圖更加風格，更加細節，風格偏向寫實
v5.1:最近剛出的模型，在v5基礎上產出的圖細節更豐富
niji4/5：產出的圖基本就是二次元風格，可以想象為宮崎駿風格，當然加一些特殊詞也可以生產3d圖

生圖與喂圖

眾所周知mj可以支持生圖以及喂圖，我在工作流中兩者都進行了使用，具體來講一下流程。
先說生圖，就是直接拿關鍵詞輸入進去就可以出圖了，但是這種一般都是隨機的無法達到自己想要的效果，比如下面我直接用關鍵詞生成b端圖標以及喂圖出來的圖標她們之間的差距；
左側是直接生成的圖標，可以看到結構以及配色上都特別臟亂，右側通過喂圖之后就會更加干凈

常用指令/后綴

常用指令：

/imagine 要求畫圖
/describe 反向識別圖片，用于喂圖提取關鍵詞
/settings 設置參數

常用后綴：

--s 700 數值越高，越偏離描述
--q 2.5 越小出圖越快，細節也越少
-- iw 1 數值越大越偏離你喂的圖
--ar 16:9 控制比例
:: geed 4.5 圖片權重，讓生成的圖側重哪些關鍵詞
--no geed 加什么不會出現什么

前期設置

使用niji模式生成UI圖標
第一行：使用niji5模式
第二行：默認風格化也就是 --s 值
第三行：默認風格
第四行：默認

第一行：使用v5模式
第二行：默認
第三行：默認

實際操作

第一步：

在/imagine 內輸入下面咒語
A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180
一個UI界面禮盒，圖標設計，UI，迪士尼，Clay材質，亮色，3d藝術，干凈背景，Oc渲染，背景為黑色，c4d，blender，3d，8k，HD

關鍵：粘土材質、迪士尼、UI圖標

第二步：

U1-U4對應四張圖，可以選擇自己滿意的圖進行放大，如果不滿意可以使用V指令，針對某一張圖在進行生成

第三步：

使用ps或者其他軟件進行扣圖

第四步：

進行色彩調整

第五步：

進行頁面融合

作者：愛吃貓的魚___
來源：站酷

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作，也請與我們聯系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。 



藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

作為B端產品，競品分析是非常重要的一環，可以幫助我們了解市場和競爭對手的情況，制定更好的產品策略和營銷策略。以下是一些關于如何做好競品分析的建議：

1.明確分析目的和范圍：在進行競品分析前，我們需要先明確分析的目的和范圍。例如，我們要分析的是哪些競爭對手，分析的重點是哪些方面，分析的數據來源是什么等。

2.收集競品信息：收集競品信息是競品分析的基礎，我們可以通過多種方式收集競品信息，例如搜索引擎、社交媒體、行業報告等。需要注意的是，我們需要收集全面、準確的競品信息，避免歪曲事實或者忽略重要信息。

3.對競品進行比較分析：在收集到競品信息后，我們需要對競品進行比較分析，了解它們的優勢和劣勢，找到我們產品的差異化競爭點。比較分析可以從多個角度進行，例如產品功能、定位、用戶體驗、營銷策略等。

4.總結競品的趨勢和特點：競品分析不僅僅是對單個競品的分析，還需要總結競品的趨勢和特點，了解市場的發展趨勢和競爭格局。這可以幫助我們更好地制定產品策略和營銷策略，搶占市場先機。

5.不斷更新競品信息：市場和競爭對手的情況都是不斷變化的，我們需要及時更新競品信息，以跟上市場的變化和競爭對手的動態。這可以幫助我們更好地應對市場挑戰，保持競爭優勢。

6.分析競品的營銷策略：除了產品功能和用戶體驗等方面，競品的營銷策略也是可以分析的重要方面。我們可以了解競品的宣傳渠道、廣告投放、促銷活動等，以及它們的效果和反饋。這可以幫助我們更好地制定自己的營銷策略，吸引更多的用戶。

7.針對競品的問題進行改進：在競品分析過程中，我們可能會發現一些競品存在的問題和不足。我們可以借鑒這些問題，對自己的產品進行改進，提升用戶體驗和產品競爭力。

8.多角度思考競品分析：競品分析不僅僅是對單個競品的分析，也可以從多個角度進行。例如，我們可以對競品的用戶畫像、收費模式、技術實力等方面進行分析，以更全面地了解競品和市場。

9.與其他部門溝通協作：競品分析需要多個部門的協作，例如市場部門、產品部門、研發部門等。我們需要與這些部門進行溝通協作，共同分析競品和市場，制定更好的產品和營銷策略。

總之，競品分析是B端產品開發和營銷過程中非常重要的一環，需要全面、準確地分析競品和市場，以制定更好的產品和營銷策略。


那好的B端產品有哪些特點呢？

1、專業性：B端產品通常是為特定行業或職業群體設計的，需要具備專業性。好的B端產品需要深入了解用戶的需求和行業特點，提供專業化的解決方案。

2、易用性：雖然B端產品的用戶通常是專業人士，但好的B端產品也需要具備易用性，讓用戶能夠快速上手并且高效地使用。產品的界面設計、操作流程等都需要考慮用戶使用的便捷性。

3、可靠性：B端產品通常是核心的業務系統，需要具備高可靠性和穩定性。好的B端產品需要經過嚴格的測試和驗證，確保系統的穩定性和數據的安全性。

4、可定制性：不同行業和用戶群體有不同的需求，好的B端產品需要具備可定制性，能夠根據用戶的需求和特點進行定制。這可以提高產品的適用度和用戶的滿意度。

5、數據分析能力：B端產品通常需要處理大量的數據，好的B端產品需要具備強大的數據分析能力，能夠幫助用戶更好地理解業務數據和趨勢，以做出更好的決策。

6、云端服務：隨著云計算技術的發展，好的B端產品通常需要具備云端服務能力，能夠提供彈性伸縮、高可用性和低成本等優勢，讓用戶能夠更高效地使用產品和服務。

7、良好的客戶服務：B端產品通常需要提供良好的客戶服務，能夠及時解決用戶的問題和反饋。好的B端產品需要具備良好的客戶服務體系，能夠幫助用戶更好地使用產品和服務。

綜上所述，好的B端產品需要具備專業性、易用性、可靠性、可定制性、數據分析能力、云端服務和良好的客戶服務等特點，以滿足用戶的需求和提升產品的競爭力。