當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

設計趨勢!知名網(wǎng)站的首屏設計趨勢(2)

來源:站酷 作者:喵醬紫 學習:3306人次

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

 

當你開始滾動鼠標,導航條就將會彈出來,并跟著你移動到你鼠標滾動任的頁面。他用的一個白色的背景顏色,所以logo和文本鏈接也跟著變成了一個新的顏色。這是一個相當酷的設計風格,他使頁面保持完整性,讓導航在任何的位置都能被輕松的找到。

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

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

 

靈感總結~

 

掌握上面的這些設計技巧,讓你更快的做出一個優(yōu)秀的首屏設計。這些首屏主要是靠內容、標志或者導航的設計來吸引眼球。因為用戶傾向于有趣的這些標題頁面元素完美展示如何在初次訪問者點燃的好奇心。容易被那些有趣的標題元素和完美的頁面展示吸引,最完美的首屏設計要在在初次就點燃訪問者的好奇心。

 

Daniel Filler

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Grain & Mortar

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Playground Inc.

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Sellfy

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Kiawah Island

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Localfu

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Statsiv

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

n+1

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

Seed Spot

 

設計趨勢!知名網(wǎng)站的首屏設計趨勢

 

LeShopo

學習 · 提示

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

關注大神微博加入>>

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