图片自动设计

为了让你永久告别百度图片，我来总结一下高清图片搜索神站：

1.Hand-picked free photos for your inspiration - Magdeleine（大量CC0、UNSPLASH）

什么是CC0？Creative Commons，可参见台灣創用CC計畫。也就是说，这里搜索到的高清图片提供免费下载，并且可以无偿使用，是无版权商用哦！设计师们的福音啊！

UNSPLASH：Do Whatever You Want

2.Pixabay官网Free Images - Pixabay

这里的高品质图片一样免费无版权任意使用！在所有的图像和视频Pixabay释放自由版权下创作共用CC0。你可以下载、修改、分发，并使用它们在任何你喜欢的任何东西，即使在商业应用程序中使用它们。不需要归属权。

3.Awesome Wallpapers 免费的墙纸搜索网站。

4.Instant Logo Search 设计师专属：logo搜索神站。含全球各大著名品牌logo。

下载格式有两种：png让你不用到PS里面去白底；更含SVG矢量图下载哦！

5.再来一枚设计师和开发常用网站：阿里巴巴旗下的免费icon百科网站。

目前有361049个icon，免费下载矢量源文件，选择时可以打包所有你感兴趣的放在购物车，Download时还可以选择颜色和大小,太贴心有木有！同时支持下载开发用代码。

比如搜索关键词“work”看到的结果：

顺便，阿里最近有个ant.design也很赞：在线模版化设计，支持代码拷贝。

6.人工智能海报设计：ARKie 智能设计助手 - 10秒帮你做海报

ARK旗下的人工智能海报设计工具，也有微信端，根据文字自动匹配图片、字体和排版，10S生成，随意修改，满意为止。让人人都能做海报设计！

7.在线图片压缩工具：

（最近发现的神器，jpg也可以压缩哦，免注册免费免下载，一键压缩！爱死这只熊猫了！）

随着数字化时代到来，相机、手机、电脑里的照片数量已经开始呈几何式增长，而相片纸的时代显然离我们已经渐行渐远，随之而来的问题是，手机更换频率加快，电脑升级换代也时有发生，而那一张张充满回忆的照片如何安放，已经成了一个很大的问题。

突然某一天坐在阳台上发呆，孩子这会已经在教室里和她的小伙伴开心的玩耍，而我突然想听一下宝贝的笑声，看一下她在自己怀抱里的婴儿肥，然而那些照片，那些视频却存放在电脑里。

如何将属于我们的那些照片妥善放置，如何将我们生活的画面随时随地的调阅，这个问题已经被很多人想起，于是我们有了云相册，但是照片的安全以及读取速度都是一个值得思考的问题，不过最近，广州炒米带来了一款能够解决这些问题的产品-----微相集，这到底是一款怎样的产品，又是如何实现我们期望的这些功能呢？

一、产品外观

作为一款还在众筹的产品，微相集在第一天众筹已经超过了20万，从这里就可以看出这款产品已经击中了很多用户的切身需求，从外观包装来看，微相集走的是简约环保风格，从产品的LOGO来看，微相集是一款与微信有着十分亲密关系的产品，而从产品功能介绍来看，也确实如此。

从产品的后盖来看，微相集的主要的特色就是这是一款拥有大容量本地存储设备，其实这有点类似于nas，不过微相集与nas相比更智能，功能上也更能够满足用户的需求，而从功能上来说，微相集除了支持WIFI连接外，还支持蓝牙4.0，配备了HDMI接口，支持USB和SD卡外接设备，另外微相集还能够对用户存储的照片进行智能分类，找照片也不再那么麻烦了。

在配件方面，除了微相集主机外，随机还有一个电源适配器，操作说明以及一根HDMI线。

微相集的尺寸不算太大，大小不会超过一个小米盒子，而在这款不大的盒子里内置了一枚1T大容量2.5寸HDD硬盘，这枚硬盘还支持3年质保，在其它硬件上，微相集选用了Amiogic S905x四核处理器，Mali-450 GPU，另外微相集配备了1G+8G的存储组合，这个配置已经不输很多电视盒子了。

作为一款以智能为方向的智能云存储设备，微相集设备在外置功能上非常简单，在按键设计上，微相集仅有一枚带指示灯的按键，这枚按键的功能主要实现开关机以及复位，而按键指示灯则是帮助用户了解微相集的工作状态。

