首页

超赞!25例交互体验极佳的网页设计

蓝蓝

25 Modern Web / Interactive Websites Design Examples

本文介绍的案例均使用了的HTML/CSS 以及 JS 技术,从视差滚动到响应式设计,实现了良好的交互性,为用户提供更好的浏览体验。我们来快速阅览一下吧。

推荐阅读:
《网页设计新趋势!25例出众的响应式导航设计》
《让网站更生动!那些在网页中完美运用视频元素的案例》
《不要落伍!来和小伙伴一起学习响应式网页设计》

 

Melbourne Remote Control Tourist

的远程旅游体验,这个概念不错吧!

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

20个优秀的国外扁平化网页设计作品

蓝蓝

扁平化设计为印刷品、网页和移动操作系统的设计带来了新的变化。扁平化设计最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等能做出3D效果的元素一概不用。所有元素的边界都干净利落,没有任何羽化,渐变,或者阴影。

更少的按钮和选项使得界面干净整齐,使用起来格外方便。可以将信息和事物的工作方式更加简单直接的展示出来,减少认知障碍的产生。越来越多的公司正在效仿,比如下面这些:

 

Who Wanna

10.flat websites

Very-Make


18.flat websites

23个最具影响力的网页设计博客

蓝蓝

花了大量时间在网上搜集行业里高质量网页设计的博客,不过话说回来,高质量可信的资源确实挺稀缺的。

 

CSS-Tricks

CSS-Tricks是Chris Coyier公众博客,专门讲一些有关CSS的话题。不过近几年来,CSS-Tricks有了下面一些扩展:

Chris和Dave Rupert一起创造了ShopTalk 播客,在里面可以讨论所以有关网页设计和开发的事情。
Chris 出过几本书,做了一个 Lynda.com的Wordpress主题课程,并且他还创建了一个The Lodge的课程教人们学习如何制作一个颇具现代感的网站。
超多很酷的项目,像 CodePen,HTML-Ipsum, Quotes on Design 。Chris真是个超有想法的人。

csstricks-web-design-blog-top-blogs-follow

CSS-Tricks 是 Chris Coyier 2007年建立的,总部在美国怀俄明州的密尔沃基,至今网站月页面访问量达270万。

网站亮点(这个网站的独特之处是什么?):

名人效应——Chris Coyier 是这么网站的精神领袖,他的个人风格贯穿于项目始终,是众多设计师的楷模。向他学习,同他一同去冒险吧!

关注App设计!20个漂亮的扁平风格移动端界面

蓝蓝

现在扁平化风格在网页设计方面已经有许多优秀的范例了,比如这22个超赞的扁平化设计经典案例就有很多我们可以借鉴学习的地方。但是移动端的界面设计扁平化风格较少,所以今天从BehanceDribbble收集的这一组移动端的扁平化设计就该好好看看咯,学习一下它们优秀的细节和配色吧 : )

如果你对扁平化风格的网站更有兴趣,那么推荐阅读:
一组赋予你扁平化配色灵感的网页设计
怒赞!2013扁平化设计终极指南
专属扁平化设计的PS色板(配色库)

 

uiGo Colors – iOS Flat UI Bundle

 

怒赞!50套万里挑一的设计师专属精华资源包

蓝蓝

我们一起来看一下吧,本文收集了50款专属设计师的精华资源包,分别有图标、主题、UI套件、插件、网页模版、字体等等,一网打尽、一应俱全,万里挑一!实属优设哥献给您的千金难换的干货哟!

10月收尾,11月马上来临,到了该总结经验整理思路的时候了。各位设计师对本月工作满意吗?嗯,没关系,不管好还是坏,11月份,我们重整旗鼓,继续前进。

大家都知道,如果有素材和工具的支持,工作起来得心应手,赶紧来挑选适合你的神兵利器吧:)

Flatic

大型UI套件,涵盖百余种UI元素。

Flatic User Interface

Gamecenter Pack

12月典藏!50个超赞的免费设计师工具资源下载

蓝蓝

互联网最伟大的精神在于分享,我们喜欢探索、喜欢发现,务求将最好的资源呈递给所有设计爱好者。
相信这里面你大多数都还没见过呢!
50个免费资源:包括了图标、字体、PSD、矢量图、图案、UI套件、调试工具等等。
琳琅满目!乱花渐欲迷人眼,请您精挑细选,选择最合适自己的素材,让你的设计项目变得更漂亮、更专业。

OOcharts

remarkable-freebies-and-tools-01

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档