91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?|北京藍(lán)藍(lán)UI設(shè)計公司

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

首先看我們這次改版的對象:

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

光憑第一印象,整體效果是還不錯的,落實到每個局部的話,布局也是合理的,可以看到是有設(shè)計的細(xì)節(jié)在里面.jpg。

但是,再多看幾眼,就會發(fā)現(xiàn)整體的效果似乎有點(diǎn)不和諧,但又找不出來問題具體在哪,不知道怎么改下去。問題的根源就是 —— 過度設(shè)計。

我們強(qiáng)調(diào)過很多次,表盤頁的設(shè)計是作品集項目中最重要的頁面,因為觀看者對整體視覺和設(shè)計水準(zhǔn)的印象是通過它建立起來的,不管你分析怎么寫,我們首先關(guān)注的肯定也是設(shè)計的效果。

但重要不代表需要過度傾注和堆疊視覺元素,過度的設(shè)計會讓界面看起來有 “飛機(jī)” 敢,不僅不真實的印象產(chǎn)生了,還會顯得業(yè)余不夠自信。同時任何項目中表盤頁過度設(shè)計都會對整個項目造成負(fù)擔(dān),后續(xù)的頁面要怎么設(shè)計才能不和它產(chǎn)生隔閡,保持一致性。

下面,我們根據(jù)原頁面進(jìn)行分析,來找出問題并優(yōu)化:

問題 1:導(dǎo)航欄的圖標(biāo)

導(dǎo)航的頂部 LOGO 描邊沒有太大必要,以及圖標(biāo)的設(shè)計在這個尺寸下非常的局促,因為細(xì)節(jié)較多,不僅復(fù)雜性提升了,也缺乏圖形辨識。

所以改動中,將多余的背景去掉,再簡化圖標(biāo)本身的樣式。


如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 2:頂欄的設(shè)計

頂部欄本身設(shè)計單看是沒有問題的,但是作為全局欄目和導(dǎo)航欄顏色缺乏區(qū)分,而且用了投影來強(qiáng)化層次,就讓這個模塊的權(quán)重被過度放大。

所以我們?nèi)サ袅吮尘吧?,并適當(dāng)增高欄目的高度,讓局部更舒展。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 3:統(tǒng)計數(shù)字的問題

統(tǒng)計數(shù)字在作品展示里用特殊字體很常見,因為要用更美觀的字體來呈現(xiàn)重要的信息。但任何頁面中的信息權(quán)重都要保持階梯性,不能讓加粗、深色、特殊字體幾個要素作用在過多的信息上,這就讓畫面顯得非常的“吵”。

所以要對字重和色彩做控制,創(chuàng)造對比來降低視覺的壓力。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 4:圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問題,第一個柱狀的堆疊類型并不是太符合實際數(shù)據(jù)應(yīng)用,下方的環(huán)形圖中起始位置顯然不對,并且色彩比較混亂。

所以是答案對它們做出優(yōu)化,并調(diào)整了一些小細(xì)節(jié)。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 5:配圖類型選擇

在引導(dǎo)卡片中,用的扁平插畫素材一方面不高級,另一方面內(nèi)容太碎,再加上用奇怪的字體和傾斜,使得這個卡片看起來非常別扭。

改動中替換新的圖片素材(臨時找的,理解意思就行),同時使用一般黑體的標(biāo)題,以及增加背景色,來形成新的卡片樣式。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 6:裝飾圖標(biāo)應(yīng)用

在快速入口和日程模塊中,都有使用裝飾圖標(biāo),顯然大家也能理解他們對于目前的語境來講還是細(xì)節(jié)過多了,所以需要做一些調(diào)整,讓它們簡化。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

最后,再加上一些細(xì)節(jié)的小改動,最終的樣式就完成了。


如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

表盤的設(shè)計一定要在最后做檢查,一些設(shè)計感強(qiáng)的元素是否有必要這么做,尤其是類似圖標(biāo)元素,做得很花哨是否對信息的識別能帶來幫助?如果不行,那就可以果斷的放棄。

表盤頁的設(shè)計感來自 —— 全局元素和色彩的控制,而不是單一某個局部內(nèi)容的加強(qiáng)。

