2024-11-13 藍(lán)藍(lán)設(shè)計(jì)的小編 系統(tǒng)UI設(shè)計(jì)文章及欣賞
藍(lán)藍(lán)設(shè)計(jì)工作室2008年開始,2011年正式成立北京蘭亭妙微科技有限公司,主創(chuàng)清華團(tuán)隊(duì),專注軟件和互聯(lián)網(wǎng)ui設(shè)計(jì)開發(fā),擅長企業(yè)信息化管理、監(jiān)控、大數(shù)據(jù)軟件UIUE咨詢和設(shè)計(jì)開發(fā)服務(wù)。
北方華創(chuàng)委托藍(lán)藍(lán)設(shè)計(jì)負(fù)責(zé)一款工業(yè)刻蝕軟件的界面視覺設(shè)計(jì)和wpf前端開發(fā)。藍(lán)藍(lán)設(shè)計(jì)人員通過前期詳細(xì)溝通,參考大量相關(guān)競品。在設(shè)計(jì)過程中雙方保持高效溝通,整個(gè)軟件有50頁左右,采用分批設(shè)計(jì)的模式,在設(shè)計(jì)過程我們還對過程版本進(jìn)行保留,不斷推敲打磨最后確定一個(gè)最優(yōu)方案。開發(fā)過程中我們也運(yùn)用到了控件的WPF定制開發(fā)。好的產(chǎn)品是需要雙方建立同理心的基礎(chǔ)上共同創(chuàng)作出來的。
方案價(jià)值:
提升軟件的美觀性:美觀的軟件界面可以提供更愉悅的用戶體驗(yàn)。清晰、直觀的布局、合適的顏色搭配和美觀的圖標(biāo)可以幫助用戶更容易地理解和使用軟件,減少學(xué)習(xí)成本和操作困難,從而提高用戶滿意度。
提高用戶體驗(yàn):通過提升用戶體驗(yàn),用戶更容易學(xué)習(xí)和使用軟件,減少操作困難和學(xué)習(xí)成本。他們能夠更快速地完成任務(wù),獲得預(yù)期的結(jié)果。這樣可以提高用戶的滿意度,使其更愿意長期使用和推薦該軟件。
設(shè)計(jì)原則和理念:
頁面布局:進(jìn)行 UI 設(shè)計(jì)時(shí)需要充分考慮布局的合理化問題。
品牌一致:整體風(fēng)格以北方華創(chuàng)的品牌色藍(lán)色為主, 突出品牌性。
元素分布:通過界面元素布局,顏色,字體呈現(xiàn)給 用戶綜合體驗(yàn)。
控件規(guī)范:控件樣式,提示措辭、系統(tǒng)顏色、窗口 布局,要遵循統(tǒng)一的標(biāo)準(zhǔn)。
直觀展示:界面直觀、對用戶透明,無需過 多培訓(xùn), 可直接使用系統(tǒng)。
便于操作:界面的設(shè)計(jì)滿足功能需求的同時(shí),注重用 戶的使用習(xí)慣。
方案亮點(diǎn):
盒子思維:
充分利用盒子思維,通過建立區(qū)域在盒子中的準(zhǔn)確元素定位,將頁面進(jìn)行組件化設(shè)計(jì),既減少了設(shè)計(jì)過程中的標(biāo)注誤差,也方便后期開發(fā)有效還原設(shè)計(jì)稿。
設(shè)計(jì)體系UI規(guī)范的建立:
設(shè)計(jì)完成后我們還制定了統(tǒng)一的設(shè)計(jì)體系規(guī)范,UI規(guī)范不僅可以幫助開發(fā)人員更好的的還原設(shè)計(jì)圖樣式,還便于用戶在同一系列的其它產(chǎn)品線上應(yīng)用。
結(jié)合實(shí)際業(yè)務(wù)場景和原子設(shè)計(jì)理論,將組件劃分為不同顆粒度:基礎(chǔ)組件、業(yè)務(wù)組件、典型頁面組件,以適用于不同研發(fā)場景使用。梳理具有業(yè)務(wù)特點(diǎn)的典型頁面,相比基礎(chǔ)組件和業(yè)務(wù)組件,典型頁面更加具體,為用戶提供具有代表性的內(nèi)容和框架,并準(zhǔn)確描述用戶最終看到的內(nèi)容。如列表和左樹右表典型頁面組件,作為最為常見的頁面結(jié)構(gòu),各業(yè)務(wù)場景可復(fù)用頁面組件,保證了頁面組件內(nèi)各基礎(chǔ)組件的一致性,最大程度的實(shí)現(xiàn)不同的產(chǎn)品線產(chǎn)品中頁面體驗(yàn)的一致性。
UI設(shè)計(jì)公司-北京蘭亭妙微科技有限公司的網(wǎng)站www.lanlanwork.com
地址:北京北京昌平區(qū)天通苑中苑61號樓4單元1502室
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(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ì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
關(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ì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com