手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >50个设计思路帮你解析创意404页面(下)
50个设计思路帮你解析创意404页面(下)
摘要:好玩的地方在于,404页面的设计思路其实可以拓展到许多其他的地方,UI设计、网页设计甚至室内设计。设计的思路和原则原本就是相通的,这些独树一...

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

阅读这篇文章之前,不妨先看看上半部分:50个设计思路帮你解析创意404页面(上)

26. 不局限于文本

50个设计思路帮你解析创意404页面(下)1

文本并不是网页传递信息的唯一途径,你应该发掘更多更有创意的表现形式。这个404页面采用的是太空的主题,404中间的0用星系来呈现,应景又帅气,你看,不用文本一样不错。

27. 建立情感纽带

50个设计思路帮你解析创意404页面(下)2

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

28. 充分利用影像

50个设计思路帮你解析创意404页面(下)3

漂亮的照片总是特别吸引人。用镜头下的照片来呈现设计总有着不同凡响的魅力。在这个案例中,美味的食物在镜头下表现出无与伦比的魅力,在404这样一个愉快的局面下,用漂亮的图片注入不同凡响的活力。

29. 表现动态

50个设计思路帮你解析创意404页面(下)4

表现动态并不意味着让页面上的东西真的动起来,让元素看起来仿佛动起来,就能创造不俗的效果。在这个404页面中,404三个数字虽然是静止的,但是呈现出动态的感觉。

30. 结合流行文化

50个设计思路帮你解析创意404页面(下)5

在404页面中使用标志化的流行元素或者偶像,也能对相当一部分用户产生足够好的效用。在这个案例中,设计师将Lionel Richie 的一张老照片用作404页面的背景,搭配一首老歌的歌词,应景也极具喜感。

31. 象征手法

50个设计思路帮你解析创意404页面(下)6

使用象征性的手法,来借助一些视觉元素来传达404的概念也是不错的选择。在这个404页面中,用断掉的铅笔来隐喻断掉链接就是很典型的象征手法。

32. 使用对比

50个设计思路帮你解析创意404页面(下)7

不想让页面显得特别单调?用对比手法吧。对比能让信息层级清晰起来。在这个404页面中,设计师使用了色彩对比,深蓝色的背景使得按钮显得更加富有活力。

33. 使用图标

50个设计思路帮你解析创意404页面(下)8

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

34. 使用主题

50个设计思路帮你解析创意404页面(下)9

使用主题能够让整个设计贯穿始终。这个404页面中,Logo的颜色很显然是取自主题,从插画到底部工具栏都统一使用了绿色,主题带来的统一美感就体现在这里。

35. 创造关联性

50个设计思路帮你解析创意404页面(下)10

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

36. 控制好间隔

50个设计思路帮你解析创意404页面(下)11

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

37. 不要害怕拥挤

50个设计思路帮你解析创意404页面(下)12

这一条和上一条并不冲突。如果是高度相关的内容,能够紧密的联系并放置在一起,就不要隔开了,让相关的内容靠近,适当留白,也是不错的设计方式。实际上,这个案例也正是这么做的。

38. 剪切缺口

50个设计思路帮你解析创意404页面(下)13

通过剪切的方式,让单纯的文本具备更多的含义和形制其实是一个非常有趣且有意义的表现形式。在这个案例中,404中间的0的空洞用问号来表现,实际效果看起来非常不错。

39. 简化概念

50个设计思路帮你解析创意404页面(下)14

并不是所有人都清楚404的具体概念,你可以使用文字拼写来说明,也可以使用简单的图片来表现。在这个案例中,背景图片中拿着望远镜的人就非常明晰地说明了这一概念。

40. 展示场景

50个设计思路帮你解析创意404页面(下)15

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

41. 大胆尝试

50个设计思路帮你解析创意404页面(下)16

不要害怕拿你的404页面做尝试。打破边界和限制,发挥你的想象力,跟着感觉和灵感走试试。这个404页面似乎正在完善中,许多实验性的元素被放置进来,有待完成,但是它真的很不错呢。

42. 明亮的色彩

50个设计思路帮你解析创意404页面(下)17

用明亮的色彩来照亮误入者的沮丧吧。橘黄色的页面砸死不知不觉之间影响着用户的情绪,你真得还感到那么沮丧么?

43. 打破自身的限制

50个设计思路帮你解析创意404页面(下)18

虽然你的页面是为桌面设计的,但是谁规定了它一定要显示在桌面屏幕中呢?为什么不能是一台相机呢?

44. 放到格子里

50个设计思路帮你解析创意404页面(下)19

将数字放到格子里,那么它会是什么样子呢?它可以以什么样的形式来呈现呢?于是,设计师让404变成了一个时钟上显示的时间,好玩儿又达成目标,何乐而不为呢。

45. 创意加持

50个设计思路帮你解析创意404页面(下)20

自由地发挥想象力吧,你可以创造截然不同的404页面!正如同这个页面一样,设计师将铅笔、蜜蜂、发条的意象溶于一体,色彩活泼,意象好玩儿,这不就是创意么?

46. 接地气

50个设计思路帮你解析创意404页面(下)21

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

47. 先锋一点

50个设计思路帮你解析创意404页面(下)22

先锋和前卫往往被关联在一起。展现个性,用独特而先锋的展现形式来创造属于自己的时尚。滑板本就是比较先锋的玩物,设计师结合红色滤光片使得和照片结合到一起,看起来非常有范儿。

48. 打破极限

50个设计思路帮你解析创意404页面(下)23

找到大家能接受的极限,将边界推动到更遥远的边际,特立独行不也是一种个性么?好吧,这个案例确实特立独行得口味有点过重了……漂亮,粗俗,好玩儿,并且令人过目不忘……

49. 使用图案纹理

50个设计思路帮你解析创意404页面(下)24

其实你可以用任何东西来构造独特的纹理,然后平铺在背景上,营造独一无二的设计。这个案例中,设计师就是这么玩儿的,看起来倒是蛮时尚的。

50. 信息层级

50个设计思路帮你解析创意404页面(下)25

如果你要为迷路的用户提供许多选项,那么你需要为信息划分不同的层级,以防过多的信息令用户感到压迫。这个404页面在解决这个问题上做的非常不错。

原文地址:designschool

【50个设计思路帮你解析创意404页面(下)】相关文章:

5个有效网页设计的原则

登录表单设计的新思路

怎么设计受欢迎的引导页?

网页设计流程中常见问题

30个奔放的自由设计师个人网站欣赏

18个采用渐变色设计的网页

用户对设计没印象?教你如何创建情感联系

邮件设计案例分析

几个做交互设计的误区

六月设计圈最新干货合集第一波

精品推荐
分类导航