VIP办理

50个实用设计思路帮你设计创意404页面(上篇)

我爱PPT(iloveppt)专注PPT20年,关注PPT的一切。
本文地址:http://www.uisdc.com/50-404-page-design-tips-1#

译者:陈子木。授权发布。

做网站是系统工程。首页的内容要层次分明,导航要结构清晰,子页面要排版均衡,相对而言自由度稍高一点的,应该是404页面了。虽然404本身就是一个告知用户内容访问出错的错误代码,但是富有创意的设计师会充分利用机会,展现网站的独特气质;重视用户体验的设计师,则会充分考虑此刻用户的心情,竭尽全力引导用户去对的页面。

所以,404页面可以做的很简单,但也可以创意十足。今天的酷站推荐,就推荐50个创意爆棚的404页面,每个页面配以相应的技巧说明,希望能给你帮助。

01. 有趣的设计
50个实用设计思路帮你设计创意404页面(上篇)
这是一个有趣的404页面,用陨石坑来表现404代码,身处太空暗示你来错了地方。如果你访问这个设计所处的Behance页面,会发现更多有趣的地方。

02. 图形化
50个实用设计思路帮你设计创意404页面(上篇)
图标可以发挥各种各样的作用,指示作用,装饰,甚至作为纹理都可以。这个案例中,设计师用小图标来搭建问号,告知用户他们所寻找的内容并不在此。

03. 使用动效
50个实用设计思路帮你设计创意404页面(上篇)
这是一个好玩儿又可爱的404页面,从文案到动画都非常之有趣,如果你正好也很无聊的话,可以盯着这个动画玩一整天…

04. 简约设计
50个实用设计思路帮你设计创意404页面(上篇)
这个404页面超级简单,但是非常有效。简约清爽的设计,放大镜和404的组合足够说明问题。

05. 情感化设计
50个实用设计思路帮你设计创意404页面(上篇)
情感化的设计总能让人印象深刻。这个页面的设计能让人情绪有所触动,伤感的动漫角色拿着404的小旗子,扁平插画风令人赏心悦目。最下方绿色按钮可以带你会首页继续寻找你需要的内容,关键是,文案还很贴心。

06. 插画说明
50个实用设计思路帮你设计创意404页面(上篇)
插画在网页中的运用非常广泛,功能也多种多样。这个网页中的插画,不仅灵活地传达出页面跳转错误的情况,而且为你作出了正确的引导。

07. 不要想复杂了
50个实用设计思路帮你设计创意404页面(上篇)
想打造独特的404页面,并不需要非得找到某种独一无二的创意和彻底的创新,有时候掌握流行趋势就够你脱颖而出了。在这个404页面中,设计师使用了网络流行的涂鸦插画角色,此刻的文案也非常应景,整个页面的气质非常有趣。很独特,不是吗?

08. 直接说明
50个实用设计思路帮你设计创意404页面(上篇)
其实到了这一步,用户通常都知道他们遭遇404页面了,你并不需要回避这个话题,照直说就好了。在这个案例中,404旁边,一个手臂断裂的机器人以无比形象的方式,告诉你出错了。

09. 风格化
50个实用设计思路帮你设计创意404页面(上篇)
如果你想用更形象的方式来展现,你并不需要真的花费巨量的时间来精雕细琢。用诙谐而风格化的方式来展现就好了。在这个404页面中,扁平化的图形和色彩非常协调的结合在一起,创造出漂亮的场景。场景简单,羊叼着插头所传达的信息也非常清晰。

10. 重叠效果
50个实用设计思路帮你设计创意404页面(上篇)
使用重叠的形状、字母、色彩来创造有趣的404页面效果。这个404页面的设计也很简单,黑白模式,无衬线字体,图形和字体重叠,大小对比强化404的概念,简单而不单调。

11. 使用相关的图像
50个实用设计思路帮你设计创意404页面(上篇)
有时候在页面中使用毫无关联的图片是很有意思的,而使用有关联的图片,则显得更加有用。这个案例中,设计师加入了红灯警示,也是在暗示用户:你们来错了地方。

12. 有限度地使用色彩
50个实用设计思路帮你设计创意404页面(上篇)
挑选那些能够和谐搭配的色彩,即使要变幻色彩也是基于其中的一种或者几种来进行调整,并坚持如此。创建一套主题,这样可以简化一系列的设计过程。这个404网站也正是这样来设定它的色调。

13. 拥抱纹理
50个实用设计思路帮你设计创意404页面(上篇)
在扁平化成为标准的今天,恰当地使用纹理还是能很大程度降低工作难度的。这个404页面依然使用着扁平风的用色,但是适当地加入一些纹理之后,整体看起来更协调更有质感了。

14. 提供选择
50个实用设计思路帮你设计创意404页面(上篇)
当访客进入404页面之后,他需要做什么?是访问首页还是回到上一步?你提供的选择越多,就越有可能带领他们走到他们真正想要的地方。你要做的是让访客留在你的网站。这个页面就是,当用户来到这里的时候,网站设计师为他们留下了足够的选择,让用户尽量留在自己的网站。

