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