当前位置:首页 > PS教程 > PS教程

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

  • 2022-12-24 22:36:56
  • 来源/作者:互联网/佚名
  • 己被围观

当一个用户登录你的网站,他第一件事情一定会注意到你的网站的头部信息。无论他是一个小的导航栏,或者是一个大的图片全屏轮显,网站头部的设计无疑是全站布局中非常重要的一个环节。

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

 

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

 

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

 

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

 

灵感总结~

 

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

 

Daniel Filler

 

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

 

Grain & Mortar

 

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

 

Playground Inc.

 

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

 

Sellfy

 

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

 

Kiawah Island

 

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

 

Localfu

 

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

 

Statsiv

 

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

 

n+1

 

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

 

Seed Spot

 

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

 

LeShopo

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 工具运用,给产品图片加上尺寸标识 工具运用,给产品图片加上尺寸标识
  • ps大师之路:ps笔刷的详细设置 ps大师之路:ps笔刷的详细设置
  • ps无缝重复图案的制作和使用方法 ps无缝重复图案的制作和使用方法
  • photoshop大师之路消除锯齿和羽化 photoshop大师之路消除锯齿和羽化
  • 教你怎样分辨照片是否被ps过 教你怎样分辨照片是否被ps过
  • 浅谈photoshop图像处理中的亮调,中间调,暗调选取 浅谈photoshop图像处理中的亮调,中间调,暗调选取
  • Photoshop自由变形调整照片的透视变形 Photoshop自由变形调整照片的透视变形
  • 文字设计,英文字母组合的N种方式 文字设计,英文字母组合的N种方式