案例解析

中後臺沒啥可設計的▩▩☁?試試這樣拓展設計價值

B類領域設計師必然會面對譬如CRM₪▩✘、ERP等諸多型別的中後臺類產品▩·▩╃☁。大多就是做做表單設計✘·•▩,年底考核時想爭取漲薪證明自己✘·•▩,但老闆要問的“設計價值”是個啥▩▩☁?在這些業務主導下的中後臺產品又該如何定位設計機會及價值▩▩☁? 一個月的過程中✘·•▩,經過不斷的討論分析✘·•▩,10多個的方案✘·•▩,最終確定了現在這版國際化₪▩✘、扁平化₪▩✘、簡約₪▩✘、明快的介面▩·▩╃☁。

設計每日一貼

給設計公司的UI設計需求文件怎麼寫▩▩☁?


偶爾有來諮詢的客戶會詢問│•:設計需求文件怎麼寫▩▩☁?給我一個模板吧▩·▩╃☁。 加起來✘·•▩,這樣問的客戶也不少✘·•▩,所以藍藍設計錄了一個影片講解│•:給設計公司的UI設計需求文件怎麼寫▩▩☁?請看一下這段錄的影片講解吧•│!

UI經驗│•:軟體首頁怎麼設計▩▩☁?


每個軟體首頁怎麼設計▩▩☁?如何進行首頁上的內容取捨✘·•▩,最終客戶和上司是究竟想要什麼▩▩☁?是客戶們(產品經理或技術總監)普遍感到為難的地方✘·•▩,希望有外部的專業設計力量來參與意見✘·•▩,多一份力量▩·▩╃☁。

藍藍設計隨筆│•:ui使用者介面中的表格設計


UI軟體設計中最常用₪▩✘、最基本的是表格的設計✘·•▩,有些軟體中80%都是表格類頁面✘·•▩,可以說✘·•▩,設計開發的是否易用✘·•▩,很影響口碑和使用者的使用感受▩·▩╃☁。基礎的東西一定要做好✘·•▩,就像我們吃的主食一樣✘·•▩,雖然都是米和麵✘·•▩,但是各地出產各種品種口味都不相同✘·•▩,要根據食客的喜好選擇₪▩✘、烹飪▩·▩╃☁。今天就聊一聊最基礎的表格設計₪▩✘、變化和常見問題▩·▩╃☁。

產品簡化改版怎麼做▩▩☁?


如今的數字產品✘·•▩,在不斷迭代過程中✘·•▩,會加入更多功能✘·•▩,新增更多的技術支援✘·•▩,更新進階的特性▩·▩╃☁。而另一方面✘·•▩,企業對於構建簡單實用的產品✘·•▩,也同樣非常著迷▩·▩╃☁。這當中當中毫無疑問是存在微妙的對抗和衝突的——如何讓更好更多的資訊✘·•▩,以更加輕量易用的方式呈現出來▩▩☁?這就涉及到產品的簡化改版的技巧了▩·▩╃☁。

細說B端後臺產品UI設計那些小結


作為一個新時代打雜✘·•▩,日常工作包括移動端₪▩✘、PC端的UI設計以及各類平面視覺設計✘·•▩,其中自然少不了令人“禿”然的B端後臺產品設計▩·▩╃☁。 畢業兩年來一直都做著B端產品的UI設計工作✘·•▩,參與過的後臺產品設計面對的主要客戶有公司內部₪▩✘、各大企業以及政府機構▩·▩╃☁。工作和學習的過程中走過不少彎路✘·•▩,也在不同的專案中不斷反思和總結▩·▩╃☁。把自己的一些想法和經驗分享出來✘·•▩,總結自己工作中遇到的問題和解決的方法✘·•▩,記錄自己思考和理解的過程✘·•▩,也希望對即將或正在從事B端後臺產品設計的你有一點點啟發或幫助▩·▩╃☁。 希望在日後的工作和學習中✘·•▩,透過實踐來不斷完善自己對B端後臺產品的理解▩·▩╃☁。

