当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

设计趋势!知名网站的首屏设计趋势(2)

来源:站酷 作者:喵酱紫 学习:3306人次

Ausdom这个网站有一个非常有趣的固定导航栏。当你第一次登陆到页面时,所有的导航链接好像都是在首页hero image的顶部右侧里面的,导航链接是一个白色的字体镶嵌在比较暗背景上。

 

当你开始滚动鼠标,导航条就将会弹出来,并跟着你移动到你鼠标滚动任的页面。他用的一个白色的背景颜色,所以logo和文本链接也跟着变成了一个新的颜色。这是一个相当酷的设计风格,他使页面保持完整性,让导航在任何的位置都能被轻松的找到。

 

设计趋势!知名网站的首屏设计趋势

 

另外一种混合式的导航,你可以尝试添加自己的设计风格,让固定导航栏更具有创意。例如Drew Wilson网站在他的顶部应用了滚动导航条,并且在导航条上上应用了多云模糊的效果。导航上链接不多,因为网站只有一个页面,但是他仍然是一个创造性的设计尝试,在最快的时间里吸引了你的眼球。

 

灵感总结~

 

掌握上面的这些设计技巧,让你更快的做出一个优秀的首屏设计。这些首屏主要是靠内容、标志或者导航的设计来吸引眼球。因为用户倾向于有趣的这些标题页面元素完美展示如何在初次访问者点燃的好奇心。容易被那些有趣的标题元素和完美的页面展示吸引,最完美的首屏设计要在在初次就点燃访问者的好奇心。

 

Daniel Filler

 

设计趋势!知名网站的首屏设计趋势

 

Grain & Mortar

 

设计趋势!知名网站的首屏设计趋势

 

Playground Inc.

 

设计趋势!知名网站的首屏设计趋势

 

Sellfy

 

设计趋势!知名网站的首屏设计趋势

 

Kiawah Island

 

设计趋势!知名网站的首屏设计趋势

 

Localfu

 

设计趋势!知名网站的首屏设计趋势

 

Statsiv

 

设计趋势!知名网站的首屏设计趋势

 

n+1

 

设计趋势!知名网站的首屏设计趋势

 

Seed Spot

 

设计趋势!知名网站的首屏设计趋势

 

LeShopo

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!