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

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

Melbourne Remote Control Tourist

的远程旅游体验，这个概念不错吧！

Melbourne Remote Control Tourist

Portfolio

展示了设计师 Bradley Haynes的作品，他来自旧金山

传统纸媒衰落了？不要紧，电子杂志正当时，所以说，学习杂志封面设计技巧并不过时。
杂志封面相对来说空间充裕——8到11英尺，你需要在这样大小的空间里面合理排布文字，安置照片/插画。

你的目标只有一个：快速向读者揭示本期杂志内容
这里呢，我总结了设计师们都该知道的8种杂志封面的设计方法。

相关推荐阅读：
《2013年万圣节优秀广告设计评析》
《推荐！优秀书籍封面字体设计》
《怎么做海报？环法自行车赛100周年海报设计案例解析》

文字排布：深色字配亮色背景，亮色字配深色背景

来自Studiomates工作室的Frank Chimero是一名知名的平面设计师，一名作家，《设计的形状》一书的作者，他的客户包括《纽约时报》、《连线杂志》、Nike、Facebook、星巴克、时代华纳、《商务周刊》等。有一位匿名者问Frank能否给平面设计专业的学生提点建议，于是他在自己的博客上发表了自己对平面设计的一些看法。虽然是写给平面设计专业学生的，里面提到的想法同样适用于其他设计领域的学生和从业者。以下为摘要：

设计不等于为客户效劳。

紫色在设计中很难处理。老师在课堂上教给你的不是福音。大部分决策都是模糊不清的，所有东西都在正确性与适合度之间徘徊。

当你对别人说话或者听别人说话时，看着对方的眼睛。最好的老师把课堂当做车间，最坏的老师把课堂当做课堂（照本宣科）。

如果你画得没有别人好，或者软件没别人用的溜，或者没有钱买办公用品，或者没有别人使用的工具，那么通过多动脑思考打败他们。思考是免费的，你只需投入时间和换位思考。

最好的沟通者都擅长送礼物给别人。

床头常备两本书：一本小说，一本非小说。

只要你是设计师，你就肯定知道Dribbble。这是一个供设计师展示作品、同行交流、寻找灵感的场所。

平面设计师、插画设计师、字体设计师、图标设计师、网页设计师、Logo设计师都经常浏览这个网站。

除了这个供设计师交流的网站，还有衍生出的Dribbble聚会、博客等等。

推荐阅读：
《拜师学艺第二弹！Dribbble上50位值得学习的设计师》

Dribbble学前班

Dribbble的术语大多来自篮球：

发布的新作品叫做Shots(投篮)，新人处女作叫做debut(初登场)，收集其他成员的作品并分类的合集叫做bucket（球桶），将dribbble成员归类收藏叫做lists。

如果一幅作品能够被足够多的成员like（喜爱），那么很可能会上Popluar（流行榜）。

如果设计师想要对其他设计师的作品致敬或者修改，那么这种行为叫做rebound（打篮板）。如果有很多人响应你的作品，那么你的作品和响应者的作品会列入 playoffs（季后赛）。

Dribbble上的图像尺寸限制在400 x 300px / 800 x 600px 。但是允许添加附件（比方说PSD文件）

如果电脑是retina mbp 会自动显示800×600的图，而上传800×600的图会标记为@2X。

设计师每个月最多能上传24件作品，这样能够防止垃圾作品，让设计师精选作品上传。

想要在这个站点上上传作品，需要得到老用户的邀请才可以。这引发了一些争议。

如果你逛Dribbble只是为了获取灵感，那么情况就有所不同了。首先，你需要注册账号，关注喜欢的设计师，这样每次登陆就能知道他们作品的更新情况。
当然，不注册也能观看作品、也能搜索关键词。
如果你想在Dribbble上雇人，可以根据设计师的粉丝数、所在地、专长来选择设计师。

Dribbble简史

Dan Cedarholm & Rich Thornett于2009年开始了Dribbble的项目。在2010年开始运营，比当时大多数的设计论坛、社交网站更加的热闹，更加的自由。
刚开始的时候，Dribbble只能被邀请加入，你必须让老用户给你一个邀请码。

后来，Dribbble加入了初登场功能。这个模块突出了那些新用户的作品，以缓解一些知名设计师“垄断主页”的现象。
2011年，Dribbble添加了工作列表模块，为用人公司提供了简单的招人方式。
最近Dribbble添加了团队账号。让团队能够有组织的在Dribbble上分享作品。

在PS中，绘画工具一方面被用来画线、绳、花花草草神马的，另一方面它还可以给区域涂上颜色或者混合颜色。熟练掌握绘图工具是每一个设计师的必经之路哟~

画笔工具

知己知彼，百战不殆。同理，为了全面的掌握画笔工具，你要先理解PS里的画笔工具到底是什么。画笔工具使用的是画笔预设里预先设定好的画笔，画笔预设可以定义任何笔刷的特性（如大小和形状）。

PS里的笔刷非常之多，纷繁复杂，每一个的形状都不尽相同。若你将某个画笔的尖儿贴着画布，那么它的形状将立即呈现。对画笔来说，这只是一个粗略的说明，你可以先在脑海中留个印象。