在外观设计上，微相集入手的感觉就是非常圆润，每个角度看起来都非常顺滑，让产品少了一点棱角，多了一些质感。

在微相集的后面配备了两个输入接口，分别是USB2.0接口、一个SD卡插槽，在通电的情况下，插入U盘和SD卡后，微相集能够自动将U盘和SD卡内的照片、视频以及文档直接导入到设备中，而不需要额外的设置和操作，值得注意的是，微相集并不会将外置设备中重复的文件导入进设备。通过HDMI接口，我们可以在电视上观看微相集中存储的相片以及视频，不过这部分相片和视频需要经过手机端设置分享后才能观看。

微相集的底部没有采用机身的黑色塑料材质，而是选用了一整块的铝制材料，由于产品内置了一枚2.5寸大容量硬盘，在机身上也没有散热孔，所以在底部选用铝制材料能够有效的提升机身的散热性能。

作为一款智能存储设备的微相集，其实从外观设计上来看并没有太多出彩之处，这样

二、微相集体验

作为一款智能存储设备，微相集到底能够满足我们的哪些需求呢，相对于笔者之前体验过的nas，微相集的优势又在哪些方面呢？接下来我们来一一体验下，作为一款立足于微信功能的产品，微相集可以通过两种方式进行体验，一种为微信操作，另一种则是app，这两种方式的选用也能够满足用户不同的使用需求。

首先我们来体验下微信端的功能体验，扫描产品二维码进行配对后，我们就可以进入微相集公众号中，在公众号中，有三个主要功能选项，分别是我的微相集，这个功能主要负责对微相集的存储以及功能进行选择与操作，中间的为发现分享，用户可以通过公众号操作将微相集内的照片直接分享到好友以及朋友圈中，而在更多种，我们可以了解关于微相集的更多功能体验以及服务。

作为公众号，还有一个非常重要的功能，用户在绑定设备之后，可以通过两种方式将照片直接从微信中复制到微相集中，一种方式是直接像微相集公众号发送照片和视频，后台会自动将文件转存至绑定设备；另外，如果家人给你发了几张比较喜欢的照片，那么你也可以点击图片，选择打开方式，选择微相集之后，这张照片也会自动存入设备中，这两个功能能够帮助用户随时随地的将喜欢的照片存入设备，不用再担心因为删除聊天信息而丢失重要照片。

打开我的微相集之后，我们可以看到微相集存储的基本情况，通过清晰明了的分类，我们可以了解存储的容量剩余，照片、视频、音乐以及文档等的存储情况，随时随地调取微相集内的文件。如果你喜欢相册中的某些文件，还可以通过点击红心来特别标记，这样，用户就不用为找寻自己喜欢的照片而费心了。

在主要功能菜单中，还有一个公共栏目，这个栏目的主要作用在于用户将设备分享后，除了设备所有人账号外的其它用户能够读取的文件内容，只有在公共区域内的照片，才会在不需要额外授权的情况下共享给分享用户查看，这个功能也适用HDMI外置设备的播放，不过公共确认按钮只能对单个图片进行操作，暂时还不能批量处理，据说攻城狮们正在为如何权衡隐私权以及用户操作中挠头。

在微相集中，如何将照片添加到设备中，除了之前的发送文件到公众号外，还有几种方式，一种是点击公众号和app的添加按钮，还有一种是外置设备自动添加，另外还有就是PC端的操作也在紧锣密鼓的完善中。点击添加按钮后，我们可以将手机中的所有的图片、视频、音频以及部分app中存储的文件拷贝至微相集中，之后我们可以对内容进行标记备注，以备准确查找。

前面说过，其实微相集的功能有点类似于我们体验过的nas，不过相对于nas，微相集无疑更加的专注也更加智能，从图片分类这个功能中我们就可以完美体验到。通过微相集的后台处理，产品能够对存储内的图片进行自动整理和分类，在体验过程中，笔者发现微相集还是能够比较良好的对人物、合影、低质以及重复内容进行必要的区分整理，通过这个功能，用户可以处理掉很多自动同步后质量不达标或者重复照片，通过人物整理功能，我们也可以准确找到每个家人的照片。

在设备栏中，我们可以对产品连接用户进行管理，也可以通过微信端对输出设备上的照片、视频播放进行控制，并对产品进行必要的设置和了解。

