文字是人類用來記錄語言的符號系統(tǒng)。隨著社會的發(fā)展，文字已經(jīng)擺脫了在紙張上，版面上的簡單呈現(xiàn)模式，當下的數(shù)碼產(chǎn)品中有著更為豐富的應用。

大家都知道，界面效果雖然日趨擬物化和平面化，但現(xiàn)在往往很多細節(jié)還是脫離不了文字的顯示，手機終端屏幕的限制和用戶的學習成本也更深一步的決定了文字的不可缺少。

只是在界面設計中，這些文字更加具有邏輯性，和類別性，看似與界面融為一體，實則有更多的考量標準，不單單是一個效果。自然界中任何一種景觀奇跡也是有著他自己的科學規(guī)律。作為終端視覺設計師，也要對終端的文字規(guī)律作一定的梳理，這樣才會從內(nèi)涵上真正的提升設計品質(zhì)，對用戶更加體貼。

設計離不開生活，從生活中提煉總是淺顯易懂，我們先看看生活中的文字：

1.幾點？表盤數(shù)字

2.什么菜？菜譜

3.怎么走？路標

4.多少錢？價格

5.啥內(nèi)容？報刊書籍

由上面我們便可以把生活中的文字劃分四個類別

A指示性的：路標，表【對人的行為有明確的指導提示】

B名稱性的：菜譜，文章標題【對你所需要的或了解的事物做一個名稱】

C評價性的：價格，好，壞【物品的一種屬性】

D內(nèi)容性的：書籍，報刊【偏內(nèi)容的記錄】

雖然我們?nèi)绱藚^(qū)分類別，但他們之間還是有交叉的，不同情境可能就不同。舉個例子說，對一篇文章的評論，從自身角度講它是內(nèi)容性的，可針對文章它又是評價性的。由此可見，文字的相對性也是必須考慮。

以上說了那么多，其實終端界面中的文字同樣可以這樣劃分【當屏幕空間有限，降低學習成本，文字是最好的應用】比如symbian v3的手機軟件管理，之前制作就有較多這方面的考慮：

指示性的：確定，返回，安裝，退出，類似于超鏈接的查看…

名稱性的：軟件名稱，列表…

評價性的：文章評價，用戶級別…

內(nèi)容性的：軟件詳情，常見問題，評價正文…

可見，在一個客戶端軟件的生態(tài)系統(tǒng)里，這幾個類別是必需的。

我們在設計中一定要注意文字是處在同一個視覺系統(tǒng)里，功能性的不一樣，對顏色，字體，都會有著一定意義的區(qū)別。他自身的邏輯性要求不僅僅是好看。

從人的心理角度出發(fā)，整體可得出這樣一個邏輯關系：

指示性的要有一定的突出，一定要強于名稱性和評價性的文字

名稱性的往往采取常規(guī)正常瀏覽，明確適中，清晰即可

評價性的則是在清晰的基礎上加一點對比

內(nèi)容性的由于文字稍微偏多，所以在行距和背景搭配上要明了清晰。

可以得出整體邏輯強度：指示>名稱>評價>內(nèi)容

整體的表現(xiàn)通常是靠文字的密集度和稀疏程度來表達，雖然【確定】，【返回】這類的色彩可能并沒有列表里的名稱更厚重，但他一定是在寬松的環(huán)境，來形成他的視覺焦點�？梢钥闯稣�體邏輯強度是通過交互排布來完成的，與人的使用密切相關。

那么視覺設計要做的是在整體邏輯強度下，去實現(xiàn)特指功能的強度區(qū)分，比如在內(nèi)容頁面里，文字行距的運用則更為重要，使得內(nèi)容更易閱讀，而弱化指示性的一些東西，使人可以專心的進行本頁所呈現(xiàn)重點的操作與瀏覽。從視覺上講，當下首要進行的總是最重要的。又比如在一個列表頁里，顯然列表的每一行的名稱更加重要，視覺上要強于【確定】【返回】這類指示性的文字。

這里所說的視覺厚度，可以包括：色彩，文字大小，描粗與否，底部button或背景的強度等，都一定意義影響我們使用的心情。

以上兩個方法，我覺得是在判斷完成移動終端文字邏輯強度的情況下，設計者有效處理好文字之間關系的必要方法，用來提高設計的品質(zhì)。字與界面能否在效果上融為一體，我個人認為很大程度上就是這兩點是否處理的恰當。

作者：chaim

文章來源：Tencent WSD Blog

標簽： 文字排版 界面布局 視覺設計 

版權(quán)申明：本站文章部分自網(wǎng)絡，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。