亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
設(shè)計(jì)趨勢:方格堆疊式排版
0.0°
2017-07-25 自譯外文 規(guī)范/資料 原作者: CARRIE COUSINS 舉報(bào) 2544 10 5 0

現(xiàn)在你隨便打開一個(gè)網(wǎng)站,似乎都有堆疊排版的身影,特別是方格堆疊堆疊,已然成為一種設(shè)計(jì)趨勢,越來越多的設(shè)計(jì)師開始采用這種排版方式。


這種模塊堆積排版趨勢難以忽視,并且值得復(fù)制,因?yàn)檫@種排版本身就具有獨(dú)特的魅力。你可以采用不同的方式來搭配文字圖片,使其變得引人注目。今天我們就來好好談?wù)劊绾卫梅礁穸询B排版模式的設(shè)計(jì)方法來進(jìn)行設(shè)計(jì)。


應(yīng)用于圖片或視頻

Image title


方格堆疊排列最重要的作用之一就是美化圖片或視頻。這項(xiàng)設(shè)計(jì)方法,既流行于網(wǎng)站或者應(yīng)用的設(shè)計(jì),同時(shí)也廣泛應(yīng)用于圖片處理。


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


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


主導(dǎo)藝術(shù)

Image title


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


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


強(qiáng)調(diào)特定詞匯

Image title


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


說起來容易做起來難。當(dāng)設(shè)計(jì)文本的時(shí)候,你需要計(jì)劃考慮很多,你需要搭配長短句和短語。當(dāng)所有事都排版好了,確??匆幌旅恳粋€(gè)元素都是如何落實(shí)的。你文本中最重要的部分表現(xiàn)的方式是否是最佳的,他們的比重如何?放置的位置又是否合適呢?


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


用于社交媒介

Image title


我們之所以這么頻繁的看到這種排版方式,是因?yàn)榉礁襁@種形狀常用于設(shè)計(jì)社交媒介中的各種圖標(biāo)按鈕或者鏈接,這點(diǎn)以Instagram的卡片式界面圖像為例就可以看出。

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

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


燥起來吧

Image title


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


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


5個(gè)致效原因

Image title


這種排版設(shè)計(jì)方法之所以有效,是因?yàn)槠湟曈X美感和簡約。要想利用的好,首先確立一個(gè)正確的設(shè)計(jì)理念。下面這些原因說明了為什么方塊堆積排版會那么流行且有效。

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


5個(gè)成功的建議

Image title


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

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


結(jié)論


有時(shí)候,最流行的設(shè)計(jì)潮流往往是最容易復(fù)制的。想要創(chuàng)建一個(gè)有效的方塊堆疊設(shè)計(jì)時(shí),最困難的一點(diǎn)在于信息的傳遞。它只有在合適的內(nèi)容時(shí)才適用(所以不要刻意去使用)。


如果你手頭沒有適合這種排版方式的項(xiàng)目,社交媒介是一個(gè)很好的平臺,你可以在上面進(jìn)行實(shí)踐。寫一些簡單的信息作為方形疊層元件,并搭配一個(gè)炫酷的背景,分享,看看會得到什么樣的反應(yīng)。


讓產(chǎn)品體驗(yàn)更好:www.enqoo.com

Image title

全球最新的設(shè)計(jì)資源,精彩實(shí)用設(shè)計(jì)技巧每天呈現(xiàn)。歡迎關(guān)注微信公眾號:ienqoo

更新:2017-07-25

收藏

10人已收藏

enqoo

讓產(chǎn)品體驗(yàn)更好:http://www.enqoo.com/

  • 47

    作品

  • 272

    粉絲

  • 1

    關(guān)注

  • 從現(xiàn)在起學(xué) Cinema 4D – 對象關(guān)系
  • 從現(xiàn)在起學(xué) Cinema 4D - 基礎(chǔ)操作
  • Enqoo 交互/設(shè)計(jì)師招募...
  • 10個(gè)自由職業(yè)者日常的智能小貼士

    猜你喜歡

      2017-07-25 自譯外文 規(guī)范/資料 原作者: CARRIE COUSINS 舉報(bào) 2544 10 5 0

      設(shè)計(jì)趨勢:方格堆疊式排版

      0.0°

      你確定要舉報(bào)設(shè)計(jì)趨勢:方格堆疊式排版?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2016年04月28日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      5
      10
      0

      賬號或密碼錯(cuò)誤,請重新輸入

      賬號或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號登錄