Feed流設計│•:那些容易被忽略的圖片適配知識


在產品設計中✘·•▩,大家很容易跟著產品原型走而忽略了一些設計上的細節問題▩·▩╃☁。本文筆者總結了在Feed流中容易被設計師忽略的✘·•▩,卻最容易出現問題的幾種圖片適配方式▩·▩╃☁。

網格設計的歷史


第一個系列我打算先寫網格✘·•▩,國內也很缺乏這塊的知識✘·•▩,現在能找到的關於網格的文獻✘·•▩,大多數都是從國外網站直接翻譯過來的✘·•▩,對此我感到很遺憾▩·▩╃☁。正因如此✘·•▩,我才想把這塊的知識分享出來供大家學習▩·▩╃☁。另外網格系統的框架也是非常的龐大✘·•▩,從網格的歷史✘·•▩,規則₪▩✘、解構網格等✘·•▩,都是需要去學習的知識✘·•▩, 也請大家認真學習吧!

互動設計中的“所見即所得”原則


“所見即所得”原則我記得在之前的文章中就提到過✘·•▩,但是沒有詳細說明▩·▩╃☁。最近在體驗一些產品時✘·•▩,發現很多互動設計上的坑都可以歸納到“所見非所得”上▩·▩╃☁。

B端-表格設計


表格(Table)✘·•▩,又稱為表✘·•▩,是用來收集₪▩✘、整理₪▩✘、組織₪▩✘、分析資料的二維矩陣▩·▩╃☁。它既是一種視覺化交流模式✘·•▩,又是一種組織整理資料的手段▩·▩╃☁。

從視覺產品兩方面✘·•▩,分析2022年B端設計的發展趨勢


1. 3D 設計風格 雖然 3D 化的視覺風格早已到來✘·•▩,但是在 B 端市場上✘·•▩,3D 風格在此之前依舊錶現的十分克制▩·▩╃☁。隨著 C4D₪▩✘、Blender 這些 3D 建模軟體的不斷普及✘·•▩,再加上網際網路上關於 3D 建模教程的增多✘·•▩,你會發現 3D 風格的視覺表現✘·•▩,是一個 B 端視覺設計師的基本要求▩·▩╃☁。


2. 新擬態 雖然新擬態是在前兩年的產物▩·▩╃☁。這個設計風格背後✘·•▩,遭到了很多設計師的質疑與排擠▩·▩╃☁。但是隨著這個風格的不斷成熟✘·•▩,感覺它在 B 端視覺領域(特指的是官網 )✘·•▩,是非常受歡迎的✘·•▩,因為整體的風格✘·•▩,與官網的設計形式趨同▩·▩╃☁。

如何做好B端使用者研究▩▩☁?我總結了這4個方面•│!


1. 主動找使用者 日常主動找使用者做研究的方式有│•:問卷調查✘·•▩,線上資料✘·•▩,深度訪談✘·•▩,可用性測試▩·▩╃☁。


2. 深度使用者訪談

3. 使用者找我們 我們除了可以去找客戶✘·•▩,客戶也回來找我們反映問題▩·▩╃☁。這個方式其實是更加直接的▩·▩╃☁。這個方式的三個階段✘·•▩,分別是收集需求₪▩✘、問題分類₪▩✘、以及問題進行排期▩·▩╃☁。

4. 成為使用者 這個一般是土豪公司的選擇✘·•▩,典型的像有贊✘·•▩,把實體店開在公司樓下▩·▩╃☁。然後讓產研人員定期去當店小二✘·•▩,在自己的系統當中去找出問題✘·•▩,早上去做店小二✘·•▩,下午就把 BUG 修改完▩·▩╃☁。

B端設計指南│•:快速瞭解B端產品的四種分類


垂直業務型產品 垂直業務型產品是針對企業垂直獨立的業務需求所設計出來的 B 端產品▩·▩╃☁。這類產品的出現✘·•▩,主要是圍繞某一個複雜業務場景✘·•▩,去解決這個場景當中企業經營₪▩✘、管理的實際問題▩·▩╃☁。


行業屬性型產品 行業屬性型產品是針對某個行業定製的一系列✘·•▩,從上至下₪▩✘、從內到外的產品功能▩·▩╃☁。這類產品主要是圍繞一個具體的行業去構建整個產品的解決方案✘·•▩,目的是這個行業的商家✘·•▩,在使用了這款產品過後✘·•▩,就能夠解決它目前經營過程當中的問題▩·▩╃☁。

協同辦公型產品 協同辦公型產品是透過軟體實現工作協同₪▩✘、辦公自動化✘·•▩,讓企業高效運轉的產品▩·▩╃☁。

Bs介面設計之四│•:B端設計指南│•:6800字乾貨幫你掌握快捷鍵設計


鍵盤✘·•▩,在很多人的眼中✘·•▩,就是一個資訊錄入的硬體裝置▩·▩╃☁。但你卻不清楚完整的鍵盤當中✘·•▩,字元按鍵只佔到了整個鍵盤數量的 60% (完整鍵盤共 108 鍵✘·•▩,字元鍵 65 鍵)


你會發現✘·•▩,鍵盤除了打字之外✘·•▩,還會有其他很多用途▩·▩╃☁。快捷鍵✘·•▩,就是不可忽視的一部分▩·▩╃☁。(注│•:完整的快捷鍵會包含✘·•▩,快捷組合鍵與快捷按鍵兩部分✘·•▩,文章就不做過多糾結✘·•▩,意在討論這樣的互動形式✘·•▩,這裡簡單統稱為快捷鍵▩·▩╃☁。)

Bs介面設計之五│•:想做B端還不懂什麼是SAAS▩▩☁?一篇最專業的掃盲科普(上)


有了解和學習 B 端的同學必然都聽說過 SAAS 這個詞✘·•▩,這在 B 端行業是個非常重要的產品形式和分支▩·▩╃☁。 雖然它重要✘·•▩,但新手對這東西的理解充滿了讓人遺憾的扭曲▩·▩╃☁。比如常見的誤解式提問✘·•▩,Saas 應該怎麼設計▩▩☁?適用哪些設計風格▩▩☁?


講解什麼是 Saas✘·•▩,或者剛剛圖例出現的 Paas₪▩✘、laas 是什麼✘·•▩,首先要認識一個問題✘·•▩,一個需要聯網的軟體✘·•▩,是如何落地的✘·•▩,需要哪些前提條件▩·▩╃☁。

Bs介面設計之六│•:想做B端還不懂什麼是SAAS▩▩☁?一篇最專業的掃盲科普(下)


有了解和學習 B 端的同學必然都聽說過 SAAS 這個詞✘·•▩,這在 B 端行業是個非常重要的產品形式和分支▩·▩╃☁。 雖然它重要✘·•▩,但新手對這東西的理解充滿了讓人遺憾的扭曲▩·▩╃☁。比如常見的誤解式提問✘·•▩,Saas 應該怎麼設計▩▩☁?適用哪些設計風格▩▩☁? 所以我從最底層的技術層面✘·•▩,來解析 SAAS 到底是什麼✘·•▩,在未來你再也不用擔心對這個詞彙一知半解✘·•▩,無法正常參與業務討論了▩·▩╃☁。


Bs介面設計之七│•:如何做好B端產品的資訊設計▩▩☁?我總結了3個原則•│!


最近在 12306 網站購票時✘·•▩,彈窗中展示了大段的文字資訊✘·•▩,我只是匆匆掃了兩眼就果斷關閉了✘·•▩,實在沒有耐心逐字讀完▩·▩╃☁。特別是節日搶票的場景✘·•▩,使用者更不會有心情去看這些提示資訊▩·▩╃☁。


所以在做產品設計時✘·•▩,需要注重資訊的傳遞效率▩·▩╃☁。B 端產品通常用在 PC 端✘·•▩,螢幕顯示區域大✘·•▩,在做設計時會不自覺的新增較多的資訊✘·•▩,反而影響了使用者的使用體驗▩·▩╃☁。今天我們就來討論下如何做好資訊傳遞▩▩☁?


