首頁(yè)

302024-4

【Figma超級(jí)教程基礎(chǔ)篇】看透Frame，是認(rèn)識(shí)Figma的第一步

如果四年前的我遇上現(xiàn)在的我，那我在Figma的學(xué)習(xí)上就少走4年彎路，如果現(xiàn)在的你剛接觸設(shè)計(jì)或剛準(zhǔn)備轉(zhuǎn)Figma，重視我的教程，一定不會(huì)讓你失望，你也能少走幾年彎路！

全文無(wú)重點(diǎn)標(biāo)注，因?yàn)樽肿旨兪智?，每個(gè)字都很重要，希望需要的朋友用心去看每一個(gè)字！

【Figma超級(jí)教程基礎(chǔ)篇】看透Frame，是認(rèn)識(shí)Figma的第一步

感謝每一位朋友的閱讀，后續(xù)章節(jié)，一定會(huì)盡快更新。

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。

關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

作者：PONEPENG
鏈接：https://www.zcool.com.cn/article/ZMTYxNjgxNg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(389)

302024-4

深度解析統(tǒng)一監(jiān)管報(bào)送平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

前端達(dá)人

在現(xiàn)代社會(huì)中，各行各業(yè)都需要面臨復(fù)雜的監(jiān)管和報(bào)送要求。為了應(yīng)對(duì)這一挑戰(zhàn)，許多機(jī)構(gòu)和組織開(kāi)始建立統(tǒng)一監(jiān)管報(bào)送平臺(tái)，以實(shí)現(xiàn)數(shù)據(jù)的集中管理、規(guī)范報(bào)送流程、提高監(jiān)管效率。在本文中，我們將深入探討統(tǒng)一監(jiān)管報(bào)送平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)，從技術(shù)架構(gòu)、功能模塊、數(shù)據(jù)安全等方面進(jìn)行分析和解析。

1. 技術(shù)架構(gòu)

統(tǒng)一監(jiān)管報(bào)送平臺(tái)的技術(shù)架構(gòu)是整個(gè)系統(tǒng)設(shè)計(jì)的基礎(chǔ)，它決定了系統(tǒng)的性能、穩(wěn)定性和擴(kuò)展性。我們將介紹平臺(tái)采用的技術(shù)棧，包括前端框架、后端開(kāi)發(fā)語(yǔ)言、數(shù)據(jù)庫(kù)系統(tǒng)等，并深入探討各個(gè)組件之間的交互關(guān)系和數(shù)據(jù)流動(dòng)方式。

2. 功能模塊

統(tǒng)一監(jiān)管報(bào)送平臺(tái)涵蓋了多個(gè)功能模塊，包括數(shù)據(jù)采集、數(shù)據(jù)處理、數(shù)據(jù)存儲(chǔ)、報(bào)送審核等。我們將詳細(xì)介紹每個(gè)功能模塊的作用和實(shí)現(xiàn)方式，以及模塊之間的關(guān)聯(lián)關(guān)系，幫助讀者全面了解平臺(tái)的功能特點(diǎn)和運(yùn)行流程。

3. 數(shù)據(jù)安全

數(shù)據(jù)安全是統(tǒng)一監(jiān)管報(bào)送平臺(tái)設(shè)計(jì)中的重要考量因素之一。我們將分析平臺(tái)采取的數(shù)據(jù)安全措施，包括數(shù)據(jù)加密、訪問(wèn)控制、權(quán)限管理等方面，以確保用戶數(shù)據(jù)的保密性、完整性和可用性。

4. 用戶體驗(yàn)

優(yōu)秀的統(tǒng)一監(jiān)管報(bào)送平臺(tái)應(yīng)該具有良好的用戶體驗(yàn)，能夠簡(jiǎn)化用戶操作流程、提高用戶工作效率。我們將探討平臺(tái)的用戶界面設(shè)計(jì)、交互設(shè)計(jì)等方面的設(shè)計(jì)原則和實(shí)踐經(jīng)驗(yàn)，以及如何通過(guò)用戶反饋不斷優(yōu)化平臺(tái)的用戶體驗(yàn)。

5. 未來(lái)發(fā)展

最后，我們將展望統(tǒng)一監(jiān)管報(bào)送平臺(tái)未來(lái)的發(fā)展趨勢(shì)，包括技術(shù)創(chuàng)新、功能拓展、應(yīng)用場(chǎng)景擴(kuò)展等方面，為讀者提供對(duì)行業(yè)發(fā)展方向的深入思考和參考。

通過(guò)對(duì)統(tǒng)一監(jiān)管報(bào)送平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)的深度解析，我們希望能夠?yàn)樽x者提供全面的視角，幫助他們更好地理解和應(yīng)用這一關(guān)鍵技術(shù)，在實(shí)際工作中提高監(jiān)管和報(bào)送效率，推動(dòng)行業(yè)數(shù)字化轉(zhuǎn)型和智能化發(fā)展。

評(píng)論(0) 瀏覽(455)

292024-4

B端的10個(gè)設(shè)計(jì)方法

前端達(dá)人

最近看了一些B端的書籍，重溫了一些耳熟能詳?shù)脑O(shè)計(jì)方法論，在人機(jī)交互理論中，最著名和經(jīng)典的理論當(dāng)屬人機(jī)交互大師雅各布.尼爾森博士在1995年提出的尼爾森十大可用性原則，該理論是針對(duì)PC端交互設(shè)計(jì)提出的。這個(gè)理論在我們?nèi)粘５漠a(chǎn)品設(shè)計(jì)中提供了很好的指導(dǎo)意義，下面來(lái)聊聊他們分別運(yùn)用在了日常產(chǎn)品的哪些地方。

反饋原則

反饋原則指出系統(tǒng)應(yīng)在適當(dāng)?shù)臅r(shí)候向用戶提供其當(dāng)前狀態(tài)的反饋。這包括操作的即時(shí)響應(yīng)、進(jìn)度指示、錯(cuò)誤提示等。良好的反饋機(jī)制能夠讓用戶了解操作的結(jié)果，增強(qiáng)控制感，減少不確定性和焦慮感。

