如何打造简约的单页网站设计

不是每个网站都要很复杂或包含很多页内容资讯,有时候一个页面就足够了。不过你打算用一个页面来创建网站,并不意味着它会很轻松。开发一个单页网站布局所需要的思考与规划,不比某些更加复杂的网站少。它需要将所有相同的基础元素整合成一个更大的站点,还要让人看起来印象深刻,你得照着预期进行并且怀揣明确的目标。
单页网站设计之视觉差滚动
滚动特效是单页设计中最盛行”花招”中的一个。轻弹滑鼠,用户无需点击或从欢迎页跳转就能来到一个新页面。这种效果可以激励用户继续滚动、阅读、与网站互动,看看接下来会出现什么(你可以在之前的文章中学习更多关于视觉差滚动的知识)。
单页网站设计之移动APP欢迎页
创建一个特别的欢迎页面,在用户通过移动设备和平板电脑访问你网站的时候,鼓励他们下载App。这个”广告页面”可以帮助你将网站用户转化为正式的App用户。
单页网站设计之隐藏式导航
滑鼠接近时会出现和隐藏的菜单可以在整个设计中节省空间,并且始终在熟悉的位置提供导航(通常是页面顶部)。你也可以试试其他导航特效,比如Jamie Oliver’s Fifteen页面中那样,导航刚开始在屏幕中央,随着滑鼠向下滚动移至顶端(并且固定位置)。
单页网站设计之动画特效
如果视觉差滚动不是你的菜,考虑一下用动画或视频背景来增加视觉吸引力。移动物体会诱使用户逗留,看看接下来发生什么。