設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)(3)

來(lái)源:colachan 作者:十萬(wàn)個(gè)為什麼 學(xué)習(xí):3301人次

這個(gè)案例更加激進(jìn)。當(dāng)然,它也包含了模塊化的方式,讓他們能夠根據(jù)需要輕松增減內(nèi)容。但此處還有一個(gè)重要的設(shè)計(jì)元素在發(fā)揮作用,之前的案例是沒(méi)有的。模塊通過(guò)尺寸變化,來(lái)反映其重要程度和在各層級(jí)中的地位。這類模塊化的布局方式存在一種風(fēng)險(xiǎn),它使每樣?xùn)|西尺寸都相同,這意味著無(wú)法強(qiáng)調(diào)任何事物。相反,這個(gè)案例還是清晰地突出了主要元素。

Plfixtures

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Guide.residence-mixte

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Tevko

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

一屏以內(nèi)

最后,還有一些網(wǎng)站采用這樣的方式,讓設(shè)計(jì)完全在一屏內(nèi)展現(xiàn)。這是響應(yīng)式設(shè)計(jì)的一個(gè)分支,因?yàn)樗鼤?huì)適應(yīng)屏幕尺寸。不過(guò)在這個(gè)絕佳案例中,整個(gè)設(shè)計(jì)的適應(yīng)方式完完全全吻合屏幕,沒(méi)有產(chǎn)生滾動(dòng)條。沒(méi)有滾動(dòng),意味著內(nèi)容必須極度聚焦,而且要建立清晰的內(nèi)容層次。我發(fā)現(xiàn)這些網(wǎng)站的聚焦能力和清晰程度,令人耳目一新。

Hatchcollective

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Shamballajewels

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Erikfischer

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Twinpics

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

Nikolaylechev

設(shè)計(jì)趨勢(shì),2015年四種至關(guān)重要的排版趨勢(shì)

結(jié)論

雖然我把這幾種趨勢(shì)分開(kāi)講,但其實(shí)他們都表現(xiàn)為積木塊的形式。這些積木可以通過(guò)很多不同方式組合。事實(shí)上,本文中展示的很多案例,都可以放在我們討論過(guò)的其他幾個(gè)分類中,F(xiàn)代網(wǎng)頁(yè)的布局如此多樣化,而且確實(shí)合乎使用,造就了如此激動(dòng)人心的互聯(lián)網(wǎng)媒體。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!