除了公众号，微相集还专门设计了一款app，以配合用户的产品体验。作为一款独立的APP，微相集app最大的优势是操作更加便捷，也更加的直观，相对于微信公众号来说，app在功能体验上除了更加简单和直观外，只是在分类方式上有些区别，另外在app中，用户可以通过自动同步功能来自动照片同步，这样就省去了操作时间，已经同步的照片我们再右下角可以看到一个微相集的产品符号。

另外一个最大的不同是发现栏目，这个有点类似于微信的发现功能，不过从体验来看，部分功能还在完善中，可玩性也有待继续加强，作为一款正在众筹的产品，很多功能也会在近期完善后，让用户能够尽快体验其乐趣。

作为一款拥有1T存储空间的微相集，笔者在体验之前对产品最大的期望就是这款产品能够自带屏幕，能够像电子相册样自动播放。不过微相集在产品设计中也考虑到了这个问题，在微相集上也加入到了HDMI输出接口，通过接口我们还可以连接更大的屏幕，享受更大的乐趣。在连接电视时候，画面中会自动显示微相集内容，主要包括照片、视频以及设置三个模块。

如果要对设备进行操作，有三种方式，前两种是通过微信公众号和微相集app进行操作，还有一种就是连接USB鼠标，这也是可以进行操作的。

家中的电视机是55寸的，通过微相集投放到电视中体验还是非常不错的。

而在视频播放方面，微相集自带的播放器基本能够适用所有的手机视频格式，而在功能上，微相集甚至还可以支持3D转换以及其它很多功能。

在设置板块中，我们也可以在HDMI模式下对网络进行设置，并对产品进行升级，点击设备还可以查看产品的基本信息。总体来说，在电视端的操作还是非常的简单直观的，不过值得说明的是在电视端播放的图片和视频只能是用户在手机端设置的公共区域内的照片，其它内容并不会投放到电视中。

总结：

作为一款拥有大容量存储的智能硬件，用户可以通过微信端、app以及SD卡、USB设备存储文件，这些多样化的方式让用户能够方便妥善的保存属于自己的一些记忆。而作为一款面向智能市场的产品，微相集还能够自动后台对文件进行分类整理，帮助用户区别重复以及低质量照片，轻松分享和管理照片，这些都触手可及的功能也能给用户在照片存储以及照片管理上带来更多不一样的体验。

最近，京东AI事业部连放两个大招，“莎士比亚”对标电商文案，“么么照”对标设计。瞬间，电商人集体慌了，“失业潮”论再次被提起。真有这么神奇？小编亲测，为电商人解惑解忧，不捧不杀！

京东AI连放两招

电商大佬一出手，快递小哥失业了；电商大佬二出手，文案倒大霉了；电商大佬三出手，这回盯上设计了。

没错，在经历了“阿里、京东同时宣布，快递小哥面临下岗危机”“文案、设计要失业了，阿里AI每秒可撸8000张海报”失业恐慌论之后，关于电商人的恐怖故事又有了新篇章。

4月刚过半，京东的AI事业部就连放两个大招。

第一招：莎士比亚系统，一秒能生成上千个文案，未来实现智能排版详情页

高大上的系统名字，“吐”文案的能力也是杠杠滴。

比如，在用户登录界面输入关键词“夏季”“雪纺”“连衣裙”“白色”，点击“生成”按钮，不到一秒时间就能“吐”出上千条匹配文案。

根据不同喜好，用户还可选择文艺、古风、逗比等不同的文风。而且，它还有“记忆”功能，用户选过哪类、未选过哪类，莎士比亚都能记住，并且在推荐时做相应的调整。

第二招：么么照，全球首个“发丝级”抠图软件。

么么照主要以人像抠图为主，直接对标买家秀、海报制作等应用场景。

整个过程都是全自动抠图，支持更换背景和贴纸；关键一点，么么照还能在视频里操作，目前来说是一件非常新鲜的事。

同时，通过后台算法可以检测到图像中服装属性、背景图元素，根据提取的标签信息智能匹配语言材料。未来，京东打算让它一秒就能搞定配图文章，是不是很神奇？

可以说，不管是文案还是设计的工作，京东AI它都能做。一时间，电商人失业恐慌论的月经贴再度热了起来。

不过，这两款产品真有这么神奇吗？我们秉着实践才能出真知的精神，决定为派友们试试水，不捧不杀！

真有这么神奇吗？亲测！

测试一：么么照

废话不说，先来看看第一款产品“么么照”。目前，么么照已发布iOS及Android版本，应用商店可以直接下载。

