伊人久久无码中文字幕_欧美成人精品第一区二区三区_玖玖资源站中文字幕在线_97无码超碰中文字幕

首頁

頁面的卡片式設(shè)計(jì)

濤濤

在扁平化設(shè)計(jì)興起與最初的 Macintosh 圖形界面問世之間的近 30 年,是擬物化設(shè)計(jì)從萌芽、發(fā)展、成熟到轉(zhuǎn)型的階段。上世紀(jì) 80 年代,幾乎所有研究機(jī)構(gòu)和 3D 制作公司都聚焦于提高 3D 圖形的真實(shí)感。隨著技術(shù)成熟,設(shè)計(jì)師們爭相繪制愈發(fā)逼真復(fù)古的圖標(biāo),到 2012 年左右,擬物化設(shè)計(jì)達(dá)到極致。然而,過度精細(xì)的肌理、裝飾、光影讓人們視覺疲勞,且用單一逼真設(shè)備作為圖標(biāo),因設(shè)備更迭可能導(dǎo)致功能識(shí)別斷代,比如年輕一代對(duì)指南針喻指地圖、磁帶喻指錄音等設(shè)計(jì)可能陌生。

如何讓UI設(shè)計(jì)更加統(tǒng)一規(guī)范

濤濤

本指南旨在幫助設(shè)計(jì)師快速且一致地布置 UI,對(duì)于設(shè)計(jì)有固定約束的移動(dòng)應(yīng)用程序 UI 尤其有用,同時(shí)在響應(yīng)式網(wǎng)頁設(shè)計(jì)中也能發(fā)揮作用。和許多設(shè)計(jì)指南一樣,這些示例在實(shí)際設(shè)計(jì)過程中體會(huì),會(huì)比單獨(dú)閱讀文字更有幫助。

如何讓UI設(shè)計(jì)稿更加優(yōu)秀

濤濤

在視覺藝術(shù)領(lǐng)域,藝術(shù)家注入作品中的顏色往往能成為作品的靈魂。正如靜電所說:“顏色就是一種力量。它可以在轉(zhuǎn)瞬之間改變圖片的基調(diào),能夠增強(qiáng)、減輕、突出、說服、呼吁等等。顏色和文字可以相互輔助,讓彼此更有力量,甚至能在沒有任何文字的情況下傳達(dá)情感,是設(shè)計(jì)師手中的一大武器?!?這也正是顏色在 UI 設(shè)計(jì)中成為關(guān)鍵因素的原因。

Feed 流設(shè)計(jì):這些知識(shí)你知道嗎?

濤濤

Feed 流,簡單來說,就是將用戶感興趣的內(nèi)容以信息流的形式呈現(xiàn)出來。我們可以把 “Feed” 理解為 “按需供給”,即產(chǎn)品通過數(shù)據(jù)算法為不同用戶推薦他們感興趣的內(nèi)容,吸引用戶不斷下拉瀏覽;而 “流” 則指信息有規(guī)律排版的呈現(xiàn)形式。

不懂如何設(shè)計(jì)小程序?來看這份超全面指南!

濤濤

最近正在參與小程序相關(guān)項(xiàng)目,因此嘗試撰寫一篇「相對(duì)全面且實(shí)戰(zhàn)」的文章,希望能給越來越火熱的小程序領(lǐng)域及設(shè)計(jì)師們提供幫助。本文閱讀時(shí)間約 10 分鐘,內(nèi)容充實(shí),建議耐心瀏覽。

B 端體驗(yàn)設(shè)計(jì)的 10 大好處

濤濤

現(xiàn)代管理學(xué)家彼得?德魯克曾說:“如果你不能夠測(cè)量,那么就沒法很好的管理它?!?過去,B 端體驗(yàn)設(shè)計(jì)在我心中是難以測(cè)量的,總覺得它縹緲不定,只是一種因人而異的感受,很難評(píng)判好壞。但經(jīng)過深入學(xué)習(xí)和研究后發(fā)現(xiàn),其實(shí)它并非如此虛幻。本文將結(jié)合具體案例,探討體驗(yàn)設(shè)計(jì)在 B 端設(shè)計(jì)中的應(yīng)用,以及相關(guān)的思維模型和可量化的方法論。

新功能引導(dǎo)頁設(shè)計(jì)思路

