精选国外有趣新颖的网站设计趋势

2017-08-07 09:02 来源：优设作者：佚名人气：次阅读我要投稿

怎样在网页中应用手绘风格，以改善网站的用户体验

17700

手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望

解析网站404网页设计那些不得不说的事

17649

前阵子做我们一淘优惠商家统一的报错页面，整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间

z-index属性的使用方法和层级树CSS教程

17478

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面,

开年那会，优设网已经分享过很多设计趋势的文章，那么今天我们就再来详细的聊聊其中一些新颖的设计趋势，并且都用案例解析的形式推荐给大家，希望对您有启发。

1、The Daily Beast

鼓励用户一直往下浏览

精选国外有趣新颖的网站设计趋势,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

The Daily Beast上面的“Read This List” 板块设计得非常巧妙。首先这个网站从上而下是不同故事的合辑，每当你阅读到不同的内容故事时，这个列表就会自动用淡灰色背景填充列表当下文章告知用户。这种方式另一方面也是在鼓励用户继续往下阅读下一篇文章。我觉得这种提示性设计时非常赞的，特别是当你有许多故事时。

2、start ups this is how design works

让用户了解更多的内容

精选国外有趣新颖的网站设计趋势,PS教程,

如果你打开startupsthisishowdesignworks，你会看见页面文章内容含有大量的黄色高亮显示。每当你点击这些特殊的词汇或短语，你会在当前页面得到一个解释框，里面是针对该高亮区域的解释，形式有可能是图文也有可能是视频。总之你不再需要打开新的页面浏览完解释再返回这个页面。这种设计方式允许你阅读更多的内容，获取更多信息。

3、Bamboo、mmenu

移动端侧滑菜单

精选国外有趣新颖的网站设计趋势,PS教程,

现在使用移动端观看网站的用户越来越多，那些有趣的交互方式给用户带来了莫大的帮助。许多智能手机app为用户提供了右滑弹出导航菜单，有许多这方面的模板，比如 Bamboo 和 mmenu，而如果你想用WordPress插件,尝试一下mobile.nav也不错。

4、Medium

让用户随时随地参与评论

精选国外有趣新颖的网站设计趋势,PS教程,

在Medium上我喜欢在上下文间有一个小便签展示用户和作者之间的交流。当你打开任何一篇文章，你都可以突出某一高亮文本，然后留下一个便条/评论，这是用户和作者之间有意思的交流方式，用户可以选择性地去评论他们想阅读或者参与的内容。

5、Ultimate Flyout Responsive Menu

到底是单手操作强还是双手呢?

精选国外有趣新颖的网站设计趋势,PS教程,

传统的网站导航都是设计在页面的顶端，但是随着移动用户的激增，这个设计如果搬到移动端，可能会很不合适。研究表明，人们使用智能手机有49%的人习惯使用单手操作。那么移动端的导航最好就要从顶部搬移，移到底部是比较OK的。这里有一个WordPress插件 Ultimate Flyout Responsive Menu，提供响应式导航。

6、Mac Pro

无与伦比的叙事技巧

精选国外有趣新颖的网站设计趋势,PS教程,