旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > 網(wǎng)格類的UI設(shè)計(jì)靈感
網(wǎng)格類的UI設(shè)計(jì)靈感
時(shí)間:2018-03-09來(lái)源:m.mwtacok.cn點(diǎn)擊量:作者:馬晨皓
時(shí)間:2018-03-09點(diǎn)擊量:作者:馬晨皓

無(wú)論是多種產(chǎn)品推銷的營(yíng)銷材料,還是為重新裝修而設(shè)計(jì)的一個(gè)模板,網(wǎng)格都可以讓你的圖形看起來(lái)光鮮亮麗,并且可以輕松替代棘手的圖片格式。


 

01.合并多個(gè)圖像

Image title

將物體排成一行,并在兩個(gè)照片(咖啡杯和木罐)之間進(jìn)行視覺(jué)融合,是將你的圖片與網(wǎng)格結(jié)合起來(lái)的一種原始方式。

使用具有能清晰顯示文本的背景圖片,同時(shí)文本的色調(diào)可以從圖片的色彩中去選擇。當(dāng)你的網(wǎng)格有不同大小的位置時(shí),確保你裁剪的圖片在不同的尺寸上看起來(lái)是最好的。


 

02.將你的主題分開(kāi)

Image title

以同樣的方式,網(wǎng)格為你的設(shè)計(jì)創(chuàng)造秩序,重要的是要確保它們的風(fēng)格一致。將照片濾鏡代碼復(fù)制到每個(gè)圖像以獲得內(nèi)聚效果。

不要用顏色壓制你的設(shè)計(jì)。將更柔和色調(diào)的圖片放入照片網(wǎng)格重要位置中,然后將更飽和的圖片放入較小的照片網(wǎng)格中。請(qǐng)記?。涸谠O(shè)計(jì)的一部分中,把文字框與其他網(wǎng)格對(duì)齊??纯慈绾螌⒏北荆ㄊ卟耍┚鶆虻丶性谔卣髡掌瑑?nèi)。


 

03.創(chuàng)建一個(gè)色板效果

Image title

使用特征圖片中的剪切的一部分作為“色板”效果填充網(wǎng)格部分。選擇一張?zhí)卣鲌D片,并用大量的紋理或彩色部分將其分解為色板。

網(wǎng)格提供了變體,因此在很多情況下,你可能不需要將任何文本應(yīng)用于設(shè)計(jì)。


 

04.將圖片對(duì)齊到地平線上

Image title

網(wǎng)格不需要很復(fù)雜,也不需要占用整個(gè)布局。關(guān)于網(wǎng)格最酷的事情之一是它們能夠輕松擴(kuò)展。隨心所欲,讓它們變大或變小。

如果你不想使用圖片,可以將色板顏色放入照片保持器中。嘗試使用圖片中的顏色來(lái)保持一致的美學(xué)效果。

簡(jiǎn)化你的圖片——記下從第一張碼頭圖片到海面,然后記錄由地平線創(chuàng)建的泳道標(biāo)記。


 

05.用網(wǎng)格來(lái)講故事

Image title

使用網(wǎng)格是一種很聰明的方式來(lái)講述一個(gè)視覺(jué)故事。考慮將你的特征圖片作為書籍封面,然后將以下圖片作為章節(jié)處理。

使用具有不同照片大小的網(wǎng)格來(lái)強(qiáng)調(diào)分步過(guò)程。通過(guò)選擇具有相對(duì)顏色和內(nèi)容的圖像確保它的流暢性。

使用濾鏡和裁剪的組合,注意這些讓你在網(wǎng)格上有創(chuàng)意的好方法!


 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2021/ m.mwtacok.cn 北京漫動(dòng)者教育科技有限公司 備案號(hào):京ICP備12034770號(hào) 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc