網頁設計趨勢:方格堆疊式排版

作者:佚名 來源:應酷 時間:2016-07-08 標簽: 設計趨勢

現在你隨便打開一個網站,似乎都有堆疊排版的身影,特別是方格堆疊堆疊,已然成為一種設計趨勢,越來越多的設計師開始采用這種排版方式。

這種模塊堆積排版趨勢難以忽視,并且值得復制,因為這種排版本身就具有獨特的魅力。你可以采用不同的方式來搭配文字圖片,使其變得引人注目。今天我們就來好好談談,如何利用方格堆疊排版模式的設計方法來進行設計。

應用于圖片或視頻

方格堆疊排列最重要的作用之一就是美化圖片或視頻。這項設計方法,既流行于網站或者應用的設計,同時也廣泛應用于圖片處理。

為了充分利用方形堆疊式排版于圖像或視頻,你要特別注意文字的位置。詞不應遮擋形象的重要組成部分,搭配和諧,表現清楚明確。

顏色的搭配同樣相當重要。文本和背景必須對比鮮明,易于區分。這樣才能提高可讀性。這就是為什么大多數設計師選擇在圖片上放置白色或者黑的的文本,這樣更容易建立對比度和避免文字之間的沖突。

主導藝術

方格堆疊排版中的反方格并不永遠是設計中最耀眼的那一部分,有時它僅僅是個視覺元素。要使其成為頁面中主導元素的關鍵有兩點:大量的留白和排版內部的視覺元素。方格本身可能有一種或多種顏色,內部填充圖片,文本或者鏈接。無論你想使用哪個”絕招“。方格都能使文本或內部其他內容脫穎而出,使視覺呈現更加流暢。

別一下子就想做個大工程,一步一步來。打個比方,你可以吧方格想象成一個色塊,在黑色的背景上,就需要將它表現的像白色突出。在你工作之前,先制定一個指南或許會事半功倍。

強調特定詞匯

在這一點上,許多項目都犯了致命的錯誤,他們使文本看起來相當特別,卻忽略了文本的可讀性。記住,在一個界面中,關鍵詞永遠是最重要和最需要突出的一個部分,沒有了可讀性什么都沒意義。

說起來容易做起來難。當設計文本的時候,你需要計劃考慮很多,你需要搭配長短句和短語。當所有事都排版好了,確保看一下每一個元素都是如何落實的。你文本中最重要的部分表現的方式是否是最佳的,他們的比重如何?放置的位置又是否合適呢?

如果還覺得哪里不對,那就重新排版,這種排版方式并不適用于所有文本,同樣的方式,一些文本就會更加有效。如果效果不好也不要沮喪,下次再試試別的項目就好。

用于社交媒介

我們之所以這么頻繁的看到這種排版方式,是因為方格這種形狀常用于設計社交媒介中的各種圖標按鈕或者鏈接,這點以Instagram的卡片式界面圖像為例就可以看出。

由于這種現象,設計師想到了由于圖片具有高度共享性所以圖片上的文字也必然具有相同特性。縱覽你的社交媒介平臺,如果不采用這種展示方式,你恐怕很難瀏覽很深去了解。

更重要的是,它提供了一個機會,以可視化的方式向人們展示了一條信息。這給了用戶更多的空間去代入他們自身的共鳴,并有助于在視覺上提請注意主要消息。(相當聰明,是吧?)

燥起來吧

雖然許多這種類型的設計無論是外觀還是給人感覺都差不多,但是你自己其實可以在其中添加一些有趣的東西,將自己的想法融合到方格堆疊排版中去。

  • 調節文本行距間的距離,以幫助用戶完全可視化形狀(或者將文本整合到一起)。
  • 文本間的空白處可以用簡單的形狀或者圖標進行填補,使整體看起來更一致。
  • 旋轉形狀一點。沒有人說一切都必須是完美的正方形(一個鉆石形狀也沒關系)。
  • 對于需要強調的詞或者其他文本,可以適當采用一些顏色設置,使其突出。
  • 使用有趣的字體,比如你可以使用一些特殊的字體,并搭配襯線等。字體使用的學習任重而道遠。

5個致效原因

這種排版設計方法之所以有效,是因為其視覺美感和簡約。要想利用的好,首先確立一個正確的設計理念。下面這些原因說明了為什么方塊堆積排版會那么流行且有效。

  1. 強視覺吸引力。堆疊式樣的設計通常是一個頁面中的視覺中心,很容易吸引用戶的注意力。
  2. 文本周圍都是空白,這樣增加了可讀性。
  3. 增加了正常文本的趣味性。許多這種設計都喜歡采用多音字或者其他文字玩笑,小小的技巧會使人覺得相當有趣。
  4. 堆疊式的排版方式一般都會在其定位或者目標的基礎之上,提前確立一個大致相配的形狀輪廓,使人一看就會產生相關的映像。
  5. 閱讀簡單且有趣

5個成功的建議

現在你已經更加深入的了解了一些關于方塊堆積排版的信息,或者你甚至已經完全掌握了其中精髓。關于如何使你的作品的可讀性和視覺吸引性更強,我們已然有五點建議。

  1. 使用網格,這樣會幫你更了解整個界面的屬性和間距等細節該調整。
  2. 確保文本正確縮放。堆積排版通常需要多種尺寸進行組合,確保每個文本以正確的尺寸被表現出來。
  3. 注意斷行和斷句,用戶需要能理解你在說什么(所以內容盡量保持簡練)
  4. 混搭兩種字體也要記得保持和諧。
  5. 不要把文本或者其他元素擠在形狀的邊緣,你可以在排版的時候注意使用不同的長短句或者提前建立一定的文本路線。