可以看到，么么照的登录界面还是非常简约清新的，图片外框可以忽略，小蜜是为了大家容易区分才加上去的。

登录方式只有两种，一个是通过京东账号直接登录，另一个就是微信（京东和腾讯果然是好兄弟）。

因为小编的微信没有绑定京东账号，在习惯性地点击微信登录失败后，不得不乖乖地选择用京东本家的账号登录。

为了检测么么照在抠图上的效果如何，小蜜选用了商家较常用到的3种不同类型的图片。

当然，如果派友们有更刁钻古怪的角度，还想了解视频抠图的效果，欢迎一试。

第一种，背景色简单。

在相册中插入图片，没等上三四秒，么么照就会自动识别模特全身并且抠好了图。除了手臂处和右下角的丝巾有点瑕疵，总体效果还是挺让小蜜满意的。

抠图用时PK：派代设计mm 约3分钟

第二种，背景色复杂。

测试这张图片时，么么照出现了点小状况，如中间那张图，人物是一片虚影。小蜜觉得应该是人物着装与背景色相近，软件识别起来有些费力，但第二次后回到了正常水平。

抠图用时PK：派代设计mm 约12分钟

第三种，黑白图片。

这次选用了京东老板和老板娘的图片为素材，也是和第二次一样有些小状况，出现了虚影；再次测试后发现，刘强东左边的耳朵以及太太右边的头发少了一截。看来黑白图片对于么么照来说有些小难度。

抠图用时PK：派代设计mm 约3分钟

小蜜试用心得：相比一般的抠图软件，京东AI的全自动抠图确实解决了以往需要手动抠图的麻烦，在商家每天需要处理上百上千甚至更多张图片时，对于一些背景色简单的产品图片，么么照可以帮上许多忙，这里小蜜手动点赞。

但关于“发丝级”的宣传语，我们一路测试下来可以发现，确实是和App Store里的部分评论一致，存在夸大成分。希望在系统不断更迭之后，京东能让我们看到真实的“发丝级”全自动抠图软件。

测试二：莎士比亚系统

分析莎士比亚系统“吐”出来的文案之前，我们先来了解一下它的工作原理。

莎士比亚运作的逻辑是依赖自然语言生成和语言模型方法，在京东大数据的辅助下，通过分析、解构大量的常见文案，然后再根据商家的产品特性和需求，来搭配生成各种说明和形容的文案。

整个过程有点类似玩乐高的过程，把搭好的积木拆开，再根据当下的想法和心情给重新整一个。

在此之前，小蜜收到一位派友的爆料，其实莎士比亚生成的文案，不是“标语性文案”，那种一句话就能击中用户产生购买动机的标题或者slogan，而是“产品说明性文案”——购物平台的宝贝说明。

看到这里，大家对于莎士比亚的戒备心是不是已经有了些小小的松动？接下来我们来探讨一下它的文案。

我们借用了京东关于莎士比亚系统通稿中它自动生成的一个文案，“囿于厨房的快乐”“不粘锅，易清洗”“导热均匀，坚固耐用”，可以看到，莎士比亚显然已经抓住了用户的几个痛点，用户买锅基本上也都是奔着这几个方面去的。

乍一看，文风优美、格调脱俗，非常符合时下小年轻的审美；但不知大家发现了没，“囿于”的用法有些欠妥。

百度告诉我们，“囿于”的意思是“受局限”“受束缚”，把一份沉浸在厨房的快乐用负面的词语来描述，相信一般的文案人也不会有这么做，因为怕被运营或者老板敲脑袋。

小蜜想起之前咱们文案人有个“小习惯”：脑子短路怎么办？上度娘找近义词呀。于是手贱在搜索框里输入了“囿于厨房”这四个字，这回知乎又真相了。

其实这是出于万能青年旅店乐队的一句歌词，里面包含了莎士比亚所用的2个关键词——“囿于”“厨房”。

解构、重组，莎士比亚的文案创作，隐隐透着小学生堆砌作文的一股憨劲儿。

小蜜试用心得：乍看辞藻华丽，细看满目疮痍。京东的莎士比亚更像一个极力讨好语文老师的小学生，文字功底不错，只是少了点“心”。

每年的双11、双12，还有快要到来的京东618大促，如果有了这套系统，最受用的无疑是咱们商家，能够大幅度地缩减人力成本，但不妨留个小心眼，在推送前找个文案人稍微把下关，避免上文的小失误。