文章來源:優(yōu)設(shè)
作者:酸梅干超人

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計圖標(biāo)定制 、 用戶體驗 、交互設(shè)計網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司高端網(wǎng)站設(shè)計公司、UI咨詢用戶體驗公司、軟件界面設(shè)計公司

AIGC | B端視覺設(shè)計全攻略-手把手教程|北京藍(lán)藍(lán)UI設(shè)計公司

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

人工智能的嶄新概念正在逐漸改變我們對設(shè)計的認(rèn)識和實踐方式。在這個數(shù)字化時代,AI不再僅僅是一種輔助工具,它已經(jīng)成為設(shè)計師的得力助手,能夠提供更高效、更智能的設(shè)計方案。在B端設(shè)計視覺中,AI的應(yīng)用為我們開辟了一條通向更優(yōu)質(zhì)設(shè)計的道路,本文將深入探討如何借助AI技術(shù),輔助設(shè)計師完成B端設(shè)計視覺。無論你是剛剛踏入設(shè)計領(lǐng)域的小白,還是經(jīng)驗豐富的資深設(shè)計師,都可以利用AI工具來提升設(shè)計效率、優(yōu)化視覺效果。

設(shè)計鏈路拆解用戶旅程圖|北京藍(lán)藍(lán)UI設(shè)計公司

博博

通常設(shè)計團(tuán)隊的設(shè)計鏈路大致可以分成四個步驟:需求分析->用研交互->UI視覺->驗收迭代。在不同的階段,需要團(tuán)隊中的交互/UI/視覺...設(shè)計師各司其職,每位設(shè)計師要解決的核心問題不同:

這里引入一個結(jié)構(gòu)化的設(shè)計方法——“雙鉆”模型

“雙鉆設(shè)計模型”已經(jīng)被很多設(shè)計師或設(shè)計機(jī)構(gòu)做過概念變體和衍生,所以可能經(jīng)常會看到各種各樣類似的“設(shè)計模型”,有的是“三鉆”的,有的是三角形的或是正方形的。不過,不要太在意這些模型是叫做“雙鉆模型”、“三鉆模型”還是“兩個四邊形模型”,其核心都是在講
一套使用設(shè)計思維來解決問題的思路和方法,這套思路和方法適用于
從產(chǎn)品需求定義到設(shè)計成果產(chǎn)出的整個過程。

在這個過程中,“設(shè)計模型”能夠分別幫助設(shè)計師達(dá)到三個目的:

  1. 洞察和挖掘產(chǎn)品真正的問題
    也就是模型中第一個“鉆”的核心目的:為正確的事情做設(shè)計(Designing the right thing),即“做正確的事”。

  2. 通過恰當(dāng)方法找到設(shè)計最優(yōu)解
    也就是模型中第二個“鉆”的核心目的:用正確的方法做設(shè)計(Designing things right),即“將設(shè)計做正確”。

  3. 復(fù)盤并驗證問題設(shè)計的結(jié)果
    也就是模型中第三個“鉆”的核心目的:驗證做的設(shè)計是否正確(Verify Desig Effectiveness),即“驗證設(shè)計的效果”。

  4. 鏈路1-需求分析

可能有人會說:“分析需求不是產(chǎn)品經(jīng)理的事情嗎?”

確實,在產(chǎn)品需求階段產(chǎn)品經(jīng)理會起主導(dǎo)角色,產(chǎn)品經(jīng)理的需求分析:側(cè)重于從商業(yè)維度考慮產(chǎn)品目標(biāo),考慮用戶的需求是什么,以及用什么樣的功能去滿足用戶需求。
但同時,設(shè)計師會協(xié)助產(chǎn)品參與需求挖掘工作,可以更直觀了解產(chǎn)品的背景和設(shè)計目標(biāo),同時會協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場景和各個接觸點(diǎn),使得產(chǎn)品在需求階段可以更好的與后續(xù)交互設(shè)計銜接。

