基于情景的消隐

这是iOS上的Chrome，有着基于情景的消隐动效。

为何有的产品、服务特别受欢迎？

是因为这些产品、服务在内容、外观、设计、可用性、功能等方面具有无可匹敌的优势。其实，所有的这些层面都属于交互设计的细节，其中一个关键点便是动效。

本文将介绍几种常见的动效模式（用GIF图演示），分析一下为何这些简单的设计模式在实际应用中能够奏效。
当我们设计数码产品时，我们一般用PS或者Sketch这种设计软件来进行设计。

了解设计的人明白这样一个道理：设计不光只是视觉表达。设计也不应该是静态的。乔布斯说过这样一句话：

设计并非外观怎样，感觉如何。核心在于，它是怎样工作的。

影响用户对产品的体验与印象的因素有很多，交互在其中扮演着关键性角色。我们不能再简单的把用户界面当成一种静态界面而设计。我们应该顺应互联网动态的本质，打造更加动态的图形用户界面。
好了，废话不多说，我们来看看，什么叫做更智能的交互、更精致的动效。看看这些设计模式是怎样提高用户体验的。

动效滚动

超链接是互联网的双刃剑，当你点击链接时，你可以在互联网中任意遨游，随心所欲。

可是过度自由好吗？不见得，比方说你在浏览一款精美的产品页面，然后你点击了一下页面中的链接，突然导入了一款令人毛骨悚然的木偶商店页面。这就是超链接的弊端，有时候的页面转换太突然，缺少过度，让用户一时不能接受。

我们可以看看书籍的用户体验：故事发展一般是线性的，每一章都和上文有所联系。想要阅读第二章，必须先阅读第一章，以便大致了解书中的环境与人物关系。如果你”跳章”阅读，不可避免的会错过一些关键剧情，因此无法理解有些内容。

在网页设计中，同理，尤其是那种内容比较大，页面比较长得网站，这种情况经常无意识的发生：用户会错过之前的某些关键内容，而且又缺少提示，因此很难理解当前内容，通过添加动效滚动，可以修正这一问题。

一般来说，网页设计师都极少关注表单设计，这使得大多数表单看起来都差不多，普通至极，毫无特色。本文中的这些案例化腐朽为神奇，将枯燥的表单页面设计的多姿多彩。一起来看一下吧。

还记得那篇备受好评的《向左走、向右走？表单元素设计大揭密》吗？让很多网页设计师第一次认识到表单设计的一些魔鬼细节。那么今天再来看看实际中的一些新颖案例吧。本文收集了一大批优秀的联系表单设计，希望对你有所启发。

Contact Page from Café Evoke

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

老实说，你浏览过几个水平滑动的网站？如果让我来回答这个问题，我得说我没浏览过几个。而且水平滚动网站似乎在网页设计中并不流行。或者会被一些专家说这是反人类的浏览体验。
好吧，对无创意毋宁死的设计师来说。咱们就是爱打破常规，弄点新颖奇特的设计出来。

不过不得不说，水平滚动网页设计有点命途多舛，刚出来的时候短暂流行过一阵子，但后来渐渐消隐于大众视线，
有人说这种风格的网页，浏览起来非常不顺畅，有人说他们就没见过认真设计的水平滚动网站。但是本文将介绍几例优秀案例。

随着设计技艺和风格理解的提高，优秀水平滚动设计渐渐多了起来。
当然，还有重要的一点需要考虑，不是每一种内容都适合用水平滚动的布局方式呈现。大多数采用水平滚动方式设计的网站，内容一般都是图片和简洁的文字资料。

相较于垂直页面设计，图片展示是水平滚动设计唯一具有压倒性优势的地方。在众多的垂直布局网站中，如果出现一款水平滚动设计的图片网站，就会有鹤立鸡群的效果。

Samuel Esteves

Samuel Esteves是采用水平滚动设计的图库类网站范例。该网站中的很多图库都很有趣。

Mariana Onate