系統(tǒng)應(yīng)該在合理的時(shí)間、用正確的方式，向用戶提示或反饋目前系統(tǒng)在做什么、發(fā)生了什么，反饋速度應(yīng)與用戶期待相符。

百度網(wǎng)盤每次在下載文件時(shí)，都會(huì)提示當(dāng)前下載的進(jìn)展，完成了百分之幾，當(dāng)前的一個(gè)傳輸速率是多少？以及還需要多長(zhǎng)時(shí)間才能下載完成，很好的緩解了用戶焦慮的情緒。

360安全衛(wèi)士在進(jìn)行軟件殺毒的時(shí)候，也會(huì)展示出對(duì)應(yīng)的殺毒進(jìn)程，還需要多長(zhǎng)時(shí)間才能殺毒完成，給了用戶及時(shí)的反饋和滿滿的確定感。

隱喻原則

系統(tǒng)要采用用戶熟悉的語(yǔ)句、短語(yǔ)、符號(hào)來(lái)表達(dá)意思，要遵循真實(shí)世界的認(rèn)知、習(xí)慣，讓信息的呈現(xiàn)更加自然，易于辨識(shí)和接受，減少用戶的學(xué)習(xí)曲線。

在人機(jī)交互設(shè)計(jì)中，程序的溝通和表達(dá)、功能的呈現(xiàn)，都要用最自然的、用戶容易理解的方式，避免采用計(jì)算機(jī)程序語(yǔ)言的表達(dá)方式。設(shè)計(jì)時(shí)要采用符合真實(shí)世界認(rèn)知的方式，讓用戶通過(guò)聯(lián)想、類比等方法輕松地理解程序想表達(dá)的含義；隱喻可以是視覺(jué)的，也可以是操作的，它能幫助用戶通過(guò)已知的事物來(lái)理解新的概念或功能。

360安全衛(wèi)士、嗨格式視頻轉(zhuǎn)換器、騰訊電腦管家中的圖標(biāo)都采用了人們易于理解的圖形去表達(dá)，符合人們?nèi)粘５恼J(rèn)知習(xí)慣，很好的表達(dá)了業(yè)務(wù)場(chǎng)景，同時(shí)也不失美感。

回退原則

用戶經(jīng)常會(huì)不小心操作錯(cuò)誤，需要有一個(gè)簡(jiǎn)單的功能，讓程序迅速恢復(fù)到錯(cuò)誤發(fā)生之前的狀態(tài)。用戶應(yīng)能夠控制自己的操作，包括撤銷或重做之前的操作?；赝嗽瓌t提供了一種安全感，讓用戶知道他們可以從錯(cuò)誤中恢復(fù)，從而更愿意嘗試和探索系統(tǒng)的功能，減少用戶誤操作的焦慮。

QQ郵箱頁(yè)面在設(shè)計(jì)時(shí)，下面有一個(gè)撤回的按鈕，當(dāng)發(fā)現(xiàn)自己發(fā)送郵件有問(wèn)題的時(shí)候，可以點(diǎn)擊撤回，將發(fā)出去的郵件收回來(lái)。

虎課網(wǎng)的個(gè)人頭像，當(dāng)用戶不喜歡當(dāng)前的頭像時(shí)，在設(shè)置里面允許用戶對(duì)個(gè)人信息和頭像進(jìn)行重新修改，也體現(xiàn)了回退原則，讓用戶可以對(duì)之前做的操作進(jìn)行再次操作和修改。

微信也是，當(dāng)用戶發(fā)送出去的信息錯(cuò)誤時(shí)，在3分鐘內(nèi)用戶有撤回消息的權(quán)限，給用戶提供了改錯(cuò)的機(jī)會(huì)，減少了用戶誤操作帶來(lái)的挫敗感。

一致原則

同樣的場(chǎng)景、環(huán)境下，用戶進(jìn)行相同的操作，結(jié)果應(yīng)該一致；系統(tǒng)和平臺(tái)的風(fēng)格、體驗(yàn)也應(yīng)該保持一致。

一致性原則要求產(chǎn)品在不同情境下提供相同的操作反饋，保持風(fēng)格和體驗(yàn)的一致性。這有助于用戶建立直覺(jué)性的操作習(xí)慣，減少學(xué)習(xí)成本。一致性還體現(xiàn)在設(shè)計(jì)元素的使用上，如按鈕、圖標(biāo)、顏色等，都應(yīng)保持統(tǒng)一風(fēng)格，避免用戶產(chǎn)生混淆。

飛書在聯(lián)系人、郵箱、日程、服務(wù)臺(tái)、應(yīng)用、消息等多個(gè)場(chǎng)景都保持了風(fēng)格非常統(tǒng)一的空狀態(tài)頁(yè)面，整個(gè)產(chǎn)品的統(tǒng)一感很強(qiáng)，比較舒適。

防錯(cuò)原則

防錯(cuò)原則強(qiáng)調(diào)預(yù)防錯(cuò)誤的發(fā)生優(yōu)于錯(cuò)誤發(fā)生后的補(bǔ)救。設(shè)計(jì)時(shí)，應(yīng)考慮用戶可能的錯(cuò)誤操作，并設(shè)計(jì)機(jī)制來(lái)避免或減少這些錯(cuò)誤。例如，通過(guò)禁用不可用的選項(xiàng)、提供清晰的指令和限制，以及在執(zhí)行不可逆操作前設(shè)置確認(rèn)步驟, 防錯(cuò)設(shè)計(jì)可提升用戶效率, 降低錯(cuò)誤幾率。

EV錄屏里面有個(gè)錄制視頻的列表，當(dāng)用戶點(diǎn)擊需要?jiǎng)h除的視頻時(shí)，有一個(gè)二次確認(rèn)的機(jī)會(huì)，以防止客戶誤刪，很好的體現(xiàn)了防錯(cuò)原則。

天翼云電腦專家在設(shè)計(jì)學(xué)習(xí)模式按鈕入口的時(shí)候，為了防止用戶出錯(cuò)，把按鈕設(shè)計(jì)了兩種狀態(tài)，一種是帶插畫頭像的彩色按鈕，一種是把插畫頭像置灰的按鈕樣式，讓用戶能很好的區(qū)分當(dāng)前的一個(gè)狀態(tài)，是防錯(cuò)原則的一個(gè)很好運(yùn)用。