設(shè)計師的需求分析側(cè)重點(diǎn):基于對產(chǎn)品需求的正確理解,通過運(yùn)營與用戶層面考慮,平衡業(yè)務(wù)與用戶之間的訴求,讓設(shè)計在達(dá)到用戶體驗的情況下更大化的發(fā)揮商業(yè)價值。

  1. 鏈路2-用研交互

在提出需求目標(biāo)后,需要精準(zhǔn)定位目標(biāo)用戶,將假設(shè)與用戶訴求進(jìn)行驗證。

交互設(shè)計師會采用用戶畫像/體驗地圖/用戶移情圖等方法構(gòu)建用戶使用情景,將抽象的業(yè)務(wù)目標(biāo)在用戶層面進(jìn)行價值試驗后的故事轉(zhuǎn)譯。通過前期調(diào)研和用戶故事還原體驗情景,最終分析驗證前期方案的假設(shè),并為方案原型交互設(shè)計提供客觀數(shù)據(jù)支撐。

通過用研及數(shù)據(jù)結(jié)果分析驗證后,就到了原型設(shè)計階段,最終修正的需求文檔會交由交互設(shè)計師轉(zhuǎn)化交互原型文檔。

交互文檔主要是用來承載設(shè)計思路、設(shè)計方案、信息架構(gòu)、原型線框、交互說明等內(nèi)容,大致會包含:基礎(chǔ)信息(項目簡介、需求分析),交互說明(信息架構(gòu)思維導(dǎo)圖、任務(wù)流程圖),頁面交互流程原型圖(包含交互設(shè)計的方案闡述界面布局、操作手勢、反饋效果、元素的規(guī)則定義、以及異常頁面和異常情況的說明)。

  1. 鏈路3-UI視覺

建立設(shè)計規(guī)范

UI即User Interface(用戶界面),而UI設(shè)計規(guī)范通俗來說,是圍繞在某種風(fēng)格或者大型設(shè)計項目下形成可視化、數(shù)據(jù)化的標(biāo)準(zhǔn),針對相對獨(dú)立的體系建立的統(tǒng)一遵守條款。 UI組件庫則是是基于用戶界面產(chǎn)品而制定的一套可復(fù)用設(shè)計庫,也是為了方便設(shè)計師、開發(fā)和測試人員共同協(xié)作,而遵循的規(guī)律和法則。
其中色彩范圍、圖標(biāo)設(shè)計方案、插畫配圖以及動效等,這些都可以在定義視覺風(fēng)格的階段進(jìn)行思考,并有所結(jié)論。而字體的選擇且通常情況下會使用iOS和Android系統(tǒng)的模型字體作為規(guī)范字體,因為系統(tǒng)字體更為勻稱,顯示效果更為舒適,醒目利于閱讀,更利于視覺信息的傳達(dá)。

搭建設(shè)計組件庫

搭建組件庫,其實是利用組件庫型思維,產(chǎn)品需求場景化、視覺表達(dá)模塊化并最終將解決方案進(jìn)行封裝。

通過標(biāo)準(zhǔn)的規(guī)范組合方式來構(gòu)建整個設(shè)計方案,從而提升設(shè)計效能。一方面使團(tuán)隊的每位設(shè)計師和開發(fā)都能通過組件庫直觀了解產(chǎn)品設(shè)計規(guī)范,通過組件的復(fù)用性原理提升設(shè)計與開發(fā)的協(xié)同效率。另一方面通過清晰有規(guī)律樣式布局,保證產(chǎn)品界面視覺及體驗性的一致性。

  1. 鏈路4-驗收迭代

設(shè)計走查驗收

設(shè)計界面交付后就算完成設(shè)計任務(wù)了嗎?

設(shè)計交付不等于設(shè)計任務(wù)的結(jié)束,在產(chǎn)品正式版發(fā)布之前,交互設(shè)計師和視覺設(shè)計師需要對線上測試版本進(jìn)行走查。有些團(tuán)隊內(nèi)部協(xié)作習(xí)慣于直接口頭或是簡單文字溝通,面對簡單且量少的問題時可能會相對比較快速。但是一定會存在信息遺漏、溝通誤差等問題。

產(chǎn)品設(shè)計迭代
雖然有些公司的產(chǎn)品真的過硬,可能會具備較長的生命周期,但它們始終會被更加優(yōu)秀、好用、新穎的競品所取代。
因此產(chǎn)品設(shè)計的持續(xù)優(yōu)化迭代,是能保持發(fā)揮產(chǎn)品優(yōu)勢,不斷找到用戶痛點(diǎn)的關(guān)鍵,而做好產(chǎn)品迭代不僅是產(chǎn)品經(jīng)理的職能, 也是設(shè)計師的職能所在。

寫在最后,我們來梳理一下整個設(shè)計鏈路的結(jié)構(gòu)

作者:7V_Kevin
來源:站酷

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢用戶體驗公司、軟件界面設(shè)計公司

設(shè)計師如何用ChatGPT提高工作效率?給你16個例子!

博博


當(dāng)設(shè)計師利用ChatGPT提高工作效率時,可以通過以下16個例子來實現(xiàn):
獲得設(shè)計靈感:設(shè)計師可以向ChatGPT提出關(guān)于特定主題或風(fēng)格的問題,以獲取創(chuàng)意和靈感,幫助他們更快速地開展設(shè)計工作。
快速生成設(shè)計草圖:設(shè)計師可以與ChatGPT交流,描述自己的設(shè)計想法,然后ChatGPT可以幫助生成初步的設(shè)計草圖或構(gòu)思,從而加速設(shè)計流程。
獲取設(shè)計反饋:設(shè)計師可以與ChatGPT分享他們的設(shè)計,并詢問對于改進(jìn)的建議。ChatGPT可以提供反饋和專業(yè)意見,幫助設(shè)計師改進(jìn)設(shè)計。
設(shè)計布局優(yōu)化:設(shè)計師可以提供設(shè)計布局的描述和需要解決的問題,ChatGPT可以提供布局改進(jìn)的建議,包括元素的排列、間距和對齊等。
確定色彩方案:設(shè)計師可以向ChatGPT描述設(shè)計項目的需要和目標(biāo),ChatGPT可以提供符合品牌形象和用戶體驗的色彩方案建議。
輔助設(shè)計圖標(biāo)和圖形:設(shè)計師可以向ChatGPT描述需要的圖標(biāo)或圖形的特點(diǎn)和樣式,ChatGPT可以提供相關(guān)圖標(biāo)和圖形的素材或幫助設(shè)計符合要求的圖標(biāo)。
設(shè)計文件管理:設(shè)計師可以向ChatGPT咨詢最佳的設(shè)計文件組織方式,包括文件命名規(guī)范、文件夾結(jié)構(gòu)和版本控制等,提高工作流程的整體效率。
自動生成設(shè)計規(guī)范:設(shè)計師可以與ChatGPT共享設(shè)計樣式和規(guī)范的要求,ChatGPT可以幫助生成一致和易于理解的設(shè)計規(guī)范文檔,以供整個團(tuán)隊使用。
快速解決設(shè)計問題:當(dāng)設(shè)計師遇到設(shè)計上的難題時,可以向ChatGPT描述問題,ChatGPT可以提供解決方案和提示,幫助設(shè)計師迅速解決問題。
交互設(shè)計優(yōu)化:設(shè)計師可以向ChatGPT詳細(xì)描述用戶界面的交互流程和問題,ChatGPT可以提供改進(jìn)交互設(shè)計的建議,包括交互動畫、狀態(tài)轉(zhuǎn)換和用戶反饋等。
設(shè)計審查支持:設(shè)計師可以將設(shè)計文件和說明發(fā)送給ChatGPT,并請求審查和評估。ChatGPT可以檢查設(shè)計是否符合最佳設(shè)計實踐、用戶體驗原則和可訪問性要求。
自動生成設(shè)計文檔:設(shè)計師可以與ChatGPT共享設(shè)計細(xì)節(jié),ChatGPT可以協(xié)助生成詳細(xì)的設(shè)計文檔,包括設(shè)計決策、功能說明和交互模型等,減少手動編寫文檔的時間。
設(shè)計項目管理:設(shè)計師可以向ChatGPT咨詢項目管理技巧和工具推薦,以提高團(tuán)隊的項目管理效率和協(xié)作效果。
快速響應(yīng)常見設(shè)計問題:當(dāng)設(shè)計師遇到常見的設(shè)計問題時,可以向ChatGPT提問,ChatGPT可以提供解決該問題的最佳實踐和建議。
設(shè)計素材搜索和篩選:設(shè)計師可以向ChatGPT描述他們需要的設(shè)計素材,ChatGPT可以提供相應(yīng)的搜索結(jié)果和篩選條件,幫助設(shè)計師快速找到合適的素材。
用戶測試和反饋解讀:設(shè)計師可以向ChatGPT分享用戶測試數(shù)據(jù)和反饋,ChatGPT可以幫助解讀和分析數(shù)據(jù),提供對用戶體驗的深入理解和改進(jìn)意見。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計ipad界面設(shè)計 、 包裝設(shè)計圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司UI咨詢、用戶體驗公司軟件界面設(shè)計公司

