淺談終端視覺設(shè)計中的文字運用

0 評論 1631 瀏覽 0 收藏 6 分鐘

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

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

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

設(shè)計離不開生活,從生活中提煉總是淺顯易懂,我們先看看生活中的文字:

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

2.什么菜?菜譜

3.怎么走?路標(biāo)

4.多少錢?價格

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

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

A指示性的:路標(biāo),表【對人的行為有明確的指導(dǎo)提示】

B名稱性的:菜譜,文章標(biāo)題【對你所需要的或了解的事物做一個名稱】

C評價性的:價格,好,壞【物品的一種屬性】

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

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

以上說了那么多,其實終端界面中的文字同樣可以這樣劃分【當(dāng)屏幕空間有限,降低學(xué)習(xí)成本,文字是最好的應(yīng)用】比如symbian v3的手機(jī)軟件管理,之前制作就有較多這方面的考慮:

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

名稱性的:軟件名稱,列表…

評價性的:文章評價,用戶級別…

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

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

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

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

指示性的要有一定的突出,一定要強(qiáng)于名稱性和評價性的文字

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

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

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

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

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

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

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

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

源地址:http://wsd.tencent.com/20……n_design.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!