<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          如何組合元素,才能搭配出好看有設計感的畫面?|北京藍藍UI設計公司

          周周

          咱們這章就重點說說如何組合元素搭配出有設計感又實用的構圖,希望你看完之后能有所收獲。

          個人主頁頭部,應該如何設計?

          博博

          個人主頁頭部與其說是一個組件,不如說是「在個人頁中一塊聚合信息的區域」,因為絕大多數帶個人社交主頁的App,都采用了類似的做法,或有相似的框架,所以我們可以在這里討論這一區域的通用設計方法。

          彈窗設計方式詳解

          博博

          彈窗是一種瞬態的交互式視圖,它會在“合適”的時間彈出到頁面的最頂層,并借由用戶的一次點擊完成關閉。

           

          學會這個思路,什么圖片素材都能拿來用!|北京藍藍UI設計公司

          周周

          今天要討論的話題主要是關于點線面分布分析,這部分知識主要是針對空間層面的,學會后真的可以做到任何一張圖都能拿來直接做。好啦閑話不多說下面開始今天的內容。

           

          如何快速提高版式設計能力?總結了3個方面?。本┧{藍UI設計公司

          周周

          下面將從 01、版式的組成;02、構圖的平衡;03、設計的原則三個方面介紹版式設計的創作思路。

          UI必看!幫你快速掌握彈窗組件的設計方式|北京藍藍UI設計公司

          周周

          彈窗是一種瞬態的交互式視圖,它會在“合適”的時間彈出到頁面的最頂層,并借由用戶的一次點擊完成關閉。在我們習慣的語境中,彈窗僅指模態彈窗,故這里不討論那些看上去也是彈出式卻非模態彈窗,那些控件均有自己專門的分類,例如 Toast (吐司提示)。

           

          web設計-彈窗/抽屜的使用

          博博

          彈窗最主要的功能就是服務于當前主任務之外的支線任務,包括信息傳遞,操作反饋等。對話框,警告框,toast......都屬于彈窗,但是使用場景都不一樣。在合適的業務場景選擇合適的彈窗組件,能夠保證最基礎的用戶體驗。因為像強干擾類彈窗的使用,對用戶而言,更是一種強加的任務,很容易導致用戶喪失耐心而流失

          如何判斷一位設計師是否具有產品思維|北京藍藍UI設計公司

          周周

          產品思維是設計師在設計產品時所需具備的關鍵能力之一。擁有強大的產品思維能力可以幫助設計師更好地理解客戶需求,使設計效果更加符合市場需求,從而實現商業成功。那么如何判斷一位設計師是否具有產品思維能力呢?

          關于一個數據概覽的復盤|北京藍藍UI設計公司

          鶴鶴

          前言在B端的業務之中,數據概覽頁面屬于常見的頁面,對主管有快速查看/查詢/決策的左右,對于執行也能查詢到KPI是否完成的,防止遺漏的作用。今天就結合業務之中的一個案例,跟大家做一個分享,有不同的意見可以留言或者是私聊溝通(謝謝大家)。業務需求我們團隊主要做的OA類型的項目,主要是服務于公司內部的開發團隊。隨著業務的逐步拓展、用戶的角色需求的多樣化、角色數量的多樣化、團隊內部開發團隊難度、設計師人手有限等矛盾不斷遞增,8個數據概覽模塊面臨著體驗復雜以及設計開發難度大的問題。涉及到的元素

          業務:涉及8個應用,40個頁面。
          角色分解:QA,IPM,SPM,TMDE,TES,模塊owner。
          使用場景:管理者匯總團隊信息、向上匯報以及分析數據。

          現有問題體驗不一致,提高管理成本:

          架構組件以及樣式不同的模塊完全不相同,缺少規范性

          開發低效,溝通成本高:

          組件重復開發,開發成本高
          設計師與開發溝通成本高

          解決問題解決流程分為:找高頻框架通過收集40個頁面的布局,結合對執行者與決策者的角色行為進行分析,將所有的頁面分為:

          數據概覽
          數據分析
          詳情查看

          重復組件將可視化按照空間分成;

          底層:背景
          內容層:頁頭+篩選+圖表+表格
          頂層:動作按鈕

          高頻樣式現有的樣式雜亂無章,因此針對現有的樣式進行收集和整理分類為布局,色板,字體,將所有的頁面所有的元素進行拆解,統計高頻樣式。分成:

          布局:按照業務流程順序區分
          高度:統計導航欄的高度重新計算高度
          走向:統計現有瀏覽器導航高度重新定高度
          字體:現有字體尤其是在數字的展現方式區分度不夠

          組架構組合3個場景并且對頁面進行分類,提取其中高頻的進行整理繼續布局:

          數據概覽:圖表+頁頭
          數據分析:頁頭+篩選+指標+圖表
          詳情查看:頁頭+篩選+圖表+詳細表格

          組件組合模塊根據業務進行“總-分”形式的:

          功能模塊
          子模塊
          子功能

          上面是針對于常規的功能模塊,針對非常規的模塊「例如:結果頁面」進行更加細化的區分“圖表”“表格”“篩選”,再度細分成為主體和變體進行區分。樣式組合

          布局:將7個常規的布局手鏈成為2個:“字-左上,圖表右下”,“圖表左右,注釋右邊”
          高度:以win為例,導航欄分為3欄,再去保證頁面的報告率格急性型分組:1920對應的是440,1600對應的是360px,1366對應的是280px
          走向:根據統計的數據來,3個模塊會出現超過20字的注釋或者是標簽名,因此延伸出2套解決方案:“自上而下”,和“自下而上”,經過驗證邀請幾個同學發現自上而下閱讀成本低,理解成本更低
          字體:現有字體中,常規的默認字體區區分度不高,所以引入了Din作為支持數字呈現的

          作者:一只雞腿啊啊啊
          鏈接:https://www.zcool.com.cn/article/ZMTU4NDQyOA==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

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

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

          如何通過HMI設計優化駕駛員的注意力和分心|北京藍藍UI設計公司

          博博

           

          一、注意力的定義與其重要性

          駕駛員的注意力和分心因素在車輛行駛過程中起著至關重要的作用。理解這些因素可以幫助我們更好地設計車載界面,優化駕駛員的注意力和減少分心。
          1、注意力的定義注意力是指個體對特定信息的選擇性關注和處理能力。在駕駛過程中,駕駛員需要將注意力集中在道路、交通狀況和車輛操作上,以保持對駕駛環境的全面感知和準確判斷。駕駛員的注意力是駕駛安全的重要保障,它直接影響著駕駛員對道路情況的感知和對緊急情況的反應能力。
          2、注意力的重要性駕駛員的注意力是駕駛安全的關鍵因素。當駕駛員的注意力集中在道路和交通環境上時,他們能夠更好地應對突發狀況、減少事故的發生。
          然而,許多車輛的控制面板上充斥著過多的按鈕、圖標和信息,駕駛員往往需要分心去操作和獲取所需的信息,這會增加駕駛員的認知負荷,降低他們對道路的關注度。此外,娛樂系統、通信設備和導航系統等功能的設計也可能分散駕駛員的注意力,進一步增加駕駛風險。

          二、駕駛分心的分類及最佳實踐

          1、視覺分心

          當駕駛員的注意力從道路上轉移到車輛內部或周圍環境時,就會發生視覺分心。例如,看手機、調整收音機或尋找物品等。最佳實踐:
          設計清晰明了的界面,減少對駕駛員視覺注意力的分散。
          提供語音控制和手勢識別功能,減少對視覺操作的需求。
          提供重要信息的高亮顯示,引導駕駛員的注意力。

          2、聽覺分心

          當駕駛員的聽覺注意力被車內或外部的聲音干擾時,就會發生聽覺分心。例如,響亮的音樂、電話鈴聲或警報聲等。最佳實踐:
          提供音量控制和靜音功能,使駕駛員能夠調整或暫時關閉聲音。
          使用清晰而明確的聲音提示,以幫助駕駛員理解重要信息。
          提供語音交互和語音反饋功能,減少對視覺操作和聽覺注意力的需求。

          3、操作分心

          當駕駛員需要進行復雜或分散注意力的操作時,就會發生操作分心。例如,調節座椅、操作車載系統或尋找特定的按鈕等。最佳實踐:
          設計簡單易用的界面和操作控件,減少操作的復雜性和誤觸發的可能性。
          提供大而易于點擊的按鈕和觸摸屏,減少操作時的錯誤和分心情況。
          提供語音控制和手勢識別功能,使駕駛員能夠通過自然的方式與車輛進行交互。

          4、認知分心

          當駕駛員的思維或注意力被其他事物或任務占據時,就會發生認知分心。例如,擔心工作、家庭問題或沉思等。最佳實踐:
          提供駕駛輔助功能,如盲點監測和自動緊急制動等,以減輕駕駛員的認知負荷。
          提供語音提醒和警示功能,幫助駕駛員保持對道路的關注。

          三、車上分心動作的風險指數評估

          1、分心動作的風險指數評估指標

          注意力分散程度:行為會導致駕駛員的注意力從道路上轉移出去嗎?如果是的話,分散注意力的程度有多大?
          執行動作的復雜性:行為需要駕駛員進行多個步驟或操作嗎?操作的難度有多大?
          執行動作的時機:行為發生的時機會增加駕駛員的負擔嗎?例如,在交通繁忙或高速駕駛時進行某個動作可能會增加風險。
          行為的頻率和持續時間:行為的頻率和持續時間會對駕駛員的分心程度產生影響。頻繁和持續的分心行為可能會增加事故的風險。
          行為的緊迫性:行為是否需要立即執行?如果不是緊急情況,駕駛員可以選擇將其推遲到安全的停車點?;谝陨弦蛩?,可以將分心動作的風險指數劃分為不同的級別,例如低風險、中風險和高風險。

          2、車上常見的行為風險指數

          然而,需要注意的是,風險指數是一個相對的指標,不同的駕駛員可能會因其駕駛技能、經驗和個人特點而對同一行為產生不同的反應和風險感知。因此,駕駛員應該始終遵守交通規則和法律,盡量避免分心行為,以確保自己和他人的安全。

          四、減少用戶分心的設計原則

          1、直觀性和簡潔性

          界面布局清晰:將重要的信息和功能放置在易于尋找和操作的位置,避免過多的菜單和子菜單層級。
          易于理解的圖標和標識:使用直觀和易于理解的圖標和標識,減少對駕駛員的學習和認知負荷。

          2、易用性和可操作性

          大按鈕和簡單操作:設計大而易于點擊的按鈕,減少操作時的誤觸發和分心情況。
          語音控制和手勢識別:提供語音控制和手勢識別功能,使駕駛員能夠通過自然的方式與車輛進行交互,減少對視覺操作的依賴。

          3、信息分層和優先級

          重要信息的突出顯示:將重要的信息以醒目的方式顯示在界面上,引導駕駛員的注意力。
          信息的分層和分類:根據信息的重要性和緊急程度,將信息進行分層和分類展示,減少駕駛員的注意力轉移。

          4、視覺引導和反饋

          清晰的視覺引導:通過合適的顏色、圖標、動畫等視覺元素,引導駕駛員進行正確的操作。
          即時的反饋和確認:在駕駛員進行操作后,及時給予反饋和確認,確保駕駛員的操作得到正確執行。
          遵循這些車載界面設計原則,可以幫助駕駛員更輕松地操作車輛控制面板,減少對信息的解讀和理解時間,降低駕駛員的認知負荷,并提高駕駛員對道路情況的關注度。同時,合理分層和展示信息,以及提供清晰的視覺引導和反饋,可以幫助駕駛員更好地理解和處理信息,減少分心情況的發生。

          作者:飛凡實驗室
          來源:站酷

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

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

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          久久婷婷色综合一区二区| 久久亚洲春色中文字幕久久久 | 欧美日韩精品久久久久| 久久国产热这里只有精品| 国产精品gz久久久| 国产 亚洲 欧美 另类 久久| 91精品国产乱码久久久久久| 久久精品国产第一区二区三区| 久久久久久综合网天天| 久久人人爽人人爽人人片AV高清| 久久人做人爽一区二区三区| 一本一本久久a久久综合精品蜜桃| 奇米影视7777久久精品人人爽| 久久国语露脸国产精品电影| 久久精品国产亚洲精品2020| 国产成年无码久久久久毛片| 午夜不卡888久久| 人妻中文久久久久| 久久99久久99精品免视看动漫| 奇米综合四色77777久久| 99精品久久精品一区二区| 91久久精品国产免费直播| 青青热久久国产久精品| 久久久久亚洲精品无码蜜桃| 久久久久四虎国产精品| 久久久人妻精品无码一区| 亚洲精品无码久久久久久| 久久99免费视频| 午夜视频久久久久一区 | 久久99热这里只有精品国产 | 久久久久久亚洲精品无码| 欧美黑人激情性久久| 久久国产精品久久| 国内精品久久久久影院老司| 久久久久亚洲av无码专区喷水| 99久久精品九九亚洲精品| 久久精品国产亚洲av麻豆图片| 久久国产精品国产自线拍免费| 亚洲精品成人网久久久久久| 国产成人久久激情91| 久久久国产视频|