5个提升你的单页网站品质的设计要素(二)

2023-03-21 10:29:01 来源:软服之家


(资料图片仅供参考)

1、视觉效果:识别正确的模式,巧妙地使用负空间  没有什么比导航和滚动条的使用问题更让访问者焦躁的了。你必须留意单页网站的排版,你需要巧妙设计你的网站的导航,让访问者想要通过它了解更多信息。使用横杆菜单或侧边栏菜单也是单页网站设计的一个很好的方法。它使人们更容易跳转到感兴趣的内容区。只需单击一下即可,这比有时令人厌烦的鼠标滚动模拟方法要好很多。  自动滚动导航链接也很好用。访问者可以通过它查看页面滚动,而不是从一个区域跳到另一个区域。以下这些单页网站以吸引人的、用户友好的导航而流行。  Sergio Pedercini(http://sergiopedercini.com/)  这个设计师的网站使用了3种不同的自动滚动链接,美观新颖而且可以通过点击快速到达相关内容区域。  Brainflop(https://www.brainflop.com/)  看的出来,该网站的设计者真的希望通过在顶部和左侧,分别提供一个导航菜单来帮助访客更快速浏览他们的站点。虽然这么设计,但是网站总体还算简洁、美观。  2、行动按钮:使用正确的行动按钮(CTA,Call to action button),不要害怕使用它。  行动按钮通常指向网站的核心目标,所以要善于使用它来引导访客采取行动。易于展示美观醒目的行动按钮,这就是单页网站的魅力所在,它通常把访客引导至核心目标。你通常会想要将行动按钮展示在页面上方明显的位置,例如,如果你正在展示一个作品集并想引导访客查看更多时。当还存在介绍公司服务或产品的详请页面时,你也可能同时需要几个行动按钮。  The Art of Texture(https://www.theartoftexture.com/)  该网站设计在首页合适的位置上放置2个明显的行动按钮,引导访客自由选择他们想要查看的视频。  Reneza(https://reneza.com/)  当使用行动按钮时,Reneza网站设计师对它进行精心的设计。按钮采用了美观的渐变颜色,并正确地调整了位置和字体大小。  结语  结合上文《5个提升你的单页网站品质的设计要素(一)》,已经介绍了5个提升你的单页网站品质的设计要素,以及如何正确使用它们。现在,你还需要在以后的工作中不断练习和实践他们,直到你完全掌握了这几项技能。

标签:

上一篇:
下一篇: