設(shè)計(jì)趨勢(shì)！知名網(wǎng)站的首屏設(shè)計(jì)趨勢(shì)(2)

Ausdom這個(gè)網(wǎng)站有一個(gè)非常有趣的固定導(dǎo)航欄。當(dāng)你第一次登陸到頁(yè)面時(shí)，所有的導(dǎo)航鏈接好像都是在首頁(yè)hero image的頂部右側(cè)里面的，導(dǎo)航鏈接是一個(gè)白色的字體鑲嵌在比較暗背景上。

當(dāng)你開始滾動(dòng)鼠標(biāo)，導(dǎo)航條就將會(huì)彈出來，并跟著你移動(dòng)到你鼠標(biāo)滾動(dòng)任的頁(yè)面。他用的一個(gè)白色的背景顏色，所以logo和文本鏈接也跟著變成了一個(gè)新的顏色。這是一個(gè)相當(dāng)酷的設(shè)計(jì)風(fēng)格，他使頁(yè)面保持完整性，讓導(dǎo)航在任何的位置都能被輕松的找到。

另外一種混合式的導(dǎo)航，你可以嘗試添加自己的設(shè)計(jì)風(fēng)格，讓固定導(dǎo)航欄更具有創(chuàng)意。例如Drew Wilson網(wǎng)站在他的頂部應(yīng)用了滾動(dòng)導(dǎo)航條，并且在導(dǎo)航條上上應(yīng)用了多云模糊的效果。導(dǎo)航上鏈接不多，因?yàn)榫W(wǎng)站只有一個(gè)頁(yè)面，但是他仍然是一個(gè)創(chuàng)造性的設(shè)計(jì)嘗試，在最快的時(shí)間里吸引了你的眼球。

靈感總結(jié)~

掌握上面的這些設(shè)計(jì)技巧，讓你更快的做出一個(gè)優(yōu)秀的首屏設(shè)計(jì)。這些首屏主要是靠?jī)?nèi)容、標(biāo)志或者導(dǎo)航的設(shè)計(jì)來吸引眼球。因?yàn)橛脩魞A向于有趣的這些標(biāo)題頁(yè)面元素完美展示如何在初次訪問者點(diǎn)燃的好奇心。容易被那些有趣的標(biāo)題元素和完美的頁(yè)面展示吸引，最完美的首屏設(shè)計(jì)要在在初次就點(diǎn)燃訪問者的好奇心。

Daniel Filler

Grain & Mortar

Playground Inc.

Sellfy

Kiawah Island

Localfu

Statsiv

n+1

Seed Spot

LeShopo