記憶原則

讓系統(tǒng)的相關(guān)信息在需要的時(shí)候顯示出來(lái)，減輕用戶的記憶負(fù)擔(dān)，幫助用戶快速上手，提升產(chǎn)品的易用性。例如，自動(dòng)保存用戶的輸入、提供歷史記錄、使用快捷方式等，可以減少用戶需要記憶的信息量；當(dāng)切換頁(yè)面時(shí)，不應(yīng)該讓用戶記住不同頁(yè)面的內(nèi)容，而應(yīng)該在合適的地方積極地呈現(xiàn)或提示之前的信息。

花瓣、千圖、嗶哩嗶哩平臺(tái)在搜索欄都有搜索的歷史記錄功能，之前搜索的過(guò)的詞，當(dāng)用戶再次想要搜索的時(shí)候，用戶不需要再次輸入，直接選擇對(duì)應(yīng)的歷史標(biāo)簽就行。

靈活易用原則

靈活易用原則不僅是一個(gè)交互設(shè)計(jì)原則，也代表了一種軟件產(chǎn)品設(shè)計(jì)理念；系統(tǒng)要做到簡(jiǎn)單易用，系統(tǒng)應(yīng)為不同水平的用戶提供靈活的使用方式。中級(jí)用戶是大多數(shù)，設(shè)計(jì)應(yīng)滿足他們的需求，同時(shí)為初級(jí)用戶提供易于上手的引導(dǎo)，為高級(jí)用戶提供定制化選項(xiàng)，以提高效率。靈活設(shè)計(jì)可以提升用戶滿意度，個(gè)性化設(shè)置可以增加用戶粘性，促進(jìn)用戶的探索。

騰訊電腦管家考慮到每個(gè)人有每個(gè)人的審美和喜好，設(shè)計(jì)了一鍵換膚的功能，提供了有足足12種之多的皮膚設(shè)計(jì)，用戶可以在個(gè)性皮膚里面隨時(shí)切換自己想要的皮膚背景。

簡(jiǎn)約設(shè)計(jì)原則

簡(jiǎn)約設(shè)計(jì)原則要求去除不必要的信息和功能，突出重點(diǎn)，避免信息過(guò)載。設(shè)計(jì)應(yīng)追求簡(jiǎn)潔，同時(shí)保持功能的完整性和可用性，確保用戶可以快速識(shí)別和使用最重要的功能。

聯(lián)通應(yīng)用商店的應(yīng)用下載中，沒(méi)有把對(duì)應(yīng)程序的安裝按鈕直接顯示出來(lái)，只有當(dāng)鼠標(biāo)點(diǎn)擊到對(duì)應(yīng)的圖標(biāo)上時(shí)，安裝按鈕才顯示出來(lái)，簡(jiǎn)化了頁(yè)面的信息流，通過(guò)動(dòng)態(tài)的交互方式讓頁(yè)面看起來(lái)更加的簡(jiǎn)潔，是簡(jiǎn)約設(shè)計(jì)原則的很好應(yīng)用。

飛書在一個(gè)信息層級(jí)，任務(wù)這么復(fù)雜的一個(gè)頁(yè)面，每段任務(wù)通過(guò)任務(wù)的緊急情況做了顏色區(qū)分，并且還配合了對(duì)應(yīng)的圖標(biāo)，整個(gè)頁(yè)面設(shè)計(jì)清清爽爽，把一個(gè)很復(fù)雜的信息流，通過(guò)歸類，讓頁(yè)面更加的簡(jiǎn)約。

容錯(cuò)原則

當(dāng)錯(cuò)誤不可避免時(shí)，系統(tǒng)應(yīng)提供清晰的錯(cuò)誤信息和解決方案。這意味著錯(cuò)誤信息應(yīng)易于理解，避免專業(yè)術(shù)語(yǔ)或錯(cuò)誤代碼，同時(shí)提供明確的解決步驟或建議，幫助用戶從錯(cuò)誤中恢復(fù)。

對(duì)于很多運(yùn)行時(shí)錯(cuò)誤或異常，計(jì)算機(jī)程序都會(huì)返回某個(gè)錯(cuò)誤代碼，但是用戶看到這些錯(cuò)誤代碼時(shí)并不明白發(fā)生了什么，所以一定要將錯(cuò)誤代碼轉(zhuǎn)換成用戶能看懂的信息，并告訴用戶解決的建議。

聯(lián)想電腦管家客服頁(yè)不見(jiàn)了，他給出了很明確的錯(cuò)誤提示，并且還附上了一個(gè)可視化的插畫設(shè)計(jì)，緩解了用戶焦慮的情緒。

聯(lián)想電腦商鋪應(yīng)用也是的，消息不能查看了，它告訴用戶什么原因?qū)е虏荒懿榭?，給用戶提出了很明確的指引和方向。

幫助原則

即使系統(tǒng)設(shè)計(jì)直觀，提供易于檢索的幫助信息也是必要的。幫助文檔應(yīng)清晰、簡(jiǎn)潔，并提供解決問(wèn)題的明確步驟，避免過(guò)于復(fù)雜或冗長(zhǎng)。

現(xiàn)在的軟件產(chǎn)品，尤其是C端產(chǎn)品，普遍做了良好的交互設(shè)計(jì)，可以幫助用戶快速學(xué)習(xí)使用，而不用閱讀、理解復(fù)雜的說(shuō)明文檔。

然而，B端產(chǎn)品的復(fù)雜性比C端產(chǎn)品高很多。因?yàn)锽端產(chǎn)品蘊(yùn)含很多業(yè)務(wù)流程的規(guī)則，系統(tǒng)中的一個(gè)按鈕可能代表了一個(gè)復(fù)雜的業(yè)務(wù)處理邏輯。如果不了解整個(gè)業(yè)務(wù)場(chǎng)景和處理規(guī)則，則很難理解按鈕的操作含義的。