而对于有特色的商家来说，他们也许更期待用差异化、以及更走心的文案，来打动消费者。

AI必来，未来可期

时代在发展，历史总会不断翻篇，我们即便今天三餐不吃，这一天的日子也照样会过去。AI时代有如历史上的一根定海神针，你看或不看，它就在那里。

正如我们所见，AI一直在悄悄地进步着。

早前，腾讯财经一篇名为《8月CPI同比上涨2.0% 创12月新高》的文章引起了媒体人的普遍注重，但重点不在于它的内容，而是这篇文章的作者，是腾讯的AI机器人写手“Dreamwriter”。

可以看到，这篇2015年的文章里头，除了有大量的数据，还加入了专业人士的分析。

这种写作套路，已经基本具备传统新闻媒体人的写稿素养。但是通篇干巴巴，若不是有这方面的信息需求，你愿意看下去吗？

没有温度，是AI从事文字工作的通病。

反观莎士比亚的作品，温度不再是一个问题。从简单的新闻报道起步，AI如今已经开始挑战需要挑动人心、让用户“剁手”的文案了，它的发展完全是上了个等级。

直到现在还有自媒体批判莎士比亚缺失温度，但凡看了上文的情怀型文案之后，小蜜相信大部分人是选择拒绝的。

情感逻辑，才是下一步需要跨越的难题。

好比江小白广泛流传的情怀型文案，AI或许能从中抓取到各个关键词，但因为理解不了这些文字的情感，估计最后生成的是一句不知所云的产品文案。

但从只能写通稿，到如今能写文案，期间AI只用了3年时间，可以想象，理解情感逻辑估计也会在不久的以后。

小蜜一直在期待AI时代的全面到来，但决不相信它就会完全取代文案、设计的工作，就会导致电商人的失业潮。

此前阿里每秒能撸8000多张图片的鲁班AI系统，可以明确的是它取代的是美工的工作，而不是设计师。不然，它在不断更新套用的模板从何而来，难道不是设计师做出来的吗？

京东莎士比亚的原理亦是如此。

可以肯定的是，只走“套路”不懂创作的人有悖“文案”“设计师”名号，AI之所以会让人恐慌，只是因为在重新强调、诠释这些工作亮点的同时，击碎了不少对号入座的玻璃心。

而且，AI不会带来大量的失业。麦肯锡估计，至少30年后，现在一半的工作才会被机器人取代。而且到那个时候，教育、医疗、旅游和其他高端的服务会产生大量的工作需求。

那些只懂走原始“套路”的人，请绕道“文案”“设计师”，高端服务业需要您的支持。

来源：派代网

「“营销官”由资深营销人士麦子明创立，我们关注最新的营销动向，解读最热的品牌案例，剖析最酷的公关事件，为客户提供案例包装、营销诠释、品牌延伸等全方位的服务。」

PowerPoint2016在 设计器 对幻灯片进行了改进：现可自动生成可供选择的设计创意。用户在幻灯片上加入内容时，设计器将在后台运行，使该内容与经过专业设计的布局相匹配。这个功能会让你事半功倍，让排版更简单更轻松，先来看看到底是怎么实现的！（此功能仅限于Office2016使用）

1、在PowerPint2016的文件-选项中打开PowerPoint 设计器

2、我们准备了三张PPT例子，首先我们新建一个PPT，随便写一个标题

3、打开设计理念，你就会发现在右侧会出现一些设计样式，你可以选用自己喜欢的样式

4、我们又建了一个标题，你会发现又出现了一些参考设计样式

5、如果我们插入一张图片会发生什么变化呢？请看下图

6、如果我们插入多张图片，又会发生哪些变化呢？

自动排版是不是很有趣，省得我们自己去排版了，做个PPT是不是轻松上手，人人都是设计师，好了今天的课就到这里了，我们明天见！

此课程版权归PPTCLUB（pptclub)所有，请勿转载！

404报错页面，作为提醒网站访问者服务器未找到请求资源或文件的页面，时常被UI/UX设计师，产品经理以及网页/软件开发者视作 (包括枯燥的登录页面，加载页面以及引导页面在内) 导致网站/软件用户流失或跳出的重要元凶。然而，但这并不意味着404页面在任何情况下，对于他们来说都是不能提及的噩梦。