濤濤

在設(shè)計(jì)領(lǐng)域,不斷總結(jié)與交流是提升自我的重要途徑。在此,我將自己總結(jié)的一套新功能引導(dǎo)頁設(shè)計(jì)思路分享出來,希望能與大家共同探討,也期待大家提出問題和建議。另外,文章中使用到的 2.5D 軸測(cè)圖輔助線,我會(huì)在文末附件中添加,大家可以下載打印用來畫草圖,也可以在軟件上使用。

B 端設(shè)計(jì)九大核心要點(diǎn)

濤濤

在設(shè)計(jì)領(lǐng)域,B 端產(chǎn)品設(shè)計(jì)因其復(fù)雜性和專業(yè)性常常被視為挑戰(zhàn)。近期閱讀《B 端產(chǎn)品設(shè)計(jì)精髓》一書,讓我對(duì) B 端設(shè)計(jì)有了系統(tǒng)且深入的理解。以下將從定義、背景、目標(biāo)等九個(gè)維度,分享 B 端設(shè)計(jì)的核心要點(diǎn),希望能為從業(yè)者提供參考

高端界面設(shè)計(jì) | 數(shù)字產(chǎn)品 | Platformcraft-俄羅斯商業(yè)云存儲(chǔ)產(chǎn)品

杰睿

 

Platformcraft 是一款來自俄羅斯的商業(yè)級(jí)云存儲(chǔ)產(chǎn)品,致力于為企業(yè)提供穩(wěn)定、安全且高效的文件管理與協(xié)作服務(wù)。其品牌視覺以字母“P”與云的圖形結(jié)合為核心,簡潔而富有科技感,象征著平臺(tái)(Platform)與云端(Cloud)之間的高度融合。

從設(shè)計(jì)語言來看,Platformcraft 的標(biāo)志設(shè)計(jì)強(qiáng)調(diào)結(jié)構(gòu)感與數(shù)字秩序:

  • 標(biāo)識(shí)構(gòu)建基于幾何網(wǎng)格,提升在不同尺寸與場景下的可識(shí)別性;

  • 色彩采用深藍(lán)與漸變紫,傳達(dá)出專業(yè)性與技術(shù)前沿感;

  • 在圖標(biāo)使用上,適配度極高,無論是在 Dock 欄、移動(dòng)端應(yīng)用或印刷場景中都保持極佳的清晰度與一致性。

這套視覺系統(tǒng)不僅提升了品牌辨識(shí)度,也為其云服務(wù)產(chǎn)品賦予了可信賴的第一印象,是典型的“技術(shù)驅(qū)動(dòng) + 品牌精致化”結(jié)合的典范設(shè)計(jì)。

imgi_144_d77009228742893.6858e2e3cce3d.png

imgi_246_ae80c9228742893.6858e2e3d2b57.png

imgi_248_cee6d9228742893.6858e2e3cbc14.png

imgi_767_089bd0228742893.6858e2e3cf2d2.png

imgi_772_794d94228742893.6858e2e3cc91c.png

imgi_774_0cf6bf228742893.6858e2e3d074a.png

imgi_776_7f0d9c228742893.6858e2e3cfb0b.png

imgi_778_866b35228742893.6858e2e3d1055.png

imgi_780_8903f4228742893.6858e2e3d4f2f.png

imgi_782_c8e308228742893.6858e2e3d5735.png

imgi_788_8a052b228742893.6858e2e3d33cc.png

imgi_792_678fd5228742893.6858e2e3d42d7.png

imgi_795_0c137b228742893.6858e2e3ced08.png

imgi_798_ccc6ad228742893.6858e2e3cb426.png

imgi_800_e2d205228742893.6859306545b14.png

