首頁(yè)

提高表格可讀性的一些技巧

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

提高表格可讀性的一些技巧,互聯(lián)網(wǎng)的一些事

  表格的應(yīng)用

  由于工作原因,經(jīng)常接觸到表格。我們發(fā)現(xiàn),表格不但廣泛的運(yùn)用在各類(lèi)數(shù)據(jù)收集和分析,同時(shí)通過(guò)表格這樣一種二維矩陣來(lái)整理和陳列信息時(shí)(即便最后的展示方式并非一個(gè)典型的表格樣式),能夠很好的表達(dá)信息之間的邏輯關(guān)系,易于幫助理解橫縱信息之間的關(guān)系。

五條法則,幫你打造典型扁平化產(chǎn)品

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

如今設(shè)計(jì)界最炙手可熱的明星大概就是扁平化設(shè)計(jì)了吧,關(guān)于它的討論至今都沒(méi)有冷卻的跡象。諸多設(shè)計(jì)師分成了涇渭分明的兩個(gè)陣營(yíng),一邊努力把扁平化做到,一面對(duì)其不屑一顧。

我是個(gè)騎墻派,不支持也不反對(duì),在我看來(lái),優(yōu)秀的設(shè)計(jì)的定義就是好用,只要能設(shè)計(jì)出優(yōu)秀的產(chǎn)品,我可以采用任何方式,扁平化也是其中之一。但是必須意識(shí)到,沒(méi)有哪種風(fēng)格是包打天下的,不能強(qiáng)行將一種風(fēng)格應(yīng)用到不該用的地方。

那么,扁平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢?下文將要做的就是分析扁平化的五個(gè)最典型的特征,同時(shí)也介紹一下偽扁平化(不含貶義,只是一種折衷的設(shè)計(jì)方式)。

一 、拒絕

淺談軟件界面設(shè)計(jì)

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

商品離不開(kāi)視覺(jué)設(shè)計(jì),通過(guò)視覺(jué)設(shè)計(jì)建構(gòu)視覺(jué)識(shí)別,達(dá)到品牌識(shí)別的高度,現(xiàn)實(shí)也是如此,任何一家成功的軟件開(kāi)發(fā)公司都必須構(gòu)建一套自己產(chǎn)品視覺(jué)品牌規(guī)范,引導(dǎo)市場(chǎng)銷(xiāo)售,這是產(chǎn)品在市場(chǎng)銷(xiāo)售和使用環(huán)節(jié)中產(chǎn)品品質(zhì)和信譽(yù)度的直觀體現(xiàn)。視覺(jué)的一致性和細(xì)節(jié)考慮本身就是軟件易用性的一個(gè)方面,也是企業(yè)對(duì)用戶(hù)負(fù)責(zé)的態(tài)度來(lái)對(duì)待設(shè)計(jì),從細(xì)節(jié)中關(guān)注用戶(hù)的體驗(yàn)。下面的文字來(lái)自iconfans,我配上vista圖并排版,希望能直觀的理解視覺(jué)識(shí)別在軟件產(chǎn)品中的應(yīng)用。

軟件界面設(shè)計(jì)要素

界面設(shè)計(jì)是為了滿(mǎn)足軟件專(zhuān)業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì),軟件框架設(shè)計(jì),按鈕設(shè)計(jì),面板設(shè)計(jì),菜單設(shè)計(jì),標(biāo)簽設(shè)計(jì),圖標(biāo)設(shè)計(jì),滾動(dòng)條及狀態(tài)欄設(shè)計(jì),安裝過(guò)程設(shè)計(jì),包裝及商品化。

在設(shè)計(jì)的過(guò)程中有較多注意的關(guān)鍵問(wèn)題,以下列出幾點(diǎn):

交互設(shè)計(jì)師不僅僅是個(gè)畫(huà)破圖的!

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

2011年10月,相繼寫(xiě)了兩篇《交互設(shè)計(jì)那些事兒》(一)(二),至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來(lái),加上幾周前,在新的團(tuán)隊(duì)又進(jìn)行了一次分享,頗有點(diǎn)心得,又懶得去重新修改原有文章,就在此進(jìn)行一些補(bǔ)錄吧。

還是個(gè)人經(jīng)驗(yàn),眼界有限,歡迎拍磚。

一. 再談術(shù)語(yǔ)

面向?qū)换ケ容^陌生的團(tuán)隊(duì)進(jìn)行分享,少不得再介紹下那些讓人云里霧里的術(shù)語(yǔ)。這次,咱們?yōu)檫@些術(shù)語(yǔ)做一個(gè)關(guān)系圖:

2013-05-27_182443

 

從下至上是各種術(shù)語(yǔ)的演變史。中間代表“做的事情”,左邊代表做這件事情的“人”,右邊代表做這件事情需要的“指導(dǎo)思想”。

5個(gè)Web設(shè)計(jì)的草稿和成品對(duì)比

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

紙和筆

大多數(shù)的設(shè)計(jì)師都習(xí)慣在紙上開(kāi)始自己的工作,假如你也是設(shè)計(jì)師,想必手上也有一兩本筆記本,上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,為什么不亮出來(lái)給別人看看呢?

別的設(shè)計(jì)師的草稿都是什么樣子的呢?

Buzz Usborne, Campaign Monitor (活動(dòng)監(jiān)測(cè))

先來(lái)看看 Buzz 的設(shè)計(jì)草稿

點(diǎn)擊查看原圖

 

草稿里的對(duì)角線和最終成品的對(duì)角錢(qián)相呼應(yīng),Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié),而是注意線條和指引的清晰程度。

日歷

鏈接

個(gè)人資料

存檔