建站常識(shí)
淺談終端視覺設(shè)計(jì)中的文字運(yùn)用
2010-12-15 08:59:00
文字是人類用來(lái)記錄語(yǔ)言的符號(hào)系統(tǒng)。隨著社會(huì)的發(fā)展,文字已經(jīng)擺脫了在紙張上,版面上的簡(jiǎn)單呈現(xiàn)模式,當(dāng)下的數(shù)碼產(chǎn)品中有著更為豐富的應(yīng)用。
大家都知道,界面效果雖然日趨擬物化和平面化,但現(xiàn)在往往很多細(xì)節(jié)還是脫離不了文字的顯示,手機(jī)終端屏幕的限制和用戶的學(xué)習(xí)成本也更深一步的決定了文字的不可缺少。
只是在界面設(shè)計(jì)中,這些文字更加具有邏輯性,和類別性,看似與界面融為一體,實(shí)則有更多的考量標(biāo)準(zhǔn),不單單是一個(gè)效果。自然界中任何一種景觀奇跡也是有著他自己的科學(xué)規(guī)律。作為終端視覺設(shè)計(jì)師,也要對(duì)終端的文字規(guī)律作一定的梳理,這樣才會(huì)從內(nèi)涵上真正的提升設(shè)計(jì)品質(zhì),對(duì)用戶更加體貼。
設(shè)計(jì)離不開生活,從生活中提煉總是淺顯易懂,我們先看看生活中的文字:
1.幾點(diǎn)?表盤數(shù)字
2.什么菜?菜譜
3.怎么走?路標(biāo)
4.多少錢??jī)r(jià)格
5.啥內(nèi)容?報(bào)刊書籍
由上面我們便可以把生活中的文字劃分四個(gè)類別
A指示性的:路標(biāo),表【對(duì)人的行為有明確的指導(dǎo)提示】
B名稱性的:菜譜,文章標(biāo)題【對(duì)你所需要的或了解的事物做一個(gè)名稱】
C評(píng)價(jià)性的:價(jià)格,好,壞【物品的一種屬性】
D內(nèi)容性的:書籍,報(bào)刊【偏內(nèi)容的記錄】
雖然我們?nèi)绱藚^(qū)分類別,但他們之間還是有交叉的,不同情境可能就不同。舉個(gè)例子說,對(duì)一篇文章的評(píng)論,從自身角度講它是內(nèi)容性的,可針對(duì)文章它又是評(píng)價(jià)性的。由此可見,文字的相對(duì)性也是必須考慮。
以上說了那么多,其實(shí)終端界面中的文字同樣可以這樣劃分【當(dāng)屏幕空間有限,降低學(xué)習(xí)成本,文字是最好的應(yīng)用】比如symbian v3的手機(jī)軟件管理,之前制作就有較多這方面的考慮:
指示性的:確定,返回,安裝,退出,類似于超鏈接的查看…
名稱性的:軟件名稱,列表…
評(píng)價(jià)性的:文章評(píng)價(jià),用戶級(jí)別…
內(nèi)容性的:軟件詳情,常見問題,評(píng)價(jià)正文…
可見,在一個(gè)客戶端軟件的生態(tài)系統(tǒng)里,這幾個(gè)類別是必需的。
我們?cè)谠O(shè)計(jì)中一定要注意文字是處在同一個(gè)視覺系統(tǒng)里,功能性的不一樣,對(duì)顏色,字體,都會(huì)有著一定意義的區(qū)別。他自身的邏輯性要求不僅僅是好看。
從人的心理角度出發(fā),整體可得出這樣一個(gè)邏輯關(guān)系:
指示性的要有一定的突出,一定要強(qiáng)于名稱性和評(píng)價(jià)性的文字
名稱性的往往采取常規(guī)正常瀏覽,明確適中,清晰即可
評(píng)價(jià)性的則是在清晰的基礎(chǔ)上加一點(diǎn)對(duì)比
內(nèi)容性的由于文字稍微偏多,所以在行距和背景搭配上要明了清晰。
可以得出整體邏輯強(qiáng)度:指示>名稱>評(píng)價(jià)>內(nèi)容
整體的表現(xiàn)通常是靠文字的密集度和稀疏程度來(lái)表達(dá),雖然【確定】,【返回】這類的色彩可能并沒有列表里的名稱更厚重,但他一定是在寬松的環(huán)境,來(lái)形成他的視覺焦點(diǎn).可以看出整體邏輯強(qiáng)度是通過交互排布來(lái)完成的,與人的使用密切相關(guān)。
那么視覺設(shè)計(jì)要做的是在整體邏輯強(qiáng)度下,去實(shí)現(xiàn)特指功能的強(qiáng)度區(qū)分,比如在內(nèi)容頁(yè)面里,文字行距的運(yùn)用則更為重要,使得內(nèi)容更易閱讀,而弱化指示性的一些東西,使人可以專心的進(jìn)行本頁(yè)所呈現(xiàn)重點(diǎn)的操作與瀏覽。從視覺上講,當(dāng)下首要進(jìn)行的總是最重要的。又比如在一個(gè)列表頁(yè)里,顯然列表的每一行的名稱更加重要,視覺上要強(qiáng)于【確定】【返回】這類指示性的文字。
這里所說的視覺厚度,可以包括:色彩,文字大小,描粗與否,底部button或背景的強(qiáng)度等,都一定意義影響我們使用的心情。
以上兩個(gè)方法,我覺得是在判斷完成移動(dòng)終端文字邏輯強(qiáng)度的情況下,設(shè)計(jì)者有效處理好文字之間關(guān)系的必要方法,用來(lái)提高設(shè)計(jì)的品質(zhì)。字與界面能否在效果上融為一體,我個(gè)人認(rèn)為很大程度上就是這兩點(diǎn)是否處理的恰當(dāng)。
原文:http://wsd.tencent.com/2010/12/words_in_design.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2005-12-28 13:58:00] 網(wǎng)頁(yè)視覺設(shè)計(jì)基本技巧
- [2010-07-26 11:40:00] 小熊夢(mèng)工廠官網(wǎng)誕生記
- [2010-07-09 16:18:00] 科幻風(fēng)格的多樣性及探索歷程
- [2010-01-12 17:31:00] 當(dāng)視覺設(shè)計(jì)師遇上產(chǎn)品經(jīng)理、開發(fā)工程師…
- [2010-11-15 08:26:00] 讀設(shè)計(jì)看需求
- [2007-10-09 12:15:00] 視覺設(shè)計(jì)不只是圖形
- [2009-12-11 08:29:00] 白社會(huì)視覺設(shè)計(jì)誕生記
- [2010-11-12 08:27:00] 20K的糾結(jié) 騰訊游戲flash廣告設(shè)計(jì)的現(xiàn)狀與未來(lái)
- [2005-12-29 20:52:00] 網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用
- [2010-03-23 15:43:00] 視覺設(shè)計(jì)前瞻實(shí)用性研究(PNVD) 第五期
- [2010-09-25 14:57:00] 生動(dòng)的設(shè)計(jì)
- [2010-04-01 08:37:00] 測(cè)量對(duì)不同視覺設(shè)計(jì)的美感反應(yīng)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站制作 青島輪胎網(wǎng)站設(shè)計(jì)公司 H5定制設(shè)計(jì) 網(wǎng)站推廣 青島高端網(wǎng)站建設(shè)公司哪家好 營(yíng)銷型網(wǎng)站 GOOGLE 微信小程序 官網(wǎng)建設(shè) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 高端輪胎網(wǎng)站設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) 青島網(wǎng)頁(yè)制作 網(wǎng)站優(yōu)化 網(wǎng)站交互設(shè)計(jì) 良好的導(dǎo)航 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè) 英文網(wǎng)站建設(shè) php程序 網(wǎng)站的速度 青島網(wǎng)站案例 青島網(wǎng)站營(yíng)銷 青島抖音小程序開發(fā) 青島網(wǎng)站SEO 平面設(shè)計(jì) H5 頁(yè)面設(shè)計(jì) 營(yíng)銷策略