蘭亭妙微(www.lindaling.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

產(chǎn)品開發(fā) | 超級(jí)智能體之后是什么?垂直AI產(chǎn)品是一個(gè)方向

杰睿

如何打造“流程深度綁定”的垂直領(lǐng)域AI產(chǎn)品?|從交互與UI設(shè)計(jì)角度深入解析

一款好的AI工具,不應(yīng)該只是“出結(jié)果”,而應(yīng)該“帶用戶走完整個(gè)任務(wù)流程”。
本文從交互設(shè)計(jì)與用戶體驗(yàn)角度,詳解如何打造深度融合用戶流程的垂直領(lǐng)域AI產(chǎn)品。


一、什么是“流程綁定型AI產(chǎn)品”?

隨著AI工具的快速發(fā)展,很多產(chǎn)品停留在“工具層”:比如“AI寫PPT”、“AI改簡歷”、“AI出海報(bào)”等。但用戶常常用過即走,沒有復(fù)用與黏性。

相反,那些真正有沉淀價(jià)值的AI產(chǎn)品,往往具備兩個(gè)特點(diǎn):

  • 專注垂直任務(wù):服務(wù)某個(gè)行業(yè)、崗位、具體業(yè)務(wù)場景

  • 流程級(jí)融合:不是外掛式調(diào)用,而是完整嵌入用戶任務(wù)流程中

我們稱之為——流程綁定型AI產(chǎn)品。

比如 Notion AI、飛書智能助手、LegalMind(法律AI)、Copy.ai 等,它們?cè)跇I(yè)務(wù)閉環(huán)中持續(xù)賦能,成為流程的“原生一部分”。


01|AI產(chǎn)品別光想著“聰明”,先看清用戶到底在干嘛

說得再直接點(diǎn):
別管你用的是GPT-4.5還是Llama 87.9,用戶根本不在意你模型多牛,只關(guān)心一件事:

“我這個(gè)事,到底能不能靠你省事搞定?”

所以別上來就是“AI能力墻”或者“萬金油輸入框”,而是得先搞清楚一件事:
你的用戶每天的任務(wù)流是怎樣的?他們到底要完成什么?中間的決策點(diǎn)、阻力在哪?

舉個(gè)例子:

假如你做的是一款企業(yè)月報(bào)生成工具,那用戶的任務(wù)流可能是:

  • 拉數(shù)據(jù)(煩)

  • 編排結(jié)構(gòu)(亂)

  • 寫文案總結(jié)(難)

  • 美化排版(懶)

你就不能只提供“自動(dòng)生成一段月報(bào)文案”,這太淺了。
你得:引導(dǎo)他們一步步把數(shù)據(jù)丟進(jìn)來、智能推薦結(jié)構(gòu)、按模塊生成內(nèi)容、順手美化導(dǎo)出——這是流程綁定。

AI不是一個(gè)功能,是一條任務(wù)線。


02|不要把AI“外掛”到流程上,要“嵌進(jìn)去”

很多AI產(chǎn)品失敗的原因,就在于它像個(gè)外掛一樣掛在任務(wù)之外。

舉個(gè)反例:
一個(gè)做招聘平臺(tái)的AI工具,是這樣用的:

用戶打開平臺(tái) → 找到JD → 復(fù)制去AI工具里生成JD → 復(fù)制回來貼上

體驗(yàn)感很像:“我還得背著你走一圈”。結(jié)果當(dāng)然沒人想用第二次。

相反,你要做的是:

  • 用戶打開JD編輯器,就自動(dòng)彈出“推薦崗位結(jié)構(gòu)”

  • 輸入一句話,AI就按企業(yè)調(diào)性生成多段內(nèi)容

  • 用戶選中一句,旁邊出現(xiàn)“調(diào)正式 / 更親民”按鈕,一鍵改風(fēng)格

  • 寫完自動(dòng)保存為“我司風(fēng)格模板”,下次復(fù)用

流程從始至終,AI在里面,不是外掛。這才叫“深度綁定”。


03|任務(wù)主線驅(qū)動(dòng)交互,而不是把功能塞滿界面

現(xiàn)在很多AI產(chǎn)品的界面,打開后像個(gè)大型工具箱。

左邊是“寫文案”、右邊是“生成PPT”、中間是“靈感噴泉”,每個(gè)功能都能點(diǎn),但就是不知道從哪開始。

 給你個(gè)建議:

把AI交互改造成“任務(wù)向?qū)?rdquo;,像游戲里的主線任務(wù)一樣,一步步做完。

比如你做一個(gè)活動(dòng)策劃生成工具,可以這樣引導(dǎo):

  1. 你這次是“品牌種草”還是“促銷引流”?

  2. 那目標(biāo)平臺(tái)是什么?預(yù)算多少?

  3. 好了,這是3個(gè)推薦結(jié)構(gòu)模板,點(diǎn)一個(gè)試試

  4. 已生成文案,是否想自動(dòng)配圖、生成小紅書排版?