因此，對(duì)于B端產(chǎn)品，用戶進(jìn)行自助服務(wù)、自助操作的難度高很多，B端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計(jì)人員要盡量在前端交互設(shè)計(jì)上做好引導(dǎo)提示，對(duì)于復(fù)雜的規(guī)則和邏輯，可以考慮通過(guò)幫助文檔來(lái)指導(dǎo)。

菜鳥裹裹的郵寄頁(yè)面，輸入地址欄上方提供了輸入信息的功能，并且通過(guò)一鍵識(shí)別按鈕，就可以將粘貼進(jìn)來(lái)的信息一鍵智能的填充到下方的信息欄中，給用戶提供了很多的幫助和便捷。

酷我音樂(lè)在設(shè)置里面，設(shè)置了提供幫助的入口，當(dāng)用戶需要幫助的時(shí)候，可以在里面提供反饋，然后平臺(tái)就會(huì)給你提供幫助。

總結(jié)：

通過(guò)閱讀結(jié)合自己日常的產(chǎn)品體驗(yàn)，會(huì)對(duì)這些設(shè)計(jì)原則產(chǎn)生一個(gè)深刻的印象和理解，光看這些文字描述，可能不能明顯立體的體會(huì)到它的價(jià)值，但是當(dāng)帶著這些思考去生活中找證據(jù)的時(shí)候，發(fā)現(xiàn)這些設(shè)計(jì)方法論真的是個(gè)大寶藏，帶著這種方法論思考的設(shè)計(jì)師能設(shè)計(jì)出很多合情合理的設(shè)計(jì)，方便了用戶使用的同時(shí)也大大提高了頁(yè)面的美感。

本文觀點(diǎn)都為個(gè)人理解和總結(jié)，不足之處也歡迎大家留言區(qū)多多點(diǎn)評(píng)指正，大家共同進(jìn)步！

作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTYxNzgwMA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(373)

292024-4

探索優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)

前端達(dá)人

企業(yè)級(jí)后臺(tái)管理界面是企業(yè)管理者和運(yùn)營(yíng)團(tuán)隊(duì)日常工作中必不可少的工具之一。一個(gè)優(yōu)秀的 B 端后臺(tái)管理界面不僅可以提升工作效率，還能夠增強(qiáng)數(shù)據(jù)可視化、用戶體驗(yàn)和系統(tǒng)安全性。在這篇文章中，我們將一起探索一些優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)，其中藍(lán)藍(lán)設(shè)計(jì)也是不可或缺的一部分。

1. 簡(jiǎn)潔清晰的布局

優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)通常采用簡(jiǎn)潔清晰的布局，將不同的功能模塊劃分為明確的區(qū)域，使用戶能夠快速找到所需的功能和信息。布局中應(yīng)避免過(guò)多的干擾元素，保持界面整潔簡(jiǎn)約，提高用戶的操作效率和體驗(yàn)感。

2. 數(shù)據(jù)可視化和圖表展示

企業(yè)級(jí)后臺(tái)管理界面通常需要處理大量的數(shù)據(jù)和信息，優(yōu)秀的設(shè)計(jì)應(yīng)該通過(guò)數(shù)據(jù)可視化和圖表展示，將復(fù)雜的數(shù)據(jù)呈現(xiàn)為直觀的圖形和圖表，幫助用戶快速理解和分析數(shù)據(jù)，做出科學(xué)的決策。

3. 多級(jí)權(quán)限管理和安全保障

企業(yè)級(jí)后臺(tái)管理界面涉及到不同用戶角色和權(quán)限管理，優(yōu)秀的設(shè)計(jì)應(yīng)該提供多級(jí)權(quán)限管理功能，確保不同用戶只能訪問(wèn)和操作他們所需的功能和數(shù)據(jù)，同時(shí)保障系統(tǒng)的安全性和穩(wěn)定性。

4. 個(gè)性化定制和擴(kuò)展性

企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)應(yīng)該考慮到不同企業(yè)的需求和特點(diǎn)，提供個(gè)性化定制和擴(kuò)展性功能，使企業(yè)能夠根據(jù)自己的業(yè)務(wù)需求對(duì)界面進(jìn)行定制和擴(kuò)展，滿足不同用戶的需求。

5. 響應(yīng)式設(shè)計(jì)和移動(dòng)端優(yōu)化

隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，企業(yè)管理者和運(yùn)營(yíng)團(tuán)隊(duì)越來(lái)越傾向于使用移動(dòng)設(shè)備來(lái)管理企業(yè)業(yè)務(wù)。因此，優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)應(yīng)該具有響應(yīng)式設(shè)計(jì)和移動(dòng)端優(yōu)化功能，確保在不同設(shè)備上都能夠提供良好的用戶體驗(yàn)和操作效率。

綜上所述，優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)應(yīng)該以簡(jiǎn)潔清晰的布局、數(shù)據(jù)可視化和圖表展示、多級(jí)權(quán)限管理和安全保障、個(gè)性化定制和擴(kuò)展性、響應(yīng)式設(shè)計(jì)和移動(dòng)端優(yōu)化等為核心特點(diǎn)，為企業(yè)管理者和運(yùn)營(yíng)團(tuán)隊(duì)提供高效便捷的管理工具，助力企業(yè)管理的數(shù)字化轉(zhuǎn)型和智能化發(fā)展。

評(píng)論(0) 瀏覽(414)

282024-4

深度解析：如何讓設(shè)計(jì)作品擺脫平庸？

前端達(dá)人

作品平庸、不夠出彩、抓不住用戶眼球等等，這些是很多設(shè)計(jì)師工作中常遇到的困惑，60分的及格設(shè)計(jì)做起來(lái)得心應(yīng)手，可一旦要求提高到80分甚至更高就力不從心。

在現(xiàn)在這個(gè)如此內(nèi)卷的設(shè)計(jì)行業(yè)，越來(lái)越多的設(shè)計(jì)師在追求技法、追求設(shè)計(jì)形式上的高難度，仿佛用到的技法牛不牛逼成為了作品質(zhì)量高不高的第一標(biāo)準(zhǔn)。

但殊不知過(guò)分的追求技法、堆效果，會(huì)導(dǎo)致用戶閱讀作品信息的難度增大，致使設(shè)計(jì)作品的商業(yè)價(jià)值降低，最終出力不討好。

