VIP办理

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

我爱PPT(iloveppt)专注PPT20年,关注PPT的一切。
本文地址:http://www.uisdc.com/50-404-page-design-tips-2
译者:陈子木。授权发布。

好玩的地方在于,404页面的设计思路其实可以拓展到许多其他的地方,UI设计、网页设计甚至室内设计。设计的思路和原则原本就是相通的,这些独树一帜或者别具匠心的404页面单独看的时候并没有什么,但是深入总结一番,你会发现它们的价值远不止于它们看起来那么简单。

上篇已于前日推送!这次给大家奉上下篇!

26. 不局限于文本
50个实用设计思路帮你设计创意404页面(下篇)
文本并不是网页传递信息的唯一途径,你应该发掘更多更有创意的表现形式。这个404页面采用的是太空的主题,404中间的0用星系来呈现,应景又帅气,你看,不用文本一样不错。

27. 建立情感纽带
50个实用设计思路帮你设计创意404页面(下篇)
如果你能和访客构建起情感纽带,那么这个页面一定能起到非常不错的效果。情绪的感染,能让访客同你的品牌联系到一起。在这个案例中,文案和图片的搭配非常巧妙,图片和文字给人以一种“在路上”的感觉,它不仅能被人轻松理解,而且很多人会有这样的冲动,自然能让许多用户与之产生共鸣。

28. 充分利用影像
50个实用设计思路帮你设计创意404页面(下篇)
漂亮的照片总是特别吸引人。用镜头下的照片来呈现设计总有着不同凡响的魅力。在这个案例中,美味的食物在镜头下表现出无与伦比的魅力,在404这样一个愉快的局面下,用漂亮的图片注入不同凡响的活力。

29. 表现动态
50个实用设计思路帮你设计创意404页面(下篇)
表现动态并不意味着让页面上的东西真的动起来,让元素看起来仿佛动起来,就能创造不俗的效果。在这个404页面中,404三个数字虽然是静止的,但是呈现出动态的感觉。

30. 结合流行文化
50个实用设计思路帮你设计创意404页面(下篇)
在404页面中使用标志化的流行元素或者偶像,也能对相当一部分用户产生足够好的效用。在这个案例中,设计师将Lionel Richie 的一张老照片用作404页面的背景,搭配一首老歌的歌词,应景也极具喜感。

31. 象征手法
50个实用设计思路帮你设计创意404页面(下篇)
使用象征性的手法,来借助一些视觉元素来传达404的概念也是不错的选择。在这个404页面中,用断掉的铅笔来隐喻断掉链接就是很典型的象征手法。

32. 使用对比
50个实用设计思路帮你设计创意404页面(下篇)
不想让页面显得特别单调?用对比手法吧。对比能让信息层级清晰起来。在这个404页面中,设计师使用了色彩对比,深蓝色的背景使得按钮显得更加富有活力。

33. 使用图标
50个实用设计思路帮你设计创意404页面(下篇)
图标能够传递出不少的信息,使用图标不仅能消除文字的单调性,还能使得页面的可读性和丰富度更高。这个404页面中,指南针图标不仅与404的意义暗合。由于网站所属的品牌形象是鲸鱼,蓝绿色背景和指南针也与品牌形象暗暗呼应。

34. 使用主题
50个实用设计思路帮你设计创意404页面(下篇)
使用主题能够让整个设计贯穿始终。这个404页面中,Logo的颜色很显然是取自主题,从插画到底部工具栏都统一使用了绿色,主题带来的统一美感就体现在这里。

35. 创造关联性
50个实用设计思路帮你设计创意404页面(下篇)
如果一张图片能让用户产生与品牌相关的联想,那么它就是成功的。在案例中,食物被吃完的空碟子和404页面所代表的“找不到你要的东西”的概念很接近,这种来自图片的关联与暗示,非常有效。

36. 控制好间隔
50个实用设计思路帮你设计创意404页面(下篇)
插画和图像以及其他的视觉元素并不需要填满整个页面,控制好间隔能让整个页面看起来更自然。在案例中,设计师将插画作为核心来表现404,其他的网页元素并没有拥挤地围绕着插画,给人感觉很不错。