結論

有時候,最流行的設計潮流往往是最容易復制的。想要創建一個有效的方塊堆疊設計時,最困難的一點在于信息的傳遞。它只有在合適的內容時才適用(所以不要刻意去使用)。

如果你手頭沒有適合這種排版方式的項目,社交媒介是一個很好的平臺,你可以在上面進行實踐。寫一些簡單的信息作為方形疊層元件,并搭配一個炫酷的背景,分享,看看會得到什么樣的反應。 玩的開心!

推薦文章

最新文章

熱門標簽

快乐炸金花 孟州市 | 澄江县 | 湟中县 | 托克托县 | 和顺县 | 瓦房店市 | 林周县 | 南木林县 | 龙南县 | 巨野县 | 武清区 | 汝城县 | 望奎县 | 旺苍县 | 绍兴市 | 宣恩县 | 阜新 | 玛沁县 | 鄂尔多斯市 | 延川县 | 旅游 | 通城县 | 巴南区 | 什邡市 | 东兴市 | 县级市 | 昭觉县 | 庆云县 | 文安县 | 宜良县 | 汉川市 | 五家渠市 | 左权县 | 汶川县 | 奈曼旗 | 肇庆市 | 图木舒克市 | 马关县 | 尼玛县 | 宣武区 | 图片 | 巨野县 | 鹿邑县 | 金乡县 | 万年县 | 津南区 | 宁南县 | 瑞安市 | 临潭县 | 彭山县 | 光泽县 | 贡山 | 衡阳市 | 吉隆县 | 孟村 | 石台县 | 峡江县 | 鸡西市 | 卢龙县 | 三亚市 | 定安县 | 枝江市 | 德兴市 | 白山市 | 伊吾县 | 新邵县 | 平谷区 | 石首市 | 中宁县 | 古田县 | 定西市 | 古交市 | 九台市 | 通河县 | 梅河口市 | 三河市 | 三原县 | 岳池县 | 德化县 | 磴口县 | 桂林市 | 玉龙 | 饶阳县 | 隆昌县 | 鄂尔多斯市 | 昭苏县 | 乐安县 | 株洲县 | 会理县 | 南开区 | 元江 | 宜都市 | 喜德县 | 宁南县 | 乐至县 | 太康县 | 来安县 | 桃江县 | 吴江市 | 岳池县 | 东平县 | 化隆 | 鄂托克前旗 | 读书 | 西藏 | 盘锦市 | 台州市 | 清流县 | 铁力市 | 长兴县 | 克什克腾旗 | 原阳县 | 通辽市 | 察雅县 | 鄱阳县 | 教育 | 阿鲁科尔沁旗 | 治县。 | 武清区 | 秦皇岛市 | 公主岭市 | 泰和县 | 荣成市 | 闽清县 | 黑河市 | 北宁市 | 馆陶县 | 六盘水市 | 南靖县 | 浦江县 | 安西县 | 普宁市 | 通河县 | 毕节市 | 乾安县 | 广饶县 | 阳山县 | 新竹市 | 宁城县 | 若尔盖县 | 太白县 | 山西省 | 安泽县 | 阿克苏市 | 宣威市 | 达孜县 | 崇仁县 | 崇明县 | 搜索 | 茌平县 | 漠河县 | 岑溪市 | 泾源县 | 东辽县 | 砀山县 | 富顺县 | 宝坻区 | 威海市 | 富民县 | 孝昌县 | 双流县 | 汕头市 | 阳江市 | 苍山县 | 东阿县 | 德州市 | 涞水县 | 思茅市 | 太湖县 | 桃园市 | 犍为县 | 巴楚县 | 无锡市 | 贞丰县 | 泗阳县 | 贵州省 | 阳山县 | 香格里拉县 | 响水县 | 根河市 | 银川市 | 通江县 | 邹平县 | 伊吾县 | 太湖县 | 遂宁市 | 汾西县 | 花垣县 | 镶黄旗 | 莒南县 | 当涂县 | 买车 | 饶阳县 | 盱眙县 | 交城县 | 明星 | 资阳市 | 蒙山县 | 新乡县 | 固阳县 | 仲巴县 | 海城市 | 凤山县 | 泽库县 | 桓台县 | 山阳县 | 萝北县 | 泗洪县 | 德州市 | 鄂州市 | 惠水县 | 剑阁县 | 南岸区 | 松滋市 | 栾川县 | 繁昌县 | 兰坪 | 贞丰县 | 鹰潭市 | 花莲县 | 梁山县 | 马边 | 闵行区 | 平果县 | 手机 | 东丽区 | 青浦区 | 上虞市 | 三明市 | 揭西县 | 兴安县 | 天等县 | 柳州市 | 潢川县 | 磐安县 | 宁陕县 | 湘潭县 | 高阳县 | 新宁县 | 静宁县 | 苍南县 | 定安县 | 盱眙县 | 弋阳县 | 临朐县 | 阆中市 | 绿春县 | 竹溪县 | 辽源市 | 嘉峪关市 | 油尖旺区 |