網(wǎng)站設(shè)計(jì)

Website development

網(wǎng)頁(yè)設(shè)計(jì)中、戲劇性的排版增加讀者的可讀性

發(fā)布時(shí)間：2017-09-28 10:33:55

有時(shí)你的字體需要傳達(dá)感覺(jué)，就像意義一樣，為了這個(gè)功能，更多的設(shè)計(jì)師正在轉(zhuǎn)向劇烈的排版。這種類型的排版不僅僅是可讀性和可讀性（盡管這仍然是主要目的）。戲劇性的排版突出。它通過(guò)設(shè)備屏幕到達(dá)，要求觀眾的注意力并將其引導(dǎo)到其傳送的信息。這是展示品牌標(biāo)識(shí)，增強(qiáng)文字內(nèi)容，創(chuàng)造完美的視覺(jué)層次，創(chuàng)造難忘印象的機(jī)會(huì)。令人驚訝的是，戲劇性排版很快成為網(wǎng)絡(luò)界面的趨勢(shì)。

無(wú)論是簡(jiǎn)單還是精致，今天網(wǎng)站上的話都在全新的閱讀中。在本文中，我們將介紹網(wǎng)頁(yè)設(shè)計(jì)中的5個(gè)戲劇排版的例子。

簡(jiǎn)單但戲劇性的字體

簡(jiǎn)單的排版和戲劇排版不是互相排斥的。事實(shí)上，簡(jiǎn)單的排版是戲劇排版的形式之一。這種技術(shù)比較容易納入您的頁(yè)面 - 只需選擇一個(gè)簡(jiǎn)單的字體，并按照以下提示：

增加字體大?。ù笞煮w發(fā)送強(qiáng)大的消息，尤其是與英雄圖像配合使用）

使文字顏色與背景相反（文本副本的顏色通常是白色或黑色，與圖像或色彩鮮艷的背景很好地對(duì)比）。

添加一個(gè)大膽的風(fēng)格

字體大小是控制影響力的手段; 下面的例子完全展示了字體如何可以華麗的自己。通過(guò)采用極端的方式，孤立地或者分組地使用這種方式，可以有效地傳達(dá)信息而不會(huì)變得不討厭。

簡(jiǎn)單的字體表達(dá)信心和清晰度。

2.創(chuàng)造性地使用簡(jiǎn)單的字體

絕對(duì)可以使用基本的字體，創(chuàng)造難忘的體驗(yàn)。所有你需要的是實(shí)驗(yàn)排版：

需要發(fā)送你的消息大聲清楚嗎？使用所有CAPS進(jìn)行復(fù)制。想要?jiǎng)?chuàng)造一些真正特別的東西？使用簡(jiǎn)單的字體與動(dòng)畫(huà)效果或視頻。

裝飾字體

設(shè)計(jì)師對(duì)裝飾字體有不同的感受。許多設(shè)計(jì)師鄙視裝飾面，便宜而粗糙，而其他設(shè)計(jì)師則以創(chuàng)意和有趣的方式欣賞他們。對(duì)于我來(lái)說(shuō)，相信使用得當(dāng)，裝飾性印刷可以為網(wǎng)站設(shè)定色調(diào)，并以可愛(ài)的方式突出品牌; 但只有當(dāng)它匹配品牌的個(gè)性和網(wǎng)站的氣氛。當(dāng)設(shè)計(jì)師通過(guò)合并具有適當(dāng)裝飾類型的副本達(dá)到平衡時(shí)，整體體驗(yàn)就會(huì)更好。這里有幾個(gè)例子：

在下面的Hawk＆Hen示例中，裝飾字體有助于為這個(gè)廚房/酒吧建立一個(gè)古怪而獨(dú)特的風(fēng)格。

一個(gè)自定義的字體上Squarespace的睡眠磁帶設(shè)置了體驗(yàn)合適的氣氛。

HeadOfffice上的俏皮字體設(shè)置了精力充沛的氛圍。

在Maaemo主頁(yè)上使用的現(xiàn)代和原始字體創(chuàng)造了神秘的氣氛。

您可能已經(jīng)注意到，上述所有示例都有一個(gè)共同點(diǎn)：裝飾字體與簡(jiǎn)單，小的布局一起使用。這不是巧合。事實(shí)上，裝飾性排版本身就是有趣的。因此，如果要在主頁(yè)上使用裝飾類型，將用戶的注意力集中在單個(gè)元素上，好使用簡(jiǎn)單的布局。

寫字

手繪類型一直是網(wǎng)頁(yè)設(shè)計(jì)的一部分。有時(shí)它是一個(gè)真正的字體被掃描，但在許多情況下，它是一個(gè)字體，看起來(lái)手繪。腳本字體和字體為任何設(shè)計(jì)添加了一個(gè)優(yōu)雅的天賦，當(dāng)做正確。手繪文本是獨(dú)一無(wú)二的，因?yàn)樗軌騻鬟_(dá)關(guān)于其背后的組織的消息?？纯聪旅娴腉rain＆Mortar和Femmefatale的例子。這些設(shè)計(jì)機(jī)構(gòu)的藝術(shù)根源在其主頁(yè)設(shè)計(jì)中閃耀。

手繪元素是品牌的一個(gè)偉大的方式。

只要確定，如果可讀性是終目標(biāo)，消息不會(huì)迷失在美麗中。為了防止?jié)撛诘膯?wèn)題，請(qǐng)盡量限制將手繪字體用于跨圖像疊加的大標(biāo)題，并為常規(guī)副本使用另一種字體。

疊加在元素上

通過(guò)將其疊加在其他元素（如圖像或其他圖形對(duì)象）上，獲得文本的方法之一就是注意。通常，選擇疊加的字體考慮到將要存在于設(shè)計(jì)中的其他紋理，圖案和圖稿：

您可以將文本擴(kuò)展到其他部分。

有一半的詞在圖像上“流血”。

甚至打破規(guī)則，突出主要形象，隱藏其背后的言語(yǔ)。

這種技術(shù)的兩個(gè)重要考慮因素是對(duì)比和易讀性。您需要測(cè)試您的設(shè)計(jì)，以確保滿足這兩個(gè)要求，并且該站點(diǎn)具有良好的用戶體驗(yàn)。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://mpian.cn/i,72,7274,0.html

上一篇：在2017年網(wǎng)頁(yè)設(shè)計(jì)中您需要注意的錯(cuò)誤

下一篇：如何給網(wǎng)站圖像加上美麗的邊框

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問(wèn)題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問(wèn)題可以再里面提出，人員分工到位，解決問(wèn)題很及時(shí)。

張經(jīng)理