正如我之前说的那样，水平滚动网页设计极度适合图片展示，看看Mariana Onate。采用了多种技术，以及简单点击的滚动操作给图像浏览带来高雅体验。

Lucuma

此作品集与众不同，通过水平滚动设计，提供了更多作品的细节，而作品本身也非常适合采用水平滚动

Asiance

Asiance是亚洲的数字服务商。通过水平滚动，用户可以获取大量有用的信息。

Alex Flueras

对于Alex Flueras我无话可说。这是个非常棒的水品滚动图库网站。

C.L. Holloway

这是一位艺术家的网站，色彩非常的平滑，没有突兀感。通过水平滚动，让人有一种漫步于画廊的感觉，创意和实际的完美结合。

想要提高Logo设计技巧吗？来看看这些的Logo设计资源网吧，你会找到很多灵感和借鉴之处。
网络中资源无穷无尽，我们可以在其中找到很多Logo设计的法门。但是，有时候”乱花渐欲迷人眼”，太多了反而不好进行选择，

因此，我们为您挑选了一些的Logo设计资源网站，希望对你有所帮助。

01. Logoed

Logoed的资源库很丰富，一定会让你大开眼界Logoed

是一个展示Logo设计的博客。这个网站已经有十年的历史了，有着丰富的Logo设计文章资料库。布局简洁，缩略图垂直排布，能方便用户进行浏览。

02. Logospire

如果你在苦苦寻找灵感， Logospire是个不错的选择，网格式布局非常简洁，导航易用。Logospire允许设计师在每一款设计的子页面进行评论、交流。细节丰富。

03. Brand New

Brand New提供了很多品牌标志设计的理念。也提供了很多Logo设计的趋势、建议以及案例展示。

04. Creattica

Creattica是个很不错的图库。尽管不是专门Logo的图库，但是有超过3000款以上的Logo设计展示。

05. Logo of the day

每日Logo灵感猎取 Logo of the day 是平面设计师 Jacob Cass2008年创立的网站，目的很简单，为设计师提供每日Logo设计灵感。

06. LogoLounge

内含超过175000例的Logo设计LogoLounge是很不错的资源网站，无论是做Logo研究、讨论还是灵感获取，都可以在这里找到你想要的东西。

07. LogoGala

想要得到Logo设计的深度观察？来LogoGala吧 LogoGala。设计师最喜欢的Logo设计博客之一，深度解释、展示Logo设计

08. LogoMoose

在LogoMoose上分析你的理念和创意。LogoMoose在线Logo设计社区，展示世界各地的优秀Logo设计作品。设计师可以在这里展示自己的作品并获得反馈。

09. Logo Design Love

由平面设计师David Airey创立Logo Design Love 致力于Logo和品牌标志设计，一般每周更新一到两次。而且布局很棒，很方便就能找到所需信息。

10. Logo Pond

在Logo Pond上找到当下网络上最棒的Logo设计.Logo Pond 理念分析与灵感收集的场所。

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”，移动互联网方向的创业如同雨后春笋般出现，而有关移动端的Logo怎么设计？看看这里吧。

邮件营销对于大家不再那么陌生，都知道邮件营销在营销推广中的重要性。但是现在实施邮件营销都没有获得预期的效果，为什么会这样呢？因为我们在做邮件营销时，没有正确的利用、使用邮件营销的方法。普遍的情况是在网上收集或购买邮件地址，然后使用邮件营销工具群发邮件。

那么今天笔者给大家又分享一个非常实用的邮件营销整合策略，也是帮助大家在解决客户数据的问题。数据库营销与邮件营销的整合将助力我们在邮件营销中获得非常好的效果。

数据库营销就是企业或个人通过收集和积累会员信息，经过分析筛选后针对性的使用电子邮件、短信、电话等方式进行客户深度挖掘与关系维护的营销方式。数据库营销对于企业或和个人来说实施更精准的营销，对于服务机构来说提升数据的价值。