用戶跟著這條主線走完,感覺不是“我在用工具”,而是“它在幫我把事搞定”。


04|讓AI“像個(gè)搭檔”,而不是“來干掉你”

現(xiàn)在大家對(duì)AI又愛又怕:

  • 愛它快

  • 怕它亂說話、沒腦子、太自信

所以一個(gè)非常關(guān)鍵的體驗(yàn)點(diǎn)是:“可控感”。你得讓用戶感覺:

AI聰明,但我說了算。

幾個(gè)特別實(shí)用的設(shè)計(jì)點(diǎn):

  • 輸出內(nèi)容用卡片形式包裹,加個(gè)小角標(biāo):“AI建議”,用戶心理就沒負(fù)擔(dān)

  • 每段建議旁邊加按鈕:改口氣 / 換一種說法 / 展開寫寫,強(qiáng)化交互

  • 加入“思考中…”的動(dòng)態(tài)反饋,別秒出,0.8秒剛剛好。人腦需要緩沖

  • 允許回滾、撤銷、存為模板,這不只是功能,是信任感來源

記?。?strong data-start="1666" data-end="1700">AI不是來“替你做決定”的,而是“協(xié)助你把決定做得更靠譜”。


05|UI到底能不能讓AI更可信?別停留在表面

很多人說AI產(chǎn)品的UI就做個(gè)打字動(dòng)畫、用灰色背景、加個(gè)圓頭像就完事了。

這說實(shí)話,是太低估UI的能力了。
UI不是來“美化AI”,是用來建立信任、節(jié)奏感、角色感的。

舉兩個(gè)小誤區(qū):

  • 打字動(dòng)效做得太快,像在背稿,反而不可信

  • 顏色太鮮艷,用戶以為你在“推銷”這個(gè)建議,不是提供幫助

正確的做法是:

  • 使用中性色(淡藍(lán) / 淡紫 / 柔灰)作為建議背景,語氣溫和但明確

  • AI輸出卡片左上角標(biāo)記來源:“根據(jù)你輸入的品牌調(diào)性自動(dòng)生成”

  • 鼠標(biāo) hover 顯示輔助操作,不打擾主流程

  • 用戶編輯后,可標(biāo)記“此版本被采納”,讓AI學(xué)會(huì)風(fēng)格(哪怕假裝)

信任感 = AI行為 + UI語境 + 可控反饋的組合。
不是裝出來的,是一步步搭建出來的。


06|別急著炫技,把“能留下來的東西”做好

做AI產(chǎn)品,最怕的不是沒功能,而是:

用戶每次用都得從頭來一遍,沒沉淀、沒積累。

建議你在設(shè)計(jì)時(shí),就考慮兩件事:

  • 這次任務(wù)完成后,有沒有什么可以自動(dòng)變成資產(chǎn)?比如生成的內(nèi)容、結(jié)構(gòu)、模板、提示語等

  • 下次用戶來,是不是能基于上次留下的東西繼續(xù),而不是重新開始?

實(shí)例:

  • 寫了一篇月報(bào),AI自動(dòng)抽取結(jié)構(gòu)保存為“我司月報(bào)模板”

  • 寫的文案被用戶改了,系統(tǒng)提示“是否保存為個(gè)人表達(dá)風(fēng)格”

  • 用戶輸入一句話,AI根據(jù)過往使用記錄給出更貼合的結(jié)果

做到這些,用戶越用越順手,越用越有粘性。你這個(gè)產(chǎn)品就不是工具,而是“習(xí)慣”了。


最后,幾點(diǎn)真心話總結(jié):

  1. 不要炫AI,而要讓AI幫用戶完成事,順著流程嵌進(jìn)去。

  2. UI不是裝飾,而是信任與協(xié)作感的建構(gòu)者。

  3. 流程綁定型AI的本質(zhì):不是做功能集合,而是做“任務(wù)協(xié)作系統(tǒng)”。

  4. 你設(shè)計(jì)的不是界面,是用戶在這個(gè)流程里“越來越厲害”的過程。

 

蘭亭妙微(www.lindaling.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

日歷

鏈接

個(gè)人資料

存檔