事实上，一款美观，优质，富有创意，甚至炫酷的报错页面设计，不仅能够有效的引导访问者快速的浏览网页或软件的其它页面，还能够极大的减缓用户的负面情绪，留住用户的同时，减少跳出率，提升用户体验。

然而，对于设计师或产品经理来说，如何才能设计出有趣，美观而又富有创意的404报错页面呢？让我们阅读这篇文章，跟着小编的脚步一步欣赏和学习14款最新且最具创意的报错设计。

首先，404报错页面常用哪些报错提示？

现今，web/app页面的设计中，越来越多的设计师认识到文案的重要性。选择通过添加精心设计和挑选的文字，创建更加清楚明了，且极富个性和人情味的页面设计。因此，考虑到这一点，在开始逐一介绍404报错页面设计之前，我们也需要了解报错页面的一些404页面常用报错提示，以避免出现言不达意的情况，同时也可以为后来设计和挑选更符合网页/软件特色的文案提奠定基础。以下是一些常用的报错提示：

*The requested URL was not found on this server.

*404 File or Directory Not Found

*HTTP 404 Not Found/404 Page Not Found

*404 Error/Error 404/HTTP 404

*The page cannot be found

当然，UI/UX设计师有时也会根据站点/手机应用的特点，特别设计一些带有“404”标志的报错提示，以增强网站可读性和趣味性。

14款最新创意404报错页面欣赏和学习

以下是小编搜集的最新且极具具创意的报错页面设计，希望他们能对你有所帮助：

1.Lost in the woods

A.设计师：Tajana Barac

B.亮点: 色彩对比，色彩渐变，阴影以及形状的完美应用

经典蓝白颜色的对比以及渐变，形状和阴影的完美结合，给人以宁静祥和之感，从而有效的减缓了突然报错给用户带来的负面情绪。更何况其配色和插画风的应用也是相当吸睛，很自然的分散用户注意力，减少了用户的不快体验。

C.学习点

*结合各种设计趋势，优化报错页面设计

就最近几年的UI/UX 设计潮流而言，色彩对比，渐变，形状以及阴影层级之类设计元素的混用，总是能帮助设计师碰撞出让人眼前一亮的优秀作品。因此，在设计报错页面时，也可融入一些当前流行设计元素和趋势，打造出独具特色的页面设计。（点击查看更多最新移动端软件设计潮流）

2.Wanted

A.设计师：From limpfish

B.亮点: 独特的展示形式

不同于一般报错页面直接枯燥罗列和展示错误提示，该页面设计师采用了类似逃犯通缉令的独特外观和形式，更加直观地展示了页面报错原由，十分新颖有趣。而且，其有意做旧和破损的设计，也使整个页面更加真实，吸睛。

C.学习点

*为你的报错页面也设计一种特制的展示形式

如若时间充足，你也可以设计一个系列，使用不同的形式展示404 报错提示，并将它们添加到你的设计日志中，方便日后查看，使用或获取灵感（当然直接选择一款优质好用的原型工具，将其制作成可视原型进行存储，也会是不错的选择）。

3.Shinobi

A.设计师：From cssninjas

B.亮点: 渐进式展开的设计方式

除了提供简单明了的报错介绍，设计师还是采用了一种渐进式展开的设计方式，给一部分解释文字嵌入链接，拓展网页功能，消除用户的迷惑和不满情绪。

C.学习点

*采用渐进式展开的设计方式，提升404报错页面的用户体验度

在你的页面设计中，也可以采用渐进式展开的设计方式，添加链接、按钮、侧边栏菜单或隐藏的菜单栏等等，扩展页面的功能。

4.Error Page Switex

A.设计师：Ash Rahal

B.亮点: 层叠，感情元素和趣图的运用

该页面通过文字图片和阴影的层叠创造出一种空间感，以吸引访问者注意。而且，为缓解用户对于突然报错产生的抗拒情绪，设计师专门在页面中添加了俏皮的解释文字和趣图之类情感元素，以获取用户谅解和共鸣。这一点是非常值得效仿的。

C.学习点

*设计中添加情感元素，实现与用户的情感交流

所以，在你的页面设计中，也可以添加一些考虑到用户感受的俏皮文字，表情图标，趣图或流畅的交互设计, 甚至是能够缓解用户烦躁情绪的配色等等，都能够让你的设计更加人性化，实现与用户的情感交流，从而留住他们。

5.Alana 404 Page

A.设计师: Alana Brajdic

B.亮点: 简约风和更多页面选择的结合

