第一天做了火車(chē)票的重設(shè)計(jì)(如有興趣請(qǐng)先看我的第一篇文章火車(chē)票重設(shè)計(jì))窜锯,當(dāng)時(shí)自我感覺(jué)還是良好的突倍,文章出來(lái)后有人看還被收入首頁(yè)專(zhuān)題横漏,但并沒(méi)有人評(píng)論或說(shuō)些什么。直到昨天晚上意外收到一條來(lái)自簡(jiǎn)友劉英滕同學(xué)的很中肯的意見(jiàn):
早上起來(lái)第一眼看到苛萎,很開(kāi)心,這是我簡(jiǎn)書(shū)收到的第一條評(píng)論有木有<旌拧k缜浮!還是來(lái)自我初始關(guān)注的簡(jiǎn)友之一F肟痢G谈恰!
看了這段話好幾遍之后凹蜂,卻開(kāi)始犯蒙馍驯,縱向羅列?視覺(jué)動(dòng)線玛痊?Z型泥彤?我開(kāi)始啟動(dòng)我大腦儲(chǔ)存的僅有的一點(diǎn)知識(shí)來(lái)理解這句話,想到了以前看過(guò)的兩本書(shū)和卿啡。人們?yōu)g覽信息的方式好像在《點(diǎn)石成金 ?Don't make me think》里有闡述吟吝,排版的方式應(yīng)該在《寫(xiě)給大家看的設(shè)計(jì)書(shū)》里。幸好kindle里這兩本書(shū)都還在颈娜,于是在地鐵上我便開(kāi)始回顧起這兩本書(shū)來(lái)剑逃。
在《點(diǎn)石成金 ?Don't make me think》里,其中一個(gè)觀點(diǎn)是官辽,為掃描設(shè)計(jì)蛹磺,不為閱讀設(shè)計(jì)⊥停互聯(lián)網(wǎng)時(shí)代萤捆,我們大多是采用掃描的方式來(lái)找到自己想要的信息,滿意即可,就像看廣告牌一樣俗或。而不是像設(shè)計(jì)者預(yù)想的那樣市怎,按照設(shè)計(jì)的邏輯一條條仔細(xì)閱讀。
這雖然是針對(duì)Web端寫(xiě)的辛慰,但用戶行為與習(xí)慣其實(shí)都是相通的区匠,我們使用火車(chē)票也如此。乘車(chē)前帅腌,我們想要知道具體的開(kāi)車(chē)時(shí)間以安排行程驰弄,這時(shí)候便會(huì)只快速瀏覽找到乘車(chē)時(shí)間,其他信息雖然存在但并不會(huì)進(jìn)入我們的大腦速客,我們只是瀏覽并略過(guò)戚篙,直至找到乘車(chē)時(shí)間便停止閱讀。候車(chē)時(shí)溺职,我們只關(guān)心候車(chē)室和車(chē)次已球。上車(chē)時(shí),我們只關(guān)心車(chē)廂號(hào)和座位號(hào)......
這一原則辅愿,在上一版的火車(chē)票設(shè)計(jì)中還是遵循得很好的智亮,重要的信息做了必要的突出。
點(diǎn)石成金因?yàn)槭荘DF格式的点待,不能按照目錄進(jìn)行查閱阔蛉,字體也很小,所以其實(shí)閱讀效率很低癞埠。在大概解決了我需要回顧的知識(shí)后状原,便看起《寫(xiě)給大家看的設(shè)計(jì)書(shū)》來(lái)。
這本書(shū)看起來(lái)便輕松多了苗踪,我直接找到了目錄颠区,大概回憶了一下,便直接沖著有關(guān)聯(lián)的“對(duì)齊”章節(jié)奔去通铲。
果然毕莱,我找到了答案。我第一次設(shè)計(jì)的火車(chē)票問(wèn)題不就和下面這張名片的問(wèn)題一樣嗎颅夺?
信息之間顯得零散而沒(méi)有關(guān)聯(lián)朋截,視線聚焦很差,不知道該看哪里吧黄。
就如劉英滕同學(xué)所說(shuō)部服,輔助信息散落在四個(gè)角落。在設(shè)計(jì)上也揉雜了左對(duì)齊右對(duì)齊和居中對(duì)齊拗慨。
按照對(duì)齊原則調(diào)整后的名片如下廓八,美觀清晰奉芦。
于是我又將火車(chē)票上的信息點(diǎn)重新整理了一遍,按照對(duì)齊原則調(diào)整后的火車(chē)票如下:
大部分信息采用左對(duì)齊的形式剧蹂,將最主要的信息放在最上面声功,周?chē)舭捉档透蓴_。次要信息放在下面国夜,并用小號(hào)字體和灰色顯示。身份信息和二維碼采用的是右對(duì)齊的形式短绸,但因?yàn)楹蜕厦鏅M線對(duì)齊车吹,所以在視覺(jué)上又和其他信息有了聯(lián)系而不至于顯得散亂。