好不容易接了个H5项目，打开Epub360，盯了半天屏幕结果编辑器里还是一张空白画布？？？其实，不只是H5设计，诸如平面、UI、网页等设计，只要是涉及创意、需要idea的工作，没有灵感都是很常见的现象。下面我们就聊聊，灵感这东西怎么找、如何用。
从哪里获取H5灵感
1、优质案例
假如你现在一点头绪都没有，那么翻看大神们的成功案例，肯定是正解。比如，上周小编吐血整理的《2017H5案例年中盘点》，集合了这半年来意派平台上最有特色的10支H5，非常值得学习借鉴。平时闲的无聊，派友们也可以在逛一逛编辑推荐里的作品。
这些经过小编精心挑选的作品，无论是从视觉设计、创意策划、交互特色等方面，都能称得上是优秀案例。除此之外，数英网的H5项目、H5案例分享等平台也会实时收录腾讯、阿里、网易等大厂们的作品。
2、设计网站
专业的设计网站也是获取灵感的途径之一。在这些设计网站上，可以充分了解到其他同行设计师，是如何思考他们的设计、解决途中的问题，并一步步成功地完成作品。相信大家也知道不少，简单推荐几个常用的：
花瓣网
设计师搜集灵感的网站，作品直接以瀑布流的形式呈现，里面有许多H5被采集到花瓣。
站酷网
http://www.zcool.com.cn/
中国人气设计师互动平台，里面的作品种类也是很全，同样包含了H5作品。
dribbble
设计师、艺术家等创意人群的聚集地。里面不仅有各种优秀的作品，还包括大量丰富的设计素材。
behance
Adobe公司旗下的设计网站，里面包含了全球设计师的作品，种类丰富。
3、设计书籍
上述两个途径都是线上的方式，优点在于更新快，非常便捷，随时能够翻阅到最新的设计动态与行业趋势。但这种碎片化的获取方式，在达到一定水平之后，很容易会陷入瓶颈，受制于一波又一波快速更新迭代的设计技巧、潮流趋势。这时，就需要抛开繁杂的设计套路，通过传统纸媒来与书中的大师深度对话，思考领悟设计的本质，从而真正成为一名优秀的设计师。
附上小派的设计书单：《值得推荐给设计师的10本设计书》，希望能给大家一些启发。
如何运用这些灵感
当我们知道该从哪里寻找灵感之后，下面就是如何将这些收集的灵感，高效的用于自己的设计中。首先，准备工作必须做好，对收集的灵感素材进行整理，以便随时能够用来借鉴学习。以我们熟悉的H5为例：
背景图片
里面包含了一些常用的背景图片素材，人物、风景、建筑等。
字体
里面包含了一些特殊效果字体、手绘字体等，H5中需要设计标题和正文可以使用。
icon图标
里面包括了一些翻页、背景音乐图标、分享提示等。
动效、动画
常见的一些loading动效、动画交互效果。然后，就可以尝试去运用这些灵感了。比如，领导想要做一个企业微官网的展示，然后我们就可以先查找优秀案例，这时就看到编辑推荐里U老师的《H5研究院大事记》：
感觉这个长页面的导航效果很棒，于是决定以长页面为主题进行微官网H5的设计。这里就遇到了个问题，大事记中的内容表现形式和微官网肯定是不同的，所以需要重新寻找排版与动画形式。通过收集的灵感，发现了一个比较适合微官网H5的设计风格。
上面的网站虽然不是基于移动端的，但我们可以通过谷歌浏览器的开发者工具来模拟iphone6或其他机型，来查看手机端效果。
我们在做微官网H5时，就可以参考上述网站进行再设计。最后，来看看戏子同学的成品：
上述，就是简单的再现了如何运用灵感的过程，并不是说直接copy照搬，而是在学习研究他人的案例时，有意识地分析、理解其设计意图，最后重新再设计为自己的作品。
关注更多H5设计、案例、资讯