就如设计师留言所表达的那样，报错页面需要简洁直观，有意义。同时提供更多网站/应用的其它页面链接，方便用户根据需要点击跳转，一遍为用户提供更佳的体验。而且，其整个页面透着的简约风，也与近几年日益简化的用户体验设计潮流相符合的。

C.学习点

*采用具有更多功能选择和更佳用户体验的简约设计

页面设计无需复杂多变。当功能和外观不能兼顾时，简单直观，且包含更多功能链接/选择的页面，也可以很成功。

6.UI 404 Page

A.设计师: Mario Sestak

B.亮点: 强烈地视觉冲击，图片和内容的完美呼应

设计中添加了极具视觉效果的黑色背景图片，搭配白色的报错提示，突出页面文案的同时，也起到让点进用户眼前一亮的作用。而且，图片对文字的完美呼应，也使解说文本更具说服力，减少用户产生不满情绪的可能。加之，通过侧边栏显示的帮助和其它站点相关链接，对于提升用户体验，也是极其有效的。

C.学习点

*添加视觉元素增加页面吸引力

在实际的页面设计中，很多元素是可以帮助增加视觉效果，例如高质量的图片，恰到好处的配色，极富创意的主题等等。

*使用侧边栏，拓展网站功能，提升用户体验

7.404 Page

A.设计师: Hossein Mahmoodi

B.亮点: 特色的电影海报展示形式和科幻大片的主题的选用

该设计最突出的特点就是采用了一种类似电影海报的展示形式，并选用了科幻大片的主题，将404的报错标志——即“404”字样，融入到科幻“海报”内容之中，引起网站访问者联想不断的同时，极大的增加了其页面趣味性。

C.学习点

*选择一个适合的主题进行展示

选择一个恰当的主题进行报错展示，对于增加网站趣味性和吸引力也是非常有用的。 例如，在页面设计中，添加电影，动漫，节日，特色民族文化，甚至是某些人群或地方特色主题元素等等，都是非常值得尝试的。

8.404 Page Not Found

A.设计师: Nayab Fatima

B.亮点: 灵动动画和插画风的应用

页面最具特色的设计，是添加了两只一闪一闪眨着眼睛的猫头鹰，灵动可爱。而且配合上应景的文字解说，给人以宁静舒适之感。此外，其插画风格和部分留白的应用，也使整个设计更加美观，极具梦幻色彩，仿佛落入设计师编织的童话世界里一般。对于缓解访问者的不满情绪也是极佳的。

C.学习点

*利用动画或交互优化页面设计

*插画风格的应用也能极大地提升页面外观和趣味性

9.Daily UI - 404 Page

A.设计师: Carlos Pariente

B.亮点: 搞笑风趣以及影视人物动画的应用

看到这个页面时，忍不住笑出了声？好。无论其功能设计是否符合常规的设计原则，至少在用户体验和吸引访问者目光方面的作用是极佳的，不是吗？再加之其配合文字而添加的影视人物动画，对于熟悉这些影视人物的人们来说，又有了更深层次的共鸣。这些就是这个页面设计的精妙之处。

C.学习点

*设计中添加幽默元素

*设计中添加一些众所周知的元素，当然，不仅仅是电影方面

10.Daily UI Challenge - 404 Page

A.设计师: Andrea Hock

B.亮点: 结合网站或软件特点进行设计

除了通过适当的相关联想和优质图片的添加， 页面设计也可简单的结合网站，app或售卖产品的特点，进行设计。比如，该报错页面，就结合了珠宝网站的特色，将404报错网站作为另一个展示各类珠宝的平台，让用户即使遇到报错的情况，亦能继续他们的预览，减少网页跳出率。

C.学习点

*结合网站或产品特色添加适当内容，丰富页面

11.Daily UI-8 404 Error Page

A.设计师: Deanna Lam

B.亮点: 舒适的风景设计

就如该页面设计一样，在介绍页面中添加能够让用户情绪更加舒缓的生活类或风景类背景图片也是不错的设计概念。

C.学习点

*为报错页面添加舒适的生活类或风景类图片

12.404 page of the Hermitage Friends

A.设计师: Anton Borzenkov

B.亮点: 有趣的油画风格以及周到的搜索框设计

整个页面采用了古典的油画风格，极具特色。而且，为给用户提供更加愉悦流畅的体验，设计师还紧接着报错信息，添加了搜索框，以方便用户能够根据需要跳转到想看的页面，尽可能的降低了用户的不快。