B端表單幫助系統(tǒng)多場景應(yīng)用

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

我們很多時候會在選擇設(shè)計方案上搖擺不定。自己覺得好的方案,看到別人是另外一種形式,又會覺得自己的是不是不太好。其實沒必要,每一種方案都有好與壞,很難做到100%完美,只能說在當(dāng)前這個階段里接近完美。

就像小孩有了蟲牙,去醫(yī)院治療,醫(yī)生也會說有很多種方案。具體用哪一種會根據(jù)年齡、性別、牙齒生長情況來決定。比如:一個6歲的女孩,在不嚴(yán)重的情況下,醫(yī)生可能就建議清理后補(bǔ)一下;如果是一個5歲的男孩,當(dāng)前牙齒還不錯,距離換牙還有比較長的一段時間,可能會給你放個普通點(diǎn)的牙套保護(hù)起來

【B端設(shè)計】表單設(shè)計的模式及使用場景

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

在B端設(shè)計中,表單設(shè)計是常見的需求設(shè)計,對于B端來說,表單的信息復(fù)雜程度會根據(jù)業(yè)務(wù)的實際情況而定,常見的簡單表單設(shè)計只需要將表單的字段平鋪在頁面中,用戶輸入相關(guān)信息即可完成表單的任務(wù)。但是B端的實際業(yè)務(wù)中,表單的需求有簡單也有非常復(fù)雜的場景,如果都采用簡單的平鋪方式,必定會讓表單填寫任務(wù)變得難以操作。對于不同的表單模式使用的業(yè)務(wù)場景不同,但是表單的呈現(xiàn)方式也具有多種選擇,并且適用的場景也不同。下面我總結(jié)了三種不同的表單展示方式,四中表單的呈現(xiàn)方式以及應(yīng)用場景。

如何進(jìn)行表單體驗優(yōu)化-中臺系統(tǒng)

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

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

后臺表單設(shè)計中的思考

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

表單頁作為B端設(shè)計中常見頁面之一,在設(shè)計過程中如何解決用戶的問題如何降低使用者的錄入負(fù)荷。一點(diǎn)小小的經(jīng)驗供大家參考~在使用表單組件、或設(shè)計表單頁面時,很多設(shè)計者都是根據(jù)自己的直覺或者個人經(jīng)驗本能驅(qū)動解決排列、布局的一些問題。但又會有很多的疑惑會從過程中冒出來困惑設(shè)計師,導(dǎo)致自己的設(shè)計很難使產(chǎn)品、開發(fā)等信服。每一個設(shè)計都離不開解決某問題或達(dá)到某個預(yù)期,好的表單設(shè)計往往都能讓用戶快速get到關(guān)鍵信息同時快速準(zhǔn)確錄入信息,降低使用者填寫負(fù)荷。帶著這樣的設(shè)計目的結(jié)合業(yè)務(wù)內(nèi)容將表單進(jìn)行分組,結(jié)合適當(dāng)?shù)脑O(shè)計策略,這樣能使設(shè)計方案更加有理有據(jù)。

網(wǎng)頁后臺設(shè)計:列表設(shè)計、表單設(shè)計

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

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

后臺系統(tǒng)中,如何高效的設(shè)計表單-標(biāo)簽篇

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

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

日歷

鏈接

個人資料

存檔