所以想要提升作品出彩度、改變平庸表現(xiàn)有時(shí)不必大費(fèi)周章，往往當(dāng)你做好一些細(xì)節(jié)工作時(shí)上述問(wèn)題便水到渠成的解決了，所以本期就給大家分享幾個(gè)解決此類問(wèn)題的實(shí)用技巧。

一、放大關(guān)鍵文字信息

文字，作為商業(yè)設(shè)計(jì)中最直觀的信息載體，它在整個(gè)設(shè)計(jì)環(huán)節(jié)都至關(guān)重要，但這也是很多設(shè)計(jì)師容易忽略的環(huán)節(jié)，因?yàn)樗麄兏敢獍丫Ψ旁诋嬅娌季帧⒃卮钆?、?chuàng)意實(shí)現(xiàn)等容易出效果的環(huán)節(jié)上。

文字除了具備傳達(dá)信息的作用外，在設(shè)計(jì)工作中它還能起到很好的裝飾作用，所以在設(shè)計(jì)行業(yè)中有個(gè)分支叫字體設(shè)計(jì)師。

當(dāng)你能做到文字保證可閱讀性且又能兼顧設(shè)計(jì)感的時(shí)候，你會(huì)發(fā)現(xiàn)你的作品整體質(zhì)量會(huì)提升很多，但這項(xiàng)能力可不是一朝一夕就能掌握的，對(duì)于很多設(shè)計(jì)師來(lái)說(shuō)有一定局限性。

所以相比文字設(shè)計(jì)來(lái)說(shuō)，放大關(guān)鍵文字信息這招適用性就強(qiáng)的多了。

不難發(fā)現(xiàn)即便是常規(guī)字體，當(dāng)文字被刻意放大后其裝飾作用就會(huì)變得更明顯，給人能帶來(lái)強(qiáng)烈的沖擊力讓人印象深刻。

按照上述理論，簡(jiǎn)單做個(gè)案例：

最終呈現(xiàn)：

這個(gè)案例就很好的利用了字體放大后的裝飾特性，其關(guān)鍵在第二步，當(dāng)主文案在畫面位置確定的那一刻，整體效果其實(shí)已經(jīng)出來(lái)了，緊接著將其他文案排好、增加畫面細(xì)節(jié)讓整體更豐富就行了。

所以有目的性的放大文字信息，能在一定程度上幫助我們提升作品整體的層次感和設(shè)計(jì)感，從而讓作品在視覺(jué)呈現(xiàn)上更出彩。

二、數(shù)字外文信息別放過(guò)

前面說(shuō)了放大后文字具備很好的裝飾作用，這在數(shù)字和外文信息上體現(xiàn)的更明顯，甚至有時(shí)即便不刻意放大裝飾作用也很強(qiáng)。

因?yàn)橹形暮蛿?shù)字、外文結(jié)構(gòu)上就有差異化，當(dāng)多類文字信息同時(shí)出現(xiàn)在設(shè)計(jì)作品上時(shí)，在視覺(jué)上便很容易營(yíng)造層次感，所以此時(shí)我們可以利用這一特點(diǎn)在數(shù)字和外文信息上下功夫。

首先說(shuō)下設(shè)計(jì)師在工作中容易忽略的字體選擇細(xì)節(jié)，中文、外文、數(shù)字習(xí)慣性的用中文字體，就這么一個(gè)小細(xì)節(jié)就足以讓我們作品質(zhì)量打折扣。如下圖當(dāng)數(shù)字和中文都使用統(tǒng)一字體思源黑體時(shí)，整體給人的感覺(jué)很平、甚至有些枯燥、乏味。

只是將中文和數(shù)字字體做出區(qū)分，層次感和設(shè)計(jì)感馬上不一樣了。

還可以將關(guān)鍵數(shù)字信息進(jìn)一步處理，進(jìn)一步提升視覺(jué)層次。

按照老板的邏輯，把利益點(diǎn)放大、加粗、標(biāo)紅也不是不行。

同樣的文案信息，只是將中文和數(shù)字字體區(qū)別出來(lái)就能有如此提升，看似很基礎(chǔ)的操作，但卻總會(huì)有一些設(shè)計(jì)師容易忽略。

在不影響文字正常信息傳遞的前提下，放大后的數(shù)字和外文裝飾作用要比中文更強(qiáng)烈，

所以我們一樣可以通過(guò)放大數(shù)字或外文的手段來(lái)提升我們作品的出彩度。

再看看下面這組案例：

相比較而言后三個(gè)都是在第一個(gè)基礎(chǔ)排版上做了放大處理，其實(shí)采用的手法相同，只不過(guò)有的針對(duì)數(shù)字90，有的針對(duì)關(guān)鍵信息90天免費(fèi)換新而已。

現(xiàn)在你能理解為什么很多高質(zhì)量的作品都喜歡著重處理數(shù)字和外文信息了吧，因?yàn)槿绱撕?jiǎn)單的細(xì)節(jié)操作往往能四兩撥千斤，高效實(shí)用又出效果，類似的案例還有：

還有一種做法：在不影響正常文字信息閱讀的前提下，可以嘗試將部分外文或數(shù)字與常規(guī)文字形成疊壓關(guān)系，比如：

如上圖所示，通過(guò)數(shù)字或外文字體的疊壓，使得看似簡(jiǎn)單的兩行文字在視覺(jué)上有設(shè)計(jì)感和層次感，類似的案例還有：

另外這里提到的著重處理也可以是加粗、變色、添加材質(zhì)、水印化等等，目的都是通過(guò)相對(duì)簡(jiǎn)單的文字處理讓我們的設(shè)計(jì)作品整體更具設(shè)計(jì)感，更有記憶點(diǎn)。

三、遮擋

這里所說(shuō)的遮擋并不是指簡(jiǎn)單的元素間的疊壓，而是營(yíng)造空間層次感的一種設(shè)計(jì)手法。另外不要提到空間、層次就想到建模三維、復(fù)雜合成等等，反而一些簡(jiǎn)單高效的處理方式在設(shè)計(jì)工作中更實(shí)用，也更容易出效果。

