2016-09-25 分類: 網(wǎng)站設(shè)計(jì)
這個(gè)月的三個(gè)重要設(shè)計(jì)趨勢(shì)都與排版有關(guān)。這些趨勢(shì)展示了一些漂亮的方式來(lái)使用漂亮的字體來(lái)創(chuàng)造用戶的參與,給人留下深刻的第一印象。
這些設(shè)計(jì)的一個(gè)共同主題是所有的排版風(fēng)格都是高度可讀的。如果你打算使用一個(gè)更新潮或更時(shí)髦的文本元素,選擇一個(gè)用戶不會(huì)費(fèi)勁閱讀的字體。流行的技巧是這些設(shè)計(jì)的技巧,而不是字體本身。
以下是本月的設(shè)計(jì)趨勢(shì):
1、只要在卷軸上面打字
一個(gè)偉大的形象可以幫助吸引用戶進(jìn)入設(shè)計(jì),有時(shí)正確的詞語(yǔ)和空間是門票。使這一設(shè)計(jì)趨勢(shì)大化的關(guān)鍵是精煉你的信息。單詞需要簡(jiǎn)單,說(shuō)一些有意義的東西,為用戶創(chuàng)造價(jià)值。那你是怎么做到的呢?
從一個(gè)重要的短語(yǔ)開始。它可以是你的任務(wù),也可以是用戶的價(jià)值主張。告訴用戶你帶來(lái)了什么,為什么你的網(wǎng)站對(duì)他們很重要。選擇一個(gè)簡(jiǎn)單的字體,它的情緒和消息傳遞的時(shí)間一樣長(zhǎng)。如果文本塊是短的,比如類型類型,請(qǐng)考慮一個(gè)更有趣的類型選項(xiàng)來(lái)吸引用戶。充分利用空間。注意,在下面的每個(gè)例子中,文本有足夠的空間來(lái)呼吸,使它更容易閱讀??臻g還可以幫助繪制文本的眼睛,如果你不想將文本元素集中在屏幕上,比如設(shè)計(jì),它可以平衡文本元素。使用顏色來(lái)增加視覺興趣。明亮,時(shí)尚的色調(diào)可以幫助吸引用戶進(jìn)入設(shè)計(jì)。顏色還可以幫助設(shè)置與消息傳遞相關(guān)的情緒。當(dāng)使用類型重的設(shè)計(jì)時(shí),不要強(qiáng)迫它。有時(shí)候,你沒有足夠的文字來(lái)填滿“屏幕”?!癓ess+More和Type of Type使用顏色阻塞來(lái)創(chuàng)建多個(gè)面板,這些面板的大小完全適合于其中的文本內(nèi)容?!?/p>
2、文本在白框
在網(wǎng)站設(shè)計(jì)項(xiàng)目中,有這么多大膽的視覺元素,而且許多響應(yīng)式的斷點(diǎn)都是用來(lái)處理白盒子的,它們正在重新成為文本的容器元素。白色的盒子里面有黑色的文字,可以保證在圖片、視頻或圖片上有顏色差異的信息的可讀性。雖然這種趨勢(shì)可能聽起來(lái)有點(diǎn),嗯…草率或懶惰,它實(shí)際上看起來(lái)不錯(cuò),做得很好。你不能隨便在一張圖片上隨便打一個(gè)盒子,然后抱著最好的希望。白盒需要有策略地放置,這樣它們就不會(huì)覆蓋圖像的重要部分,這樣用戶就可以在設(shè)計(jì)過(guò)程中向他們移動(dòng)。白盒需要足夠大,以包含合理數(shù)量的文本,并且您應(yīng)該對(duì)小屏幕上的這個(gè)元素有一個(gè)計(jì)劃,比如允許文本框中的所有內(nèi)容都低于主圖像。不要試圖在較小的屏幕上放置一個(gè)文本框,因?yàn)槟阕罱K會(huì)得到一個(gè)太小的文本框,或者盒子將會(huì)覆蓋大部分圖像本身。如果你為白盒治療,祝你玩得開心。下面的每個(gè)例子都以完全不同的方式使用白色框。將一個(gè)白色的盒子切割到圖像的底部,這樣大部分的圖像都是可見的。白色的盒子在下面白色的空間里流血,這樣看起來(lái)就像是從下面的面板里出來(lái)的一樣。該技術(shù)幫助將主滑塊連接到下面的內(nèi)容(甚至可以鼓勵(lì)滾動(dòng))。
HowIt使用圓形的blobs,這樣白色的文本框就能更好地匹配背景插圖的色調(diào)。這種形狀的微妙變化,使盒子看起來(lái)更流暢,有助于連接元素,使盒子和背景具有一致的感覺。你不希望文本的白盒子被隨意放置在背景上。(這并不管用,也不會(huì)對(duì)用戶產(chǎn)生一種有凝聚力的感覺。)
Macaulay Sinclair有更多的文本,而不是其他的例子,使用圖像面板網(wǎng)格的一部分來(lái)保存文本元素。在這里,白盒子背后的圖像沒有任何信息價(jià)值。它的顏色和運(yùn)動(dòng)方案看起來(lái)與其他圖像相似,主要是為了在文本元素和設(shè)計(jì)的其余部分之間創(chuàng)建銜接。
3、字體設(shè)計(jì)圖樣
從來(lái)沒有人說(shuō)過(guò),文本必須是一系列堅(jiān)實(shí)的字母。越來(lái)越多的設(shè)計(jì)師選擇了在圖像上設(shè)置一個(gè)顏色塊的版式,這樣圖像就能通過(guò)清晰的字體。這種技術(shù)可以與靜止或移動(dòng)的圖像一起工作,也可以使用全屏幕覆蓋,這樣只有少量的信息可以通過(guò)字母(幾乎是創(chuàng)建一個(gè)紋理)來(lái)實(shí)現(xiàn),或者更多的是一個(gè)塊的過(guò)度圖像風(fēng)格,而更多的背景圖像是可見的。使這個(gè)工作的訣竅是正確的字體。字母必須有足夠厚的筆畫,這樣背景中的圖像或紋理才可見。你不能用一種薄或濃縮的字體來(lái)做這件事。如果單詞和字母的數(shù)量是相當(dāng)有限的,這個(gè)技巧也是最有效的。用10個(gè)字母或更少的字母,用1到3個(gè)單詞,或者用非常普通的單詞,讓用戶一目了然。丹伯里使用一種明亮的文本,以鼓勵(lì)用戶參與視頻通話。整個(gè)橙色的盒子只是一個(gè)巨大的按鈕。
Fusion Winery使用了一個(gè)葡萄園的背景視頻。這個(gè)設(shè)計(jì)的優(yōu)點(diǎn)是三層效應(yīng):白色文本下的視頻背景下的產(chǎn)品圖片。
Kaneko用一個(gè)無(wú)法辨認(rèn)的圖像來(lái)填充字母。如果您選擇這種樣式,請(qǐng)將此背景簡(jiǎn)單地與此設(shè)計(jì)一起完成。只有一種顏色和紋理,可以讓你的眼睛看到畫布上的文字。
結(jié)論
該系列為那些可能沒有很好的圖像或視頻的項(xiàng)目提供了靈感,因此您仍然可以找到一種方法來(lái)創(chuàng)建用戶響應(yīng)的內(nèi)容。不要害怕在這個(gè)設(shè)計(jì)中使用文本作為視覺和信息元素
本文名稱:成都網(wǎng)站設(shè)計(jì)的趨勢(shì)(一)
網(wǎng)站網(wǎng)址:http://m.rwnh.cn/news4/48254.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容