与真实的画笔不同，PS里的画笔可以有很多非常神奇的特性，通过熟练操纵这些属性，你可以制作出属于你的的笔刷，此外，你也可以按平时画画的要求更改画笔的形状及大小~一个笔刷可以朝任意方向自由发展，甚至可以变成透明的。所以说，只有你想不到的，没有它变不了的…

示范：快速制作笔刷

新建一个文件，200*200白色背景，选择画笔工具，在选项栏里选择第一个预设画笔（点击那个向下的箭头，选择第一个画笔）。
继续，将此预设笔刷折叠旋转怎么高兴怎么好看怎么来，选择你喜欢的前景色，然后点击鼠标，开始它的奇幻之旅。

修改后的笔刷

近期我们看到了扁平化配色的一个趋势，很多Flat Design网站使用了耀眼、明亮的色彩，如果是以前我会觉得用这类颜色会有点花哨，但当我看了相关的扁平化设计作品，发现这并不花哨，反而很好看。

我想大家最近也看过iOS7的界面设计和iPhone 5C新款手机，那是一种充满活力、时尚新颖的颜色，即使用在网页设计上也非常不错，下面大家看看来自line25整理的扁平化网页作品，希望能给你带来创造灵感！

扁平化配色神器：
扁平化设计配色参考网站：FLATUICOLORS

Apple

除了导航保留原味，苹果官网该平的都平了。。。

Mud

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

如果你对扁平化风格的网站更有兴趣，那么推荐阅读：
一组赋予你扁平化配色灵感的网页设计

Yummly Mobile

在今天的移动 App 界面设计中，你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面，有很多应用程序的 UI 概念设计让你惊叹。当然，他们大多只是作为一个概念设计，可能永远也不会成为一个真正的应用程序。

但如果你想获得灵感，那很有必要看看下面这些极具创意的动效设计。

你还可以来看一下这些：
《关注App设计！20个漂亮的扁平风格移动端界面》

Unlock Concept

Slide Concept

Portfolio iPhone App

App Concept – UI

作为网页设计师，我们知道，我们的任务就是与用户对话。这就是为什么我们能够从容的着手眼前的工作。我们选择颜色、字体，以及要使用的网页布局，甚至编写CSS的方式，所有的东西看起来都那么有目的性。

正如我们精心制作设计时，我们会意识到结果会透露出一些关于我们，设计师的内容。然而这些我们所设计东西并不是总能很好道出我们的初衷。

所以每当你正在进行一个网站的设计，问自己：我们如何给用户更好的关怀感？

浮动窗口广告 = 金钱比UX和内容更重要

因此，很多网站都选择了浮动窗口或者遮罩层广告，这似乎是现代形式的弹出窗广告。

就像他们的前辈，弹出窗口广告 ，浮动窗口的广告很烦人。

浮动窗口广告是非常具侵扰性的策略，从而影响并且中断用户体验。

想「广告」与「用户体验」二者兼得的同学推荐阅读：网站广告和用户体验的平衡之道

 

如果你的用户非常艰难的才能访问到你的网站上的内容，那么你一定有些地方做错了。你的设计应该展示给用户的最优先事项是它的体验，当然也要说明网站的内容也是十分重要的一方面。

通过中断，延迟，或者别的什么方式让用户千辛万苦地才能了解到您的内容，那么你是在告诉他们，用户的价值低于金钱。

同样，任何强迫用户注册，登录，填写邮箱等方式才能访问到内容，都应重新考虑是否涉及欠妥。

试想一下这种情况：由于你当前的主机无法满足现有需求，于是你拼命寻找一个新的主机。它只是不断崩溃，而这是在告诉你，你已经超越了当前解决方案（PS：顺便祝贺你站点的成长）。

如同很多科技的创业者们，你最初的解决问题的行动是用谷歌搜索一台新的主机 。

你偶然在Quora看见了一条线索，一个很多如同你一样的创业者们经常光顾的站点。

成为dA（deviantart）的忠实用户有很多理由——dA是最大的艺术社区；成为dA用户简直是设计新手的必经之路。但是，这些都不妨碍你加入其他专业的网站来展现你的才华。

创立于12年前的dA现在拥有最多的艺术爱好者受众。然而，最近有人说dA有太多的作品只有在你脑补能力超强的时候才能称之为”艺术”。用户太多了，所以各种批评的声音也纷至沓来！不管怎样，不管你喜欢与否，dA是一个很棒的艺术社区，不过，加入其他艺术网站也会让你受益良多。

今天，我们来了解七个主要的可作为dA替补的艺术社区来激励设计师和有创意的艺术家。

1.Behance

与dA不同，Behance是为那些专业艺术家，那些以艺术谋生或者将艺术作为一个非常严肃的爱好的人建立的。由于严格规定和高标准，Behance正在成为一个高级的专业网站。

Behance的网站看上去很直观，很有条理：作品按小组，类别，甚至国家来分类。用户可以根据爱好，专业水平或者正在一起做的项目来建立朋友圈或合作伙伴圈。如果你想找这个网站的亮点，那就看看招聘版块和交互系统吧。在Behance，艺术家们能得到一致的作品集系统来按照步骤展示工作流程和项目进度。虽然一堆大手的名字会吓到新手，但是Behance可能是唯一能与艺术家和设计师分享你的经验和知识并且获得专业反馈的地方。