潮流速递!有趣新颖的网站设计趋势

POST TIME: 03/08/2014 08:39:20 PM      READ:1575

1、The Daily Beast

鼓励用户一直往下浏览


2


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

 


2、start ups this  is how design works

让用户了解更多的内容


3


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

 


3、Bamboommenu

移动端侧滑菜单


Unnamed QQ Screenshot20140228233303


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

 


4、Medium

让用户随时随地参与评论


Unnamed QQ Screenshot20140228233333


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

 


5、Ultimate Flyout Responsive Menu

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



Unnamed QQ Screenshot20140228233402


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


6、Mac Pro

无与伦比的叙事技巧


Unnamed QQ Screenshot20140228233459


我们见过太多的视差滚动式网站,但当这种技术有效地和产品结合起来时可以叙述一个强有力的品牌故事,看看 Mac Pro。

 


7、APPLE 风格Android风格微软风格

为你而设计

响应式设计是一个新内容。如果你是一个苹果迷,或许你会喜欢第一个的风格,而如果你钟情于安卓,你会喜欢第二个。微软是风格三。


10


现在你看过了以上9种有趣的新设计,当然我也会错过其他很多有趣的设计趋势,你有什么好料么?一起分享啊~

下一篇:2014年10大Web设计趋势 上一篇:浅谈化妆品的微博粉丝营销
0
SOCIAL
新浪微博
腾讯微博
LINKS
平凡视觉工作室 前端开发网 站酷
优设网 厦门网站建设 设计联盟
CONTACT US
白云区广园中路171号联鸣商贸中心3128
13535027440    13902287719