37. 不要害怕拥挤
50个实用设计思路帮你设计创意404页面(下篇)
这一条和上一条并不冲突。如果是高度相关的内容,能够紧密的联系并放置在一起,就不要隔开了,让相关的内容靠近,适当留白,也是不错的设计方式。实际上,这个案例也正是这么做的。

38. 剪切缺口
50个实用设计思路帮你设计创意404页面(下篇)
通过剪切的方式,让单纯的文本具备更多的含义和形制其实是一个非常有趣且有意义的表现形式。在这个案例中,404中间的0的空洞用问号来表现,实际效果看起来非常不错。

39. 简化概念
50个实用设计思路帮你设计创意404页面(下篇)
并不是所有人都清楚404的具体概念,你可以使用文字拼写来说明,也可以使用简单的图片来表现。在这个案例中,背景图片中拿着望远镜的人就非常明晰地说明了这一概念。

40. 展示场景
50个实用设计思路帮你设计创意404页面(下篇)
你还可以为404页面创建一个场景,制造一个故事,为什么不呢?这个案例的场景就非常可爱,沉没的船隐匿在水面之下,鱼群环绕,远山、深水和深绿的海床,这个沉静漂亮的场景还不足以让抓狂的用户安静下来么?

41. 大胆尝试
50个实用设计思路帮你设计创意404页面(下篇)
不要害怕拿你的404页面做尝试。打破边界和限制,发挥你的想象力,跟着感觉和灵感走试试。这个404页面似乎正在完善中,许多实验性的元素被放置进来,有待完成,但是它真的很不错呢。

42. 明亮的色彩
50个实用设计思路帮你设计创意404页面(下篇)
用明亮的色彩来照亮误入者的沮丧吧。橘黄色的页面砸死不知不觉之间影响着用户的情绪,你真得还感到那么沮丧么?

43. 打破自身的限制
50个实用设计思路帮你设计创意404页面(下篇)
虽然你的页面是为桌面设计的,但是谁规定了它一定要显示在桌面屏幕中呢?为什么不能是一台相机呢?

44. 放到格子里
50个实用设计思路帮你设计创意404页面(下篇)
将数字放到格子里,那么它会是什么样子呢?它可以以什么样的形式来呈现呢?于是,设计师让404变成了一个时钟上显示的时间,好玩儿又达成目标,何乐而不为呢。

45. 创意加持
50个实用设计思路帮你设计创意404页面(下篇)
自由地发挥想象力吧,你可以创造截然不同的404页面!正如同这个页面一样,设计师将铅笔、蜜蜂、发条的意象溶于一体,色彩活泼,意象好玩儿,这不就是创意么?

46. 接地气
50个实用设计思路帮你设计创意404页面(下篇)
不要过于高冷,适当的接地气一点,用更平和可爱的方式来展现也不错呢。在这个404页面中,设计师并没有一味地追随高大上,有趣好玩的人物形象令整个404页面令人忍俊不禁。

47. 先锋一点
50个实用设计思路帮你设计创意404页面(下篇)
先锋和前卫往往被关联在一起。展现个性,用独特而先锋的展现形式来创造属于自己的时尚。滑板本就是比较先锋的玩物,设计师结合红色滤光片使得和照片结合到一起,看起来非常有范儿。

48. 打破极限
50个实用设计思路帮你设计创意404页面(下篇)
找到大家能接受的极限,将边界推动到更遥远的边际,特立独行不也是一种个性么?好吧,这个案例确实特立独行得口味有点过重了……漂亮,粗俗,好玩儿,并且令人过目不忘……

49. 使用图案纹理
50个实用设计思路帮你设计创意404页面(下篇)
其实你可以用任何东西来构造独特的纹理,然后平铺在背景上,营造独一无二的设计。这个案例中,设计师就是这么玩儿的,看起来倒是蛮时尚的。

50. 信息层级
50个实用设计思路帮你设计创意404页面(下篇)
如果你要为迷路的用户提供许多选项,那么你需要为信息划分不同的层级,以防过多的信息令用户感到压迫。这个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

请先

没有账号? 忘记密码?

社交账号快速登录