C.学习点

*选择和使用油画或中式水墨风增加页面的独特性和吸引力

13.David 404 Page

A.设计师: David Kovalev

B.亮点: 3D技术的应用

页面设计者采用了最新的3D技术呈现404报错提示，有趣直观，高端大气。

C.学习点

*利用最新最前沿的技术来提升你的报错设计

现今，有很多先进的技术是可以运用到设计中。例如以上提及的3D技术，音频以及视频的添加和应用等等，在提升页面功能和用户体验，美化页面外观方面都发挥着重要作用。

14.Shremal 404 Page

A.设计师: Shremal Patel

B.亮点: 通过恰当联想，利用页面讲述一个有趣的故事

设计师使用各种形状，颜色，阴影以及文字，集中讲述着一个故事：“你搜索的页面已经不在地球上了”或者“你搜索的页面已经将你带到了地球以外的星球”。这种通过恰当联想，利用页面讲述一个故事的设计理念也是相当有趣的。

C.学习点

*利用合理想象，讲述有趣的故事

总的来说，希望你能从这些最新的404页面设计作品中获得灵感， 并吸取到一些有用的东西。

Mockplus助你轻松“留住”和迭代稍纵即逝的404页面设计灵感

欣赏完以上14款最新404报错页面之后，灵感涌现？不希望这些珍贵的设计灵感毫无痕迹的消失掉？究竟怎样才能快速有效地“留住”这些稍纵即逝的页面设计灵感呢？不用担心。Mockplus, 作为一款简单快速的原型工具，能够助你快速地将闪现的设计灵感转化成美观可视的交互原型，实现快速更迭，并存储到你的个人设计日志，方便以后查看和使用。

Mockplus具体提供了哪些强大功能帮助你快速转化和提升404报错页面设计呢？马上跟着小编详细了解一下：

1.快速便捷的添加和导入静态/动态图片

作为一款更快，更简单的原型工具，Mockplus为用户提供了一系列以用户便捷使用为目的的图片相关组件和功能：

*利用“图片”组件直接添加报错页面图片

使用Mockplus的过程中，你可以轻松的拖拽 “图片” 组件为你的404报错页面原型添加所需图像。而且，当需要大量添加图片时，也可结合Mockplus的“格子和自动填充”功能，快速添加和填充大量图片。

*利用“我的组件库”批量导入图片

当你希望批量导入图片美化报错页面时，也可打开”我的组件库” 功能区，批量导入和添加需要的图片资料。

*轻松导入Sketch文档

在实际的页面设计之中，难免会遇到需要使用Sketch的图文文件，以优化404页面设计。而在使用Mockplus的过程中，你也可简单的利用其“导入Sketch文档”功能，直接导入所需文档。当然，Mockplus提供的Sketch插件，也极大地方便了用户使用各类Sketch图文文件。

*利用“Gif”添加动态图片，增强页面趣味性

希望添加动态的图片，让你的报错页面更加生动有趣？你可简单拖拽Mockplus中的GIF 组件实现。

*利用其“图片轮播”动态展示和切换页面图片

Mockplus提供的“图片轮播”组件，对于在报错页面中添加轮播效果，动态展示和切换各类图片也是非常有效的。

简而言之，Mockplus能够轻松地满足你对于404报错页面图片添加方面的各种需求。

2.利用“标签”和“多行文本”添加有趣且富有感情的页面文案

在404报错页面设计之中，有趣，幽默以及简单明了的报错说明，也能为整个页面设计增色。而在使用Mockplus的过程中，你可以简单拖拽其“标签”和“多行文本”组件，添加和编辑有趣且富有感情的页面文案。而且其文本本身的属性，例如大小，颜色，粗体，斜体，居中方式等等，设置起来也是极其方便的。此外，其组件交互状态的设置和添加，对于增加文案以及整个报错页面的视觉效果，也是极佳的。

3.利用“表情”图标提升报错页面的情感体验

情感元素，尤其是一些俏皮的表情图标，能够非常有效的提升报错页面的情感体验，实现与用户的情感对话。而Mockplus为你提供了包括各类表情图标在内的超过3000个方方面面的矢量图标，方便你根据需要，自由地选择和添加。

4.简单快速添加各式交互

交互和动画设计也是增强网站趣味性和吸引力的重要因素。而Mockplus为你提供...