首頁(yè)

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

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

提升設(shè)計(jì)能力是每位設(shè)計(jì)師的愿望。在興元君看來,要想提高設(shè)計(jì)力,首先需要有發(fā)現(xiàn)作品問題的能力

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

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

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


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

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

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

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

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

1、梳理邏輯,保留必需

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

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

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

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



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

 



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

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

點(diǎn)擊查看原圖

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


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

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

2.jpg

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

(藍(lán)藍(lán)注:轉(zhuǎn)載這篇文章,是為了讓設(shè)計(jì)師和產(chǎn)品經(jīng)理們了解到客戶平時(shí)的業(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)常會(huì)接到大屏設(shè)計(jì)的項(xiàng)目,比如中國(guó)移動(dòng)互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開發(fā)、太極集團(tuán)承接的中央臺(tái)應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時(shí),也在不斷的學(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.不可操作——大屏主要用來給來賓觀看的。來賓一般不會(huì)直接操作大屏。
4.空間局限——大屏不像網(wǎng)頁(yè)有滾動(dòng)條,它的長(zhǎng)寬都是固定的。
5.單獨(dú)主題——每塊大屏都有具體想給來賓表達(dá)某個(gè)主題

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

日歷

鏈接

個(gè)人資料

存檔