【前言感悟】看再多的優(yōu)秀網(wǎng)頁案例，如果沒分析總結(jié)，很難借鑒運(yùn)用，因?yàn)槟憧赡苤皇悄７?，過于注重樣式，做出來的頁面可能就失去靈氣，沒辦法根據(jù)需求靈活運(yùn)用各種樣式。另外，別人的分析文章很多，百度一抓一大把，資訊泛濫的年代，看再多也難以全部吸收，只有你自己去分析總結(jié)，才能真正變成自己的知識(shí)，才會(huì)印象深刻而靈活運(yùn)用到項(xiàng)目中。

 

以下截圖均來自Pinterest，謝感謝設(shè)計(jì)師們的分享。

 

【框出重點(diǎn)文案和圖片焦點(diǎn)】讓視覺更集中，‘幾何線條’本來就是版面構(gòu)成的好素材。

 

 

【大物件擺放于主文案兩邊】特別是使用官網(wǎng)商品圖，選用能細(xì)節(jié)突出，足夠吸引眼球的商品照（比如可口的蛋糕，酷炫的跑鞋等），文案居中擺放，這種方式會(huì)讓版面很有氣氛，也突出商品，一舉兩得。

 

【挑選一個(gè)合適的商品，摳圖當(dāng)背景】讓模塊變得不單調(diào)，也避免內(nèi)容擁擠，看起來很舒服。這里可以靈活運(yùn)用，比如大圖用做商品展示，多個(gè)小圖當(dāng)成商品細(xì)節(jié)圖靈活排版。（注意：當(dāng)背景的商品不能太搶眼，避免把焦點(diǎn)從主內(nèi)容移開，應(yīng)該只起到美化版面的作用，低調(diào)處理。）

 

【規(guī)則排列產(chǎn)生美】有時(shí)規(guī)則的樣式擺放在一起，規(guī)規(guī)矩矩四周對(duì)齊，的確能夠產(chǎn)生干凈穩(wěn)重的感覺，給人信任感，簡(jiǎn)單的美。

 

 

【不規(guī)則的靈動(dòng)美】如果一個(gè)版面都是規(guī)則樣式，會(huì)很死板，難以給人留下印象，SO，大膽留白和發(fā)揮你的靈感隨心排版吧！讓頁面看起來有靈氣。

 

【大文案跳出】把文案突出擺放在留白的空間上，也是一種方式，可以組合嘗試。

最后：【商品圖居中，大文案居中擺放于商品后，產(chǎn)生雜志風(fēng)格】焦點(diǎn)明確，也是突出商品的好手法。

 

★★★ <如何更有效地收藏案例？>看到好看的頁面時(shí)，不建議收藏整個(gè)頁面，因?yàn)檎麄€(gè)頁面只能給你整體印象，卻較難變成知識(shí)工具，因?yàn)榇蟛糠謺r(shí)間，我們只是因?yàn)轫撁婺硞€(gè)按鈕、某個(gè)樣式、某個(gè)點(diǎn)所吸引，覺得很棒，那么建議只截圖保存你那一刻被吸引的小范圍視覺，下次找靈感時(shí)，更直接快速地運(yùn)用！

 

【后話】現(xiàn)在大家都要追求高端大氣，結(jié)果隨手抓來全部都是高級(jí)灰高級(jí)黑的頁面，當(dāng)然灰白黑是最容易做出高大上，看多了卻難免視覺疲勞，再高大上也失去活力。（又得吐槽一下，是不是你老板又喊著不夠大氣，再改改，你讓他舉個(gè)案例吧，又舉不出來…然后做了黑白灰大氣版，又被嚷著要改成像淘寶天貓那些紅紅火火簡(jiǎn)單粗暴吸引銷售的？不可以用灰黑色，會(huì)影響銷售……設(shè)計(jì)的孩子都需要強(qiáng)大的內(nèi)心…）

 

最后最后最后，高級(jí)灰看膩了，貼一個(gè)多彩炫麗的活力下吧！

看完覺得有用就點(diǎn)個(gè)贊吧~