清影華康以轉(zhuǎn)化清華大學(xué)醫(yī)學(xué)院醫(yī)學(xué)影像研究中心的科研成果為宗旨,秉承以高級(jí)醫(yī)學(xué)解決方案服務(wù)于臨床醫(yī)生,精準(zhǔn)影像診斷方法服務(wù)于患者為理念,采用清華大學(xué)資深磁共振影像研究團(tuán)隊(duì)的研究成果,推出了高分辨磁共振管壁成像解決方案。在此次合作中,藍(lán)藍(lán)設(shè)計(jì)為清影華康軟件提供軟件的交互優(yōu)化和視覺(jué)設(shè)計(jì)。整個(gè)設(shè)計(jì)過(guò)程除了首次是見(jiàn)面溝通外,之后都是遠(yuǎn)程溝通,可以說(shuō)是 。整個(gè)項(xiàng)目下來(lái)藍(lán)藍(lán)設(shè)計(jì)在醫(yī)療行業(yè)也有了更深一步的了解,嚴(yán)謹(jǐn)認(rèn)真負(fù)責(zé)的工作態(tài)度也是非常值得我們學(xué)習(xí)的。
診斷管理頁(yè)面
診斷管理頁(yè)面相對(duì)其他頁(yè)來(lái)說(shuō)交互關(guān)系比較復(fù)雜,表單里面還套了一個(gè)子表,為了更好的區(qū)分兩者,tab的形式、底色和字體大小等等做了明顯的區(qū)分。這部份也是在設(shè)計(jì)過(guò)程中調(diào)的較多的地方。左側(cè)是一個(gè)信息列表的展示,通過(guò)下方的按鈕也可進(jìn)行操作。下方是影像的縮略圖,點(diǎn)擊之后可放大。
診斷管理原型


三維重建頁(yè)面
三維重建頁(yè)面從用戶的使用習(xí)慣上把操作按鈕放到了右側(cè),進(jìn)行交互上的優(yōu)化,上側(cè)的操作按鈕進(jìn)行統(tǒng)一設(shè)計(jì)和現(xiàn)有頁(yè)面保持風(fēng)格的統(tǒng)一。左側(cè)的操作區(qū)域可收縮,收起來(lái)時(shí)可更好的展示圖像。
三維重建原型


頸動(dòng)脈診斷頁(yè)面
頸動(dòng)脈診斷頁(yè)面整體布局和三維重建比較相似,最大的區(qū)別是右側(cè)的操作區(qū)域,血管分析都為按鍵操作,通過(guò)間隔的大小分成三部分。單層切片除了按鍵還有下拉菜單的操作。
頸動(dòng)脈診斷原型


其它頁(yè)


設(shè)計(jì)過(guò)程
這是雙方首次溝通后出的兩個(gè)方案,方案以深灰為主,考慮到該軟件是醫(yī)療圖像處理軟件,以深灰為主可以突出要操作的信息,同時(shí)上時(shí)間操作不會(huì)刺眼,緩解視覺(jué)壓力。方案二是在方案一的基礎(chǔ)上做了色彩搭配的的調(diào)整,為了使整體的色調(diào)和
公司logo的顏色更加協(xié)調(diào)統(tǒng)一。
客戶反饋這兩方案比較普通,想頁(yè)面有科技感一點(diǎn),同時(shí)也給我們提供一些他們認(rèn)為比較好的設(shè)計(jì),我們雙方再次討論后出的第三套方案,客戶也比較認(rèn)同。


設(shè)計(jì)作品GIS地理信息
設(shè)計(jì)作品Gis界面設(shè)計(jì)
中國(guó)中車監(jiān)控顯示屏界面設(shè)計(jì)及QT、Codesys、Fltk開(kāi)發(fā)