1）文字與其他元素間相互穿插。

如上圖所示，這里的文字已經(jīng)不單單是信息元素的存在了，更是畫面中非常重要的設(shè)計(jì)元素，也正是因?yàn)閷⑽淖峙c其他元素刻意遮擋的處理，才使得畫面整體的層次感和設(shè)計(jì)感更加強(qiáng)烈。

還有就是不要局限于文字穿插，一些圖案、線條同樣也可以按照上述思路做穿插遮擋。

所以在商業(yè)設(shè)計(jì)工作中，沒(méi)必要過(guò)于迷戀?gòu)?fù)雜的技法，學(xué)會(huì)歸納總結(jié)逐漸形成自己的方法論，會(huì)讓你的工作事半功倍。

2）虛實(shí)結(jié)合

接下來(lái)說(shuō)說(shuō)遮擋的另一種方式：利用模糊化處理后的元素，在畫面營(yíng)造出一種前虛后實(shí)的視覺(jué)效果，類似攝影中的景深效，比如：

如上圖所示，虛化的植物、葉子等元素在畫面中就起到了很好的拉開(kāi)空間距離、提升視覺(jué)層次感的作用，在不影響主題表現(xiàn)的前提下提升了整體的設(shè)計(jì)感。當(dāng)然文字也可以按照上述理論來(lái)做：

將虛化后的文字當(dāng)做畫面中的前景，在視覺(jué)上一樣可以營(yíng)造出很強(qiáng)的視覺(jué)層次感，讓人眼前一亮。包括一些光影效果同樣也很出彩：

你會(huì)發(fā)現(xiàn)當(dāng)畫面中空間上的遮擋關(guān)系形成后，作品就變得相對(duì)更容易出效果，設(shè)計(jì)感也會(huì)更好表現(xiàn)，所以按照這個(gè)邏輯還可以繼續(xù)拓展。

現(xiàn)實(shí)生活中大家對(duì)玻璃都不陌生，一些油砂、磨砂類的玻璃所能映襯出的背景基本也都是虛化的，這與我今天所說(shuō)的模糊化遮擋是不是很像？

3）玻璃效果

下面看個(gè)小案例：

雖然兩者只有簡(jiǎn)單的變化，但顯然右邊案例給人的感覺(jué)更協(xié)調(diào)、豐富、有意思，而左邊雖然做法沒(méi)有問(wèn)題，但視覺(jué)表現(xiàn)上相對(duì)右邊案例就顯得略微相對(duì)有些平淡。

類似的案例還有：

如上圖所示，是不是一下就能感受到玻璃在畫面中的獨(dú)特作用了。這樣的處理方式在很多優(yōu)秀作品中也經(jīng)常能看到，所以在適當(dāng)?shù)臅r(shí)候利用玻璃效果營(yíng)造畫面層次感和設(shè)計(jì)感也是很好的選擇之一。

下面再來(lái)做個(gè)案例：

最終呈現(xiàn)：

這個(gè)案例我相信做到第二步對(duì)于很多人來(lái)說(shuō)都不難，但如果只是到第二步的話作品明顯缺少層次變化，給人的感覺(jué)略顯單調(diào)。

所以既然缺少變化、層次感不夠，那我接下來(lái)要做的就是做針對(duì)性的改變，我首先想到的就是利用玻璃元素的特性增強(qiáng)畫面層次感和形式感。然后我又想到了使用光影效果：

雖然跟前面玻璃效果的案例在視覺(jué)表現(xiàn)上有所不同，但兩者核心方法卻是一樣的——遮擋，通過(guò)虛實(shí)結(jié)合的方式提升作品整體層次感。

四、最后總結(jié)

往往能決定作品質(zhì)量的就是對(duì)細(xì)節(jié)的優(yōu)化和調(diào)整，這個(gè)過(guò)程并不是說(shuō)有多么復(fù)雜，關(guān)鍵點(diǎn)在于要會(huì)審查作品，找出問(wèn)題、然后對(duì)應(yīng)的解決問(wèn)題。

文章給大家分享了在一些在工作中可供參考、高效實(shí)用的設(shè)計(jì)思路，當(dāng)然這些還遠(yuǎn)遠(yuǎn)不夠，比如還可以從：配色、留白、裝飾元素、肌理素材等方面入手，大家要學(xué)會(huì)發(fā)散思維、靈活運(yùn)用。所以我們要盡力成為那個(gè)能出色完成工作的人，而不是及格就萬(wàn)事大吉，在工作中對(duì)自己要求高一些，成長(zhǎng)就會(huì)快很多。

作者：美工美邦
鏈接：https://www.zcool.com.cn/article/ZMTYxODAwMA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(389)

282024-4

醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)賞析

前端達(dá)人

在現(xiàn)代醫(yī)療領(lǐng)域，隨著科技的不斷進(jìn)步，醫(yī)療手術(shù)機(jī)器人正成為越來(lái)越重要的工具。這些機(jī)器人不僅提高了手術(shù)的精準(zhǔn)度和效率，還為醫(yī)生提供了更好的操作體驗(yàn)和患者治療效果。而醫(yī)療手術(shù)機(jī)器人軟件界面的設(shè)計(jì)，直接影響著醫(yī)生對(duì)手術(shù)過(guò)程的掌控和操作的順利進(jìn)行。下面我們將一起探索一些優(yōu)秀的醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)，以賞析其設(shè)計(jì)之美和功能之強(qiáng)大。

1. 界面簡(jiǎn)潔直觀

優(yōu)秀的醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)通常以簡(jiǎn)潔直觀為特點(diǎn)，讓醫(yī)生能夠快速找到所需的功能和信息，提高操作效率。界面布局清晰，功能模塊分區(qū)明確，圖標(biāo)和按鈕設(shè)計(jì)簡(jiǎn)潔明了，文字描述準(zhǔn)確清晰，使醫(yī)生能夠快速理解和掌握軟件的使用方法。

2. 操作友好人性化

