成都網(wǎng)站設(shè)計(jì)的趨勢(一)

這個(gè)月的三個(gè)重要設(shè)計(jì)趨勢都與排版有關(guān)。這些趨勢展示了一些漂亮的方式來使用漂亮的字體來創(chuàng)造用戶的參與，給人留下深刻的第一印象。

這些設(shè)計(jì)的一個(gè)共同主題是所有的排版風(fēng)格都是高度可讀的。如果你打算使用一個(gè)更新潮或更時(shí)髦的文本元素，選擇一個(gè)用戶不會(huì)費(fèi)勁閱讀的字體。流行的技巧是這些設(shè)計(jì)的技巧，而不是字體本身。

以下是本月的設(shè)計(jì)趨勢:

1、只要在卷軸上面打字

一個(gè)偉大的形象可以幫助吸引用戶進(jìn)入設(shè)計(jì)，有時(shí)正確的詞語和空間是門票。使這一設(shè)計(jì)趨勢大化的關(guān)鍵是精煉你的信息。單詞需要簡單，說一些有意義的東西，為用戶創(chuàng)造價(jià)值。那你是怎么做到的呢?

從一個(gè)重要的短語開始。它可以是你的任務(wù)，也可以是用戶的價(jià)值主張。告訴用戶你帶來了什么，為什么你的網(wǎng)站對他們很重要。選擇一個(gè)簡單的字體，它的情緒和消息傳遞的時(shí)間一樣長。如果文本塊是短的，比如類型類型，請考慮一個(gè)更有趣的類型選項(xiàng)來吸引用戶。充分利用空間。注意，在下面的每個(gè)例子中，文本有足夠的空間來呼吸，使它更容易閱讀?？臻g還可以幫助繪制文本的眼睛，如果你不想將文本元素集中在屏幕上，比如設(shè)計(jì)，它可以平衡文本元素。使用顏色來增加視覺興趣。明亮，時(shí)尚的色調(diào)可以幫助吸引用戶進(jìn)入設(shè)計(jì)。顏色還可以幫助設(shè)置與消息傳遞相關(guān)的情緒。當(dāng)使用類型重的設(shè)計(jì)時(shí)，不要強(qiáng)迫它。有時(shí)候，你沒有足夠的文字來填滿“屏幕”?！癓ess+More和Type of Type使用顏色阻塞來創(chuàng)建多個(gè)面板，這些面板的大小完全適合于其中的文本內(nèi)容?！?/p>

2、文本在白框

在網(wǎng)站設(shè)計(jì)項(xiàng)目中，有這么多大膽的視覺元素，而且許多響應(yīng)式的斷點(diǎn)都是用來處理白盒子的，它們正在重新成為文本的容器元素。白色的盒子里面有黑色的文字，可以保證在圖片、視頻或圖片上有顏色差異的信息的可讀性。雖然這種趨勢可能聽起來有點(diǎn),嗯…草率或懶惰,它實(shí)際上看起來不錯(cuò),做得很好。你不能隨便在一張圖片上隨便打一個(gè)盒子，然后抱著最好的希望。白盒需要有策略地放置，這樣它們就不會(huì)覆蓋圖像的重要部分，這樣用戶就可以在設(shè)計(jì)過程中向他們移動(dòng)。白盒需要足夠大，以包含合理數(shù)量的文本，并且您應(yīng)該對小屏幕上的這個(gè)元素有一個(gè)計(jì)劃，比如允許文本框中的所有內(nèi)容都低于主圖像。不要試圖在較小的屏幕上放置一個(gè)文本框，因?yàn)槟阕罱K會(huì)得到一個(gè)太小的文本框，或者盒子將會(huì)覆蓋大部分圖像本身。如果你為白盒治療，祝你玩得開心。下面的每個(gè)例子都以完全不同的方式使用白色框。將一個(gè)白色的盒子切割到圖像的底部，這樣大部分的圖像都是可見的。白色的盒子在下面白色的空間里流血，這樣看起來就像是從下面的面板里出來的一樣。該技術(shù)幫助將主滑塊連接到下面的內(nèi)容(甚至可以鼓勵(lì)滾動(dòng))。

HowIt使用圓形的blobs，這樣白色的文本框就能更好地匹配背景插圖的色調(diào)。這種形狀的微妙變化，使盒子看起來更流暢，有助于連接元素，使盒子和背景具有一致的感覺。你不希望文本的白盒子被隨意放置在背景上。(這并不管用，也不會(huì)對用戶產(chǎn)生一種有凝聚力的感覺。)

Macaulay Sinclair有更多的文本，而不是其他的例子，使用圖像面板網(wǎng)格的一部分來保存文本元素。在這里，白盒子背后的圖像沒有任何信息價(jià)值。它的顏色和運(yùn)動(dòng)方案看起來與其他圖像相似，主要是為了在文本元素和設(shè)計(jì)的其余部分之間創(chuàng)建銜接。

3、字體設(shè)計(jì)圖樣

從來沒有人說過，文本必須是一系列堅(jiān)實(shí)的字母。越來越多的設(shè)計(jì)師選擇了在圖像上設(shè)置一個(gè)顏色塊的版式，這樣圖像就能通過清晰的字體。這種技術(shù)可以與靜止或移動(dòng)的圖像一起工作，也可以使用全屏幕覆蓋，這樣只有少量的信息可以通過字母(幾乎是創(chuàng)建一個(gè)紋理)來實(shí)現(xiàn)，或者更多的是一個(gè)塊的過度圖像風(fēng)格，而更多的背景圖像是可見的。使這個(gè)工作的訣竅是正確的字體。字母必須有足夠厚的筆畫，這樣背景中的圖像或紋理才可見。你不能用一種薄或濃縮的字體來做這件事。如果單詞和字母的數(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è)無法辨認(rèn)的圖像來填充字母。如果您選擇這種樣式，請將此背景簡單地與此設(shè)計(jì)一起完成。只有一種顏色和紋理，可以讓你的眼睛看到畫布上的文字。

結(jié)論

該系列為那些可能沒有很好的圖像或視頻的項(xiàng)目提供了靈感，因此您仍然可以找到一種方法來創(chuàng)建用戶響應(yīng)的內(nèi)容。不要害怕在這個(gè)設(shè)計(jì)中使用文本作為視覺和信息元素

分享標(biāo)題：成都網(wǎng)站設(shè)計(jì)的趨勢(一)
網(wǎng)頁鏈接：http://www.bm7419.com/news/48254.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)