首頁

前端Boostrap系列之一：稀世珍寶：270款圓滑的 Twitter Boostrap 矢量圖標

藍藍設(shè)計的小編



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

 



評論(0) 瀏覽(2813)

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

藍藍設(shè)計的小編

點擊查看原圖

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

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

藍藍設(shè)計的小編

2.jpg

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

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

評論(0) 瀏覽(9171)

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

藍藍設(shè)計的小編

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

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

知道了這些，如果我們遇到一個具體的大屏項目，要怎么來設(shè)計呢？

評論(0) 瀏覽(16830)

大屏UI設(shè)計系列之一：與太極合作，設(shè)計中國國家應急廣播大屏預警系統(tǒng) 界面設(shè)計

藍藍設(shè)計的小編

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

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


評論(0) 瀏覽(9274)

大屏設(shè)計系列之六：有"屏"有據(jù)，阿里雙11大屏是怎樣煉成的

藍藍設(shè)計的小編

今天主要是和大家分享一下阿里云數(shù)據(jù)可視化展示平臺的搭建過程，我會盡量將整個過程本真的還原出來，幫助準備自己搭建平臺的小伙伴們掃除一些障礙。

我們這個平臺是用來搭建大屏的。什么是大屏?大屏是我們集團內(nèi)部對于數(shù)據(jù)可視化的數(shù)據(jù)大屏的一個簡稱，目前我們集團有三種大屏，第一種是觸摸式大屏，它的最大特點是能夠展示全量的數(shù)據(jù)，一般來說這種大屏都會帶有互動。

第二種大屏是數(shù)據(jù)大屏，也是我們的雙十一大屏，它的特性是展示性非常強，能夠讓大家快速的了解到大屏背后講述的故事。

第三種大屏是數(shù)據(jù)產(chǎn)品類型，這種大屏的圖表都非常簡單易懂，基本上就是折線、餅圖等等這一類的圖表，對展示性的需求也不是特別的高，主要目的是讓商家快速讀懂圖表的意思。

評論(0) 瀏覽(10904)

大屏設(shè)計系列之四：大數(shù)據(jù)可視化設(shè)計，故事+數(shù)據(jù)+設(shè)計 =可視化

藍藍設(shè)計的小編

大數(shù)據(jù)可視化是個熱門話題，在信息安全領(lǐng)域，也由于很多企業(yè)希望將大數(shù)據(jù)轉(zhuǎn)化為信息可視化呈現(xiàn)的各種形式，以便獲得更深的洞察力、更好的決策力以及更強的自動化處理能力，數(shù)據(jù)可視化已經(jīng)成為網(wǎng)絡(luò)安全技術(shù)的一個重要趨勢。

總之，借助大數(shù)據(jù)網(wǎng)絡(luò)安全的可視化設(shè)計，人們能夠更加智能地洞悉信息與網(wǎng)絡(luò)安全的態(tài)勢，更加主動、彈性地去應對新型復雜的威脅和未知多變的風險。

可視化設(shè)計的過程中，我們還需要注意：1、整體考慮、顧全大局；2、細節(jié)的匹配、一致性；3、充滿美感，對稱和諧。


評論(0) 瀏覽(19619)

大屏ui設(shè)計系列之五——大屏設(shè)計語言分析 大屏數(shù)據(jù)可視化設(shè)計方法論

藍藍設(shè)計的小編


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

數(shù)據(jù)可視化過濾了非常多的冗余信息，濃縮了最重要的信息，它的魅力就在于將枯燥的數(shù)據(jù)組織在一起，把最需要的那些編輯成一個故事。目前大數(shù)據(jù)那么流行，但是其實大家并不是需要那么多的數(shù)據(jù)，而是需要整合的數(shù)據(jù)，恰當?shù)膶⒖蛻糇铌P(guān)注的數(shù)據(jù)挖掘展示出來才是最重要的。


一、要做好大屏的界面設(shè)計，首先需要了解大屏的硬件特點。

二、了解大屏的使用場景和用戶群體

三、了解大屏上專用的軟件

四、了解大屏通常顯示的內(nèi)容

五、大屏界面的設(shè)計語言


評論(0) 瀏覽(30114)

淺談地鐵列車室內(nèi)lcd顯示屏的基本設(shè)計原理

藍藍設(shè)計的小編

藍藍設(shè)計，2013年為加拿大龐巴迪(Bombardier)設(shè)計列車監(jiān)控系統(tǒng)界面設(shè)計。 2015-至今，為中車集團旗下若干公司提供HMI列車監(jiān)控系統(tǒng)界面設(shè)計,綜合考慮中車特點、城軌車、動車組的不同需求以及HMI硬鍵屏和觸摸 屏的不同操作方式，重構(gòu)框架設(shè)計、交互設(shè)計、設(shè)計通用的、具有顯著特色的、美觀友好的HMI界面，并分別使用 fltk 、Codesys、Qt 三種開發(fā)語言搭建技術(shù)框架、留出接口，實現(xiàn)圖形界面。

在這個過程中，我們不斷的在學習和理解，以求更好的設(shè)計及開發(fā)實現(xiàn)。

以下為轉(zhuǎn)載的資料文章：

室內(nèi)lcd顯示屏在地鐵中作為一種面向公眾的信息顯示終端，有著非常廣泛的民用和商用價值。

目前在國內(nèi)運行的地鐵車輛普遍都配備了室內(nèi)lcd顯示屏，但附加功能較少，屏幕顯示內(nèi)容單一。為了配合新型地鐵旅客信息系統(tǒng)的使用，我們設(shè)計了一種全新的多總線式LCD顯示動態(tài)屏。

評論(0) 瀏覽(11028)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