Bs介面設計之八│•:用2個案例✘·•▩,幫你學會B端關鍵資訊的密度提升設計


在決策類產品中✘·•▩,使用者的行為路徑一般從資訊分析場景到資訊決策場景▩·▩╃☁。系統關鍵資訊密度的高低是影響使用者決策速率的重要因子▩·▩╃☁。因此我們建議從「資訊拆分與重組」₪▩✘、「功能高效聚合」兩個層級出發✘·•▩,以提升關鍵資訊在頁面模組中的的密度▩·▩╃☁。


Bs介面設計之九│•:從6個層面✘·•▩,幫新手快速入門B端設計系統


設計系統 = 設計價值觀和原則+設計規範+場景定義+工具包 設計系統是在設計價值觀和原則₪▩✘、設計標準指導下的各種共享的設計模式和元件資產✘·•▩,是將產品設計團隊聯合在一起共同打造的一套質量和效率上都有所保障的可行性解決方案✘·•▩,能夠解決產品視覺₪▩✘、互動體驗一致性的問題₪▩✘、幫助傳達統一的品牌認知▩·▩╃☁。幫助團隊快速完成產品迭代和功能開發•│!


Bs介面設計之十│•:B端設計基礎指南│•:網格系統


說到網格的應用✘·•▩,我們可以追溯到很遠▩·▩╃☁。古埃及人在他們的雕刻和繪畫中描繪的人物遵循了一個規則✘·•▩,將比例標準定為人的拳頭✘·•▩,一個站立的人物從地面到頭頂測量為 18 個拳頭▩·▩╃☁。


公元 1040 年✘·•▩,首次在中國出現活字印刷✘·•▩,主要採用的是泥活字▩·▩╃☁。在西方✘·•▩,金屬活字印刷術在 1450 年左右出現✘·•▩,而古騰堡聖經在 1455 年左右的發行將是出版界的第一個重大里程碑▩·▩╃☁。金屬型別的文字更加充分利用了網格▩·▩╃☁。


Bs介面設計之一│•:從視覺產品兩方面✘·•▩,分析2022年B端設計的發展趨勢


在 2020 年✘·•▩,疫情最為嚴峻的時候✘·•▩,B 端這一領域得到了前所未有的關注✘·•▩,而那時✘·•▩,身為 B 端使用者體驗設計師的我✘·•▩,也曾總結過✘·•▩,當時 B 端設計的諸多趨勢✘·•▩,比如│•: 多端需求│•:即桌面端₪▩✘、平板端₪▩✘、移動端的設計形式


隨著 2022 年的到來✘·•▩,B 端行業又會迎來哪些新的機會▩▩☁?今天我們就從整個的 B 端入手✘·•▩,回顧一下 2021 年的設計形式✘·•▩,展望一下 2022 年的設計趨勢▩·▩╃☁。當然趨勢完全是我自己個人主觀理解✘·•▩,僅供參考✘·•▩,如有異議✘·•▩,以你為準~


表格體驗最佳化指南【一】-B端設計


本期內容概覽 下圖為內容目錄✘·•▩,大家可以透過下面的目錄針對感興趣的內容進行選擇性閱讀▩·▩╃☁。文章分為兩小章節類✘·•▩,從最基礎對錶格的認識再到表格如何提升“易讀性”進行分享▩·▩╃☁。


什麼是表格▩▩☁? 我先從表格的最基礎的基本認知跟大家分享✘·•▩,幫助大家對錶格有個初步的認知▩·▩╃☁。那麼什麼是表格呢▩▩☁?用一句概括│•:“將複雜的內容進行「歸納整理」✘·•▩,將「資訊展示」給使用者✘·•▩,幫助使用者高效率的進行「資料分析」▩·▩╃☁。”


美女把尿口扒开让男人玩,韩国19禁a片在线播放,国产精品一区二区久久不卡,国产老熟女牲交freexx