首页

超赞!15个国内优秀互动网站案例欣赏

蓝蓝设计的小编

@设计达人网 :国外网站是不是欣赏多了,这次设计达人网尝试整理一些国内专题活动网站设计,收集这些也是让大家了解下国内现在的互动网站。这些国内的互动专题网站很少像国外一样使用HTML5来做交互,大部分用FLASH代替来实现交互设计。

互动网站主要是让网站与用户进行互动,大部分都是让用户通过微博来分享,最终实现品牌宣传的目的,之于效果如何这就要看你的专题有没有创意啦!接下来大家一起看看国内的互动网站与国外网页设计的有什么不同吧。

你也看看外国的优秀范例:《超赞!25例交互体验极佳的网页设计》

蒙牛:3D音乐 特别的奶特时光

听,让3D音乐与美味一起,带您走进特别的奶特时光。

专题活动网站欣赏:zhuan-ti-wang-zhan-01

Adidas :NEO Label 冬季夹克造型对决 活动网站

2013年冬季全球知名运动品牌adidas推出adidas NEO Label 2013秋冬广告搭配,由彭于晏与Angelababy分别以不同的搭配方法,呈现出不同的街头范和运动派,让冬季搭配更鲜艳亮丽。

专题活动网站欣赏:zhuan-ti-wang-zhan-02

手机QQ浏览器 :玩转双屏互动新花样

经验分享:为儿童设计移动应用界面的技巧

蓝蓝设计的小编

本文是爱奇艺无线UED负责人@晓生 在项目工作中学习到的知识,针对儿童的习惯,从 配色、线条、布局、声音等都作了图文分析,如果有设计师刚好在开发儿童类产品,这篇小结会是不错的学习经验唷。

@晓生 :最近处于项目需要,开始研究儿童产品的界面设计。在此之前,对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用,为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备,接触虚拟社区的时间甚至早于真实世界,如何设计儿童产品是一个非常值得深入研究的课题。

如果你钟情纯美的童真,那么这个教程可能非常适合你唷:
《PS教程:利用修饰技术将照片变为有趣的漫画》

本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。

颜色

儿童移动应用界面

细心的朋友会发现儿童家具明显有别于其他家具,最明显的特征就是颜色,这是因为儿童视力到8岁才能发育完全,对色彩的认知也是从简单的三原色开始,儿童偏向于喜欢高纯度和高明度的原色。


儿童移动应用界面

iPad版奇艺动画片的启动界面以品牌绿为主,配合多种红蓝黄等颜色,整体写实蓝天绿草地的真实意境,营造轻松有趣的氛围。


儿童移动应用界面

线条


儿童移动应用界面

 

超赞!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

11月份免费新鲜的27款UI组件下载

蓝蓝设计的小编

设计师们还没更新模板吗?这是优设10月份搜寻的UI模板,总共有27款,大多数为扁平化设计,都是免费且的,希望这些收集能给你正在进行的项目一点帮助 : )

同样精心收集,希望对你有帮助 : )
52款新鲜免费的优质界面PSD下载
50个超赞的免费设计师工具资源下载

Apple Product Line Wire Frame PSD by Rubayath

Apple Product Line Wire Frame PSD by Rubayath in 27 Fresh UI Kits for October 2013

 

Chrome UI Kit v.2 by Todd Hamilton

Chrome UI Kit v.2 by Todd Hamilton in 27 Fresh UI Kits for October 2013

超实用!Photoshop亮度调节脚本

蓝蓝设计的小编

我们在设计的时候,往往会微调一下颜色的明暗度,又或者去一些在线配色工具网站上准确调节明亮度,但这样是比较麻烦的,这里设计达人网找到一个非常好用的Photoshop亮度调节脚本,使用的时候只需要按下Photoshop快捷键就能调整颜色的明与暗,节省了很多设计时间。

darken-and-lighten-color-ps-script

 

如何使用亮度调节脚本

首先在Photoshop工具栏的前景色面板上选择需要的颜色,然后运行对应脚本来实现颜色的明暗变化。

color-shot

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档