設(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)你開(kāi)始滾動(dòng)鼠標(biāo),導(dǎo)航條就將會(huì)彈出來(lái),并跟著你移動(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ì)來(lái)吸引眼球。因?yàn)橛脩?hù)傾向于有趣的這些標(biāo)題頁(yè)面元素完美展示如何在初次訪(fǎng)問(wèn)者點(diǎn)燃的好奇心。容易被那些有趣的標(biāo)題元素和完美的頁(yè)面展示吸引,最完美的首屏設(shè)計(jì)要在在初次就點(diǎn)燃訪(fǎng)問(wèn)者的好奇心。
Daniel Filler
Grain & Mortar
Playground Inc.
Sellfy
Kiawah Island
Localfu
Statsiv
n+1
Seed Spot
LeShopo
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色