考慮到醫(yī)生在手術(shù)操作時(shí)的專注和緊張程度，優(yōu)秀的醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)應(yīng)該操作友好人性化。例如，采用直觀的手勢(shì)操作或者簡(jiǎn)單易懂的快捷鍵，減少醫(yī)生的操作負(fù)擔(dān)；同時(shí)，界面應(yīng)該具有良好的響應(yīng)速度，確保醫(yī)生的操作能夠及時(shí)生效，提高手術(shù)的安全性和精準(zhǔn)度。

3. 數(shù)據(jù)可視化展示

醫(yī)療手術(shù)機(jī)器人軟件通常會(huì)收集大量的手術(shù)數(shù)據(jù)和患者信息，優(yōu)秀的界面設(shè)計(jì)可以將這些數(shù)據(jù)以直觀的圖表、曲線等形式進(jìn)行可視化展示，幫助醫(yī)生更好地分析和理解數(shù)據(jù)，做出科學(xué)的診斷和決策。同時(shí)，界面設(shè)計(jì)還應(yīng)該考慮到不同醫(yī)生的習(xí)慣和需求，提供個(gè)性化的數(shù)據(jù)展示和分析功能。

4. 多模態(tài)交互支持

醫(yī)療手術(shù)機(jī)器人軟件通常需要支持多種交互模式，包括觸摸屏、手勢(shì)識(shí)別、語(yǔ)音控制等。優(yōu)秀的界面設(shè)計(jì)應(yīng)該充分考慮到不同醫(yī)生的操作習(xí)慣和使用環(huán)境，提供多模態(tài)交互支持，使醫(yī)生能夠選擇最適合自己的操作方式，提高操作的便利性和舒適度。

5. 安全保障和隱私保護(hù)

作為醫(yī)療設(shè)備的一部分，醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)必須嚴(yán)格遵守相關(guān)的安全和隱私保護(hù)標(biāo)準(zhǔn)。界面設(shè)計(jì)應(yīng)該考慮到數(shù)據(jù)的安全傳輸和存儲(chǔ)，防止數(shù)據(jù)泄露和篡改；同時(shí)，界面應(yīng)該提供嚴(yán)格的權(quán)限管理功能，確保只有經(jīng)過(guò)授權(quán)的醫(yī)生才能夠訪問(wèn)和操作相關(guān)數(shù)據(jù)和功能。

綜上所述，優(yōu)秀的醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)應(yīng)該以簡(jiǎn)潔直觀、操作友好、數(shù)據(jù)可視化、多模態(tài)交互和安全保障為核心原則，為醫(yī)生提供更好的操作體驗(yàn)和患者治療效果，推動(dòng)醫(yī)療技術(shù)的不斷進(jìn)步和發(fā)展。

評(píng)論(0) 瀏覽(551)

262024-4

深度解析：如何讓設(shè)計(jì)作品擺脫平庸？

ui設(shè)計(jì)分享達(dá)人

評(píng)論(0) 瀏覽(377)

262024-4

八角行為分析 — 打動(dòng)用戶的產(chǎn)品密碼

ui設(shè)計(jì)分享達(dá)人

在當(dāng)今競(jìng)爭(zhēng)激烈的市場(chǎng)環(huán)境中，打造真正吸引用戶的產(chǎn)品和服務(wù)已成為品牌脫穎而出的關(guān)鍵。我們需要不斷地探索和挖掘用戶的需求和期望，以便更好地設(shè)計(jì)出引人入勝的產(chǎn)品和服務(wù)。在這個(gè)過(guò)程中，用戶動(dòng)機(jī)是用戶做出某種行為和決策的核心原因，了解用戶動(dòng)機(jī)心理成為產(chǎn)品設(shè)計(jì)中至關(guān)重要的一環(huán)。

每一次玩法設(shè)計(jì)的過(guò)程中，我們都會(huì)為產(chǎn)品賦予諸多亮點(diǎn)。但只有和用戶需求交叉的部分才能真正驅(qū)動(dòng)他們?nèi)ンw驗(yàn)并傳播，我們可以用八角行為分析（Octalysis）來(lái)理解打動(dòng)用戶的產(chǎn)品密碼。

評(píng)論(0) 瀏覽(367)

262024-4

八角行為分析 — 打動(dòng)用戶的產(chǎn)品密碼

ui設(shè)計(jì)分享達(dá)人

評(píng)論(0) 瀏覽(463)

262024-4

優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！

博博

一、降落傘帶來(lái)的營(yíng)銷廣告

在這個(gè)廣告滿天飛的年代，用戶已經(jīng)逐步開(kāi)啟廣告免疫模式，如何提高用戶對(duì)廣告的關(guān)注度至關(guān)重要。

近期在體驗(yàn)餓了么時(shí)，等待送餐界面中空降一個(gè)降落傘，從左上角飄到右側(cè)懸浮，彈出紅包懸浮廣告。降落傘飄浮的動(dòng)態(tài)過(guò)程吸引了用戶的關(guān)注度，進(jìn)而提高了營(yíng)銷廣告的點(diǎn)擊率，雖然廣告大家都比較反感，但是一個(gè)伴隨著驚喜的廣告也會(huì)讓你放下戒備心理。

二、動(dòng)效反饋商家備餐過(guò)程

提升等待過(guò)程對(duì)于用戶體驗(yàn)來(lái)說(shuō)尤為重要，降低用戶等待過(guò)程中的焦慮感，才能讓用戶愿意為此停留。

通過(guò)餓了么點(diǎn)餐之后，商家需要一定的時(shí)間完成餐飲的制作，必然需要用戶等待一些時(shí)間。在這個(gè)備餐過(guò)程中，當(dāng)前界面以一個(gè)翻炒動(dòng)效表達(dá)，情感化的動(dòng)效不僅提示用戶當(dāng)前狀態(tài)，也提升了設(shè)計(jì)表達(dá)的感官體驗(yàn)。

三、這個(gè)廣告驚不驚喜意不意外

意料之外的廣告是帶給你驚喜還是反感呢？平臺(tái)為了提高變現(xiàn)能力，各種層出不窮的廣告玩法也讓你猝不及防。

