首頁

大屏ui設(shè)計(jì)系列之十三:阿里巴巴三萬億大屏項(xiàng)目

藍(lán)藍(lán)設(shè)計(jì)的小編

2016年3月,阿里巴巴中國零售交易市場2016財(cái)年商品交易即時總額即將突破三萬億,這是阿里歷史性的一刻,也見證了消費(fèi)的力量, 為了記錄這一歷史時刻,三萬億大屏項(xiàng)目應(yīng)運(yùn)而生。這是阿里UED的一些文章。


大屏設(shè)計(jì)系列之十二:DataV 2015雙十一媒體大屏回顧&技術(shù)分享

藍(lán)藍(lán)設(shè)計(jì)的小編

表單設(shè)計(jì)系列一:設(shè)計(jì)好用表單的10個技巧

藍(lán)藍(lán)設(shè)計(jì)的小編

在今天的文章中,你會看到許多關(guān)于表單設(shè)計(jì)的切實(shí)可行的建議,它們涉及到可用性測試、現(xiàn)場測試、眼動追蹤以及用戶反饋等多個不同的環(huán)節(jié)。

1、梳理邏輯,保留必需

表單是同用戶進(jìn)行溝通的語言。和任何對話一樣,它應(yīng)當(dāng)以符合邏輯的方式幫助雙方完成交流。所以,你需要這么做:

  • 讓問題保持直觀的順序。你應(yīng)當(dāng)站在用戶的角度按照邏輯提問題,而非按照程序或者數(shù)據(jù)庫的邏輯。如果問題之間沒有邏輯存在,那么可以按照字母順序來排布。
  • 以直覺的順序組織選項(xiàng)。比如選項(xiàng)為日期的時候,按照周一周二周三這樣的順序來排布,而非亂序。
  • 時刻反思從用戶那里獲得的信息是否必要,如何使用。這樣做是為了消除不必要的選項(xiàng),提升完成率。

前端Boostrap系列之一:稀世珍寶:270款圓滑的 Twitter Boostrap 矢量圖標(biāo)

藍(lán)藍(lán)設(shè)計(jì)的小編



如果你不那么在意許可證,那么還有很多類似的字體圖標(biāo)庫可以使用,最引人注目的是 Font Awesome。下載此字體時,你還會收到所有 SVG 格式的矢量圖標(biāo),這樣你就可以修改這些字體,使其更加完善,并貢獻(xiàn)到 Github 上面。

 



ui界面設(shè)計(jì)欣賞三十例:后臺管理軟件界面設(shè)計(jì)欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

點(diǎn)擊查看原圖

在整理后臺管理軟件界面設(shè)計(jì)欣賞時,翻看以往的資源庫,發(fā)現(xiàn)前十年的ui界面和現(xiàn)在流行的風(fēng)格真的是截然不同,目前風(fēng)格趨向簡約、扁平、輕量級圖片,以色塊、線為主,占用資源更少,這是隨著人們對IT軟件的認(rèn)識層次從初級到高級在審美上的體現(xiàn),更注重本質(zhì)的信息,軟件內(nèi)在的交互易用和操作體驗(yàn)。


大屏ui設(shè)計(jì)系列之三:某地區(qū)地鐵1號線大屏幕控制中心應(yīng)用案例

藍(lán)藍(lán)設(shè)計(jì)的小編

2.jpg

相關(guān)負(fù)責(zé)人介紹,大屏幕最上方一個個顯示著列車、車站景象的小窗口是1號線各個站點(diǎn)的實(shí)時監(jiān)控圖像,可以清晰看見地鐵內(nèi)發(fā)生的情況。下面有著紫色綠色條紋的一幅幅圖像就是地鐵的信號系統(tǒng),哪輛車行到哪里,間隔多少,是否有情況需要停車……這里一目了然,調(diào)度人員就是在同步的電腦屏幕上進(jìn)行調(diào)度,保證地鐵正常運(yùn)營。最下面的是供電系統(tǒng),停電、變電、送電等操作都在這上面完成。

(藍(lán)藍(lán)注:轉(zhuǎn)載這篇文章,是為了讓設(shè)計(jì)師和產(chǎn)品經(jīng)理們了解到客戶平時的業(yè)務(wù)和工作方法)

大屏ui設(shè)計(jì)系列之二:大屏數(shù)據(jù)可視化設(shè)計(jì)項(xiàng)目心得

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會接到大屏設(shè)計(jì)的項(xiàng)目,比如中國移動互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開發(fā)、太極集團(tuán)承接的中央臺應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時,也在不斷的學(xué)習(xí)和豐富關(guān)于大屏設(shè)計(jì)的特點(diǎn)及數(shù)據(jù)可視化的表達(dá)方式。

1.面積巨大——用戶站遠(yuǎn)才能看全內(nèi)容(所以字也不能設(shè)計(jì)很?。?br style="box-sizing:border-box;" /> 2.深色背景——緊張感強(qiáng),讓視覺更好的聚焦,省電。
3.不可操作——大屏主要用來給來賓觀看的。來賓一般不會直接操作大屏。
4.空間局限——大屏不像網(wǎng)頁有滾動條,它的長寬都是固定的。
5.單獨(dú)主題——每塊大屏都有具體想給來賓表達(dá)某個主題

知道了這些,如果我們遇到一個具體的大屏項(xiàng)目,要怎么來設(shè)計(jì)呢?

大屏UI設(shè)計(jì)系列之一:與太極合作,設(shè)計(jì)中國國家應(yīng)急廣播大屏預(yù)警系統(tǒng) 界面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

今天上午參觀了太極上周剛搬的新家,5000多人的新辦公樓群,不知不覺聊到12:43,匆匆離去。聽到我們參與的項(xiàng)目要評國家科技進(jìn)步一等獎,聽到設(shè)計(jì)界面得到多方全國范圍內(nèi)的認(rèn)可,聽到客戶贊比同行業(yè)設(shè)計(jì)公司做的好,聽到客戶由項(xiàng)目經(jīng)理升總監(jiān),還是蠻開心的。作為外包方,我們是弱勢群體,有時候覺得很辛酸,這個客戶沒有用高人一等的優(yōu)越感和我們交流,而是用卓越的交流方式讓我們感受到這件事的價值和意義,被尊重,我們也回報(bào)以高優(yōu)先級,卓越的作品,不惜加班加點(diǎn)去工作。

這次,還有之前幾次和客戶、朋友的交流讓我非常受益,感受到不同的人做事,換位思考,打動人心說話的方式,項(xiàng)目管理方式,視野的廣闊性和方法,教我許多。信息量太大,恨不得記下來。


日歷

鏈接

個人資料

存檔