下面5个步骤讲解数据库营销的步骤。

建立数据库
在收集数据之前，要建立数据库，数据量少，没有专业人员可以使用EXCEL、CRM等工具；数据量大，有专业人员可以使用SQL Server、MySQL等数据库系统。建立数据库之前分析要收集哪些数据类型，如姓名、性别、职位、地区、邮箱、电话等数据类型，尽可能的将数据类型整理全，数据类型越详细，对后期的整理非常有帮助。

数据收集
数据收集可以通过购买、注册、调查、活动、网上搜集等手段来获取数据。数据比较精准的是注册、调查、活动，其次是购买和网上搜集。前者更多是大型企业使用，后者就是我们经常运用的手段。笔者早些年从事数据库营销时，就是在网上采集数据。自己写程序、使用软件等辅助来收集网上的数据。分享一个笔者最近使用的网上采集工具：易客宝企业名录搜索软件。

在众多的网络营销推广方法，视频推广是不可以忽视的一个网络推广渠道。很简单的例子，我们在网上搜索一些信息时，搜索结果页首页总会有那么一两个视频网站的信息（如下图）。今天小编跟大家说说如何做好视频推广。

什么是视频推广？
视频推广是以视频为载体，通过在视频中添加合适的推广信息，将各种视频短片以各种形式放到互联网上，达到一定宣传目的的营销手段。

如何制作视频内容？

1、自己录制视频
自己使用录制屏幕软件、摄像机等视频录制软件或工具录制专业的视频，录制好视频以后，需要对视频进行后期剪辑，在视频中加入水印或植入广告信息。
推荐工具：剪辑工具：camtasia studio7，录屏工具：屏幕录像专家、camtasia studio 7、Adobe Captivate 3。

2、下载视频
在国内或国外的视频网站上下载热门或与业务相关的视频，在本地使用软件给视频加水印。
推荐工具：狸窝转换器

如何推广视频？

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 、平面设计服务

来源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容，每天自动发到您的邮箱中，   

曾经，CSS 画廊非常流行，网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西（例如 Dribbble 和 Behance 对设计有很大的帮助）。

对于移动应用程序设计，存在类似的画廊，我相信他们会更加有用。这是因为如果不安装移动应用程序，灵感更难获得，也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面，并进行了很好的分类。赶紧收藏吧！

优设好文：
强烈推荐！你应该到这里寻找网页设计灵感

Creattica – Mobile Interface

Creattica 是一个灵感画廊，展示最好的网站设计，标志设计，平面设计，摄影，作品。

Lovely UI

收集各种移动界面元素，启动画面，按钮，导航，通知等等各种组件的设计。

Inspired UI

设计精美的应用程序的集合，iphone, android, flat ui, mobile ui。

TappGala

TappGala，展示最佳的移动界面设计作品，赶紧收藏吧。

MobileMozaic

MobileMozaic 是一个在线画廊，iOS 应用设计来自世界各地的最好的选择。

评论(0) 浏览(3367)

什么是响应式图标设计？

响应式设计主要讲的是布局，那么什么是响应式图标？响应式图标设计是一种根据屏幕尺寸来改变图标类型、从而达到更好可读性的设计。

图标为什么要响应式？

怎样阅读内容？时至今日，我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页，也可以拿着1020+Chorome+WP8浏览网页。

各种选择，各种搭配实在是太多了，这些都或多或少的影响了内容的可读性。而图标作为一种视觉语言，可读性非常重要。

图标设计，首先要满足易于理解。其次，图标的可读性必须高。在小尺寸的情况下，图标设计为了追求更高的辨识度/可读性，可以选择牺牲一点美感。

那么能不能美感、可读性兼得呢？图标设计的艺术便在于二者的平衡，取与舍。怎样设计，让不同尺寸的图标均能展现美感，同时又具备可读性？

我认为，需要根据尺寸范围进行图标响应式的优化

这个理念不是新的。对于栅格化图标来说，这种设计方法很常见。