之前在體驗(yàn)騰訊視頻 App 時(shí)，從閃屏廣告過(guò)度到 Banner 圖的過(guò)程中，經(jīng)歷了多個(gè)廣告新花樣。首先從閃屏切換到自動(dòng)輪播的彈窗模式，再演變到放大版的多個(gè)廣告切片（占 Banner 位呈現(xiàn)），最后再恢復(fù)到 Banner 的正常布局中。這個(gè)過(guò)程無(wú)疑是把廣告的存在感拉滿了，讓你對(duì)廣告的記憶形成硬性要求。

無(wú)論這個(gè)廣告設(shè)計(jì)方案是否讓用戶反感，但是這個(gè)呈現(xiàn)的互動(dòng)方式還是比較新穎的，相信廣告的點(diǎn)擊率必然有所提升。

四、Banner 廣告的視覺(jué)沉浸感

Banner 圖在產(chǎn)品中是非常普及的，各類形式的演變也層出不窮，產(chǎn)品設(shè)計(jì)師都在探索更多可能性。

在騰訊視頻 App 動(dòng)漫欄目中，發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個(gè)懸浮的火焰燃燒的動(dòng)效，提升了整體的氛圍感，動(dòng)效與 Banner 畫面完美貼合，視覺(jué)沉浸感十足。

五、待機(jī)狀態(tài)下的實(shí)時(shí)動(dòng)態(tài)

隨時(shí)讓用戶感受到你的存在，才能讓人感到安心，服務(wù)過(guò)程中狀態(tài)實(shí)時(shí)可見(jiàn)至關(guān)重要。

通過(guò)餓了么點(diǎn)餐之后，就算處于待機(jī)狀態(tài)時(shí)，只要點(diǎn)亮屏幕即可看到當(dāng)前出餐狀態(tài)?？梢暬膱D形結(jié)合時(shí)間提醒，讓狀態(tài)一目了然，使得點(diǎn)餐到用餐之間的過(guò)程更有用戶可控性。

六、小圖標(biāo)里的細(xì)節(jié)反思

產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo)，既要能準(zhǔn)確表達(dá)主題，也要讓用戶易于理解。

在汽車之家 App 發(fā)現(xiàn)了一個(gè)值得反思的圖標(biāo)案例，在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓，不僅不會(huì)影響掃描的功能表達(dá)，也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同，這個(gè)是對(duì)準(zhǔn)汽車進(jìn)行掃描，體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計(jì)師的能力，用最簡(jiǎn)單的方式表現(xiàn)自身產(chǎn)品的差異，以此提升用戶的操作體驗(yàn)。

七、輪播式的懸浮設(shè)計(jì)

懸浮設(shè)計(jì)非常普及，因?yàn)檎急刃『突瑒?dòng)頁(yè)面會(huì)隱藏，對(duì)用戶的干擾比較小。

最近在芒果 TV 首頁(yè)發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá)，芒果卡和活動(dòng)中心會(huì)自動(dòng)輪播顯示（也能手動(dòng)切換）。讓我們對(duì)懸浮窗口的設(shè)計(jì)又多了一種設(shè)計(jì)理解，可以呈現(xiàn)更多不同內(nèi)容的表達(dá)，提升了窗口的利用率。

八、氛圍熱烈的底部標(biāo)簽欄

底部標(biāo)簽欄的設(shè)計(jì)在圖標(biāo)創(chuàng)意層面發(fā)揮較多，各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩，除此之外也有在背景層渲染氛圍的案例。

近期恰逢芒果 TV 十周年之際，在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色，結(jié)合主題化的圖標(biāo)設(shè)計(jì)，使得整體氛圍感拉滿。

九、收縮式交互設(shè)計(jì)

通過(guò)交互方式應(yīng)對(duì)用戶操作過(guò)程，特別是在滑動(dòng)界面時(shí)，交互方式的優(yōu)化可以降低干擾，提高當(dāng)前界面的利用率。

在 Blurrr App 創(chuàng)作界面，默認(rèn)以 3D 動(dòng)態(tài)圖標(biāo)展示“開(kāi)始創(chuàng)作”按鈕，當(dāng)滑動(dòng)界面時(shí)按鈕會(huì)收縮展示。通過(guò)收縮式的交互設(shè)計(jì)，讓界面可以展示更多內(nèi)容，也不會(huì)影響用戶點(diǎn)擊按鈕進(jìn)行創(chuàng)作。即通過(guò) 3D 動(dòng)效加強(qiáng)了功能的曝光度，又通過(guò)收縮式交互提高了內(nèi)容的展示空間，可謂是一舉多得的設(shè)計(jì)解決方案。

十、形象化的進(jìn)度設(shè)計(jì)

進(jìn)度設(shè)計(jì)是反饋狀態(tài)變化的關(guān)鍵，通過(guò)可視化的表達(dá)讓用戶一目了然，提高用戶對(duì)服務(wù)過(guò)程的把控。

當(dāng)用戶通過(guò)攜程旅行 App 訂票后，在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過(guò)可視化的列車形象的表達(dá)了行駛狀態(tài)，讓用戶清晰的看到行駛方向和抵達(dá)站點(diǎn)示意。不僅信息傳遞高效，形象的表達(dá)也使得感官體驗(yàn)更佳。

作者：黑馬青年
來(lái)源：站酷

評(píng)論(0) 瀏覽(386)

« 1 ... 5 6 7 8 9 10 11 ... 57 »

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com

手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁(yè)

【Figma超級(jí)教程基礎(chǔ)篇】看透Frame，是認(rèn)識(shí)Figma的第一步

深度解析統(tǒng)一監(jiān)管報(bào)送平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

B端的10個(gè)設(shè)計(jì)方法

探索優(yōu)秀的企業(yè)級(jí)后臺(tái)管理界面設(shè)計(jì)

深度解析：如何讓設(shè)計(jì)作品擺脫平庸？

醫(yī)療手術(shù)機(jī)器人軟件界面設(shè)計(jì)賞析

深度解析：如何讓設(shè)計(jì)作品擺脫平庸？

八角行為分析 — 打動(dòng)用戶的產(chǎn)品密碼

八角行為分析 — 打動(dòng)用戶的產(chǎn)品密碼

優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！

分類

日歷

鏈接

個(gè)人資料

存檔