成都網站設計的趨勢(一)

2016-09-25 分類：網站設計

這個月的三個重要設計趨勢都與排版有關。這些趨勢展示了一些漂亮的方式來使用漂亮的字體來創造用戶的參與，給人留下深刻的第一印象。

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

以下是本月的設計趨勢:

1、只要在卷軸上面打字

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

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

2、文本在白框

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

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

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

3、字體設計圖樣

從來沒有人說過，文本必須是一系列堅實的字母。越來越多的設計師選擇了在圖像上設置一個顏色塊的版式，這樣圖像就能通過清晰的字體。這種技術可以與靜止或移動的圖像一起工作，也可以使用全屏幕覆蓋，這樣只有少量的信息可以通過字母(幾乎是創建一個紋理)來實現，或者更多的是一個塊的過度圖像風格，而更多的背景圖像是可見的。使這個工作的訣竅是正確的字體。字母必須有足夠厚的筆畫，這樣背景中的圖像或紋理才可見。你不能用一種薄或濃縮的字體來做這件事。如果單詞和字母的數量是相當有限的，這個技巧也是最有效的。用10個字母或更少的字母，用1到3個單詞，或者用非常普通的單詞，讓用戶一目了然。丹伯里使用一種明亮的文本，以鼓勵用戶參與視頻通話。整個橙色的盒子只是一個巨大的按鈕。