15. 标新立异
50个实用设计思路帮你设计创意404页面(上篇)
我想,标新立异打破常规是许多设计师都会想到的问题。而这个404页面,也正是从字体、色彩到样式都充分进行了调整,进行了极具创造性的设计,打破了常规的视觉设计。

16. 使用负空间
50个实用设计思路帮你设计创意404页面(上篇)
学会让页面呼吸,可以让你的页面更大气。这个404页面使用了蓝绿色和白色,并且通过适当的留白使得整个页面足够简单大气。

17. 双关
50个实用设计思路帮你设计创意404页面(上篇)
404本质上是告诉用户,他要的东西没有找到,那么我们要怎么样展现这个事实?有的时候,用一些内容和视觉上的“双关”来展现这一点。而这个404页面就是这样处理的,通过荒岛这个意象来向用户传递“你走错了”这个概念。

18. 大胆表现
50个实用设计思路帮你设计创意404页面(上篇)
如果你有更加有趣的方式来展现404的代码,不妨尽量让两者之间产生关联,然后再表现。这个案例当中,设计师使用了“氧气含量不够”来同404代码之间产生关联,有趣诙谐,意境也接近。

19. 拓展维度
50个实用设计思路帮你设计创意404页面(上篇)
合理地运用视觉设计,能让二维的页面给人以三维的冲击感。这个页面的设计就是这样做的,刀的角度和页面配色使得整个页面看起来像是三维的一样。

20. 贯穿始终的设计
50个实用设计思路帮你设计创意404页面(上篇)
如果你喜欢什么什么风格,就一定要坚持使用。喜欢棱角分明的造型,就不要过多融入圆润的元素。这个404页面就是非常典型,圆润的风格融入刀每一个细节当中,贯穿始终。

21. 保持精致
50个实用设计思路帮你设计创意404页面(上篇)
如果你喜欢精致细腻的设计,那么请坚持使用这样的样式和风格。如果你一直保持精致的设计,那么整个设计会让人感觉非常高端。这个404页面的设计,从配色到风格都高度的一直,精致华丽,富有质感,延续性也很强。

22. 充分利用品牌
50个实用设计思路帮你设计创意404页面(上篇)
你的品牌有什么特色?有什么视觉特征?它能否融入刀404页面当中?当然可以,这个404页面就是,作为一个花卉公司,在404页面中使用花卉元素又有何不可呢?

23. 指示明确
50个实用设计思路帮你设计创意404页面(上篇)
如果你不想为用户提供过多的选择,那么可以用一两个明确的指示,来引导他们。这个网页的设计在保持清爽的同时,也指示明确。可爱的小飞机在地图上飞跃,告诉用户该按哪个按钮。

24. 使用不同的介质
50个实用设计思路帮你设计创意404页面(上篇)
你的404页面不一定非得是单纯的数字,它也可以融入到其他的介质中去。这个案例中,设计师让404的提示以刺绣图案的形式展现,并且镶嵌在画框中,古怪,但是很有趣。

25. 思维不要局限于电脑
50个实用设计思路帮你设计创意404页面(上篇)
其实和上一点很相似,为什么一定要用更加“数字化”的方式来展现么?刺绣可以,黏土人也可以。

原文始发于微信公众号(我爱PPT):50个实用设计思路帮你设计创意404页面(上篇)

这里是锦鲤ppt模板网分享的ppt模板设计相关教程,对学习PPT,提高ppt审美很有作用,另外,如果你需要商务ppt模板,可以关注我们,我们会每天不定时分享一些免费高端ppt模板
0

关于锦鲤ppt模板网

是现在国内最顶尖的以分享ppt模板商务ppt模板工作总结ppt模板为主的网站,锦鲤ppt致力于为广大网友提供一个物美价廉的ppt设计综合平台,曾经和国内其他PPT网站一样,常将未筛选过的PPT模板资源分享给广大网友,造成用户在筛选优质模板的过程中浪费时间,所以锦鲤PPT模板网至改版以来,坚持只分享“最优质的PPT素材资源”,另一方面,邀约大量国内外优秀的PPT设计师的加入,并设计出各类优秀PPT资源,提供给我们的用户学习。锦鲤PPT模板网致力于为用户提供最专业、优秀的平台服务,因不能承受高昂的服务器和带宽费用,我们将对部分资源收取非常低价的会员费用以维持服务器的正常开支,希望用户予以理解,谢谢

版权说明

虽然您在本站可以查看这些PPT资源,但除了可以在网上浏览和学习之外,我们并未授权您将这些PPT资源用于其它任何商业用途。如需某资源的商业版权,可联系锦鲤PPT模板网的客服,我们将为您代为购买商业版权

评论0

请先

没有账号? 忘记密码?

社交账号快速登录