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

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

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

26. 不局限于文本

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

27. 建立情感纽带

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

28. 充分利用影像

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

29. 表现动态

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

30. 结合流行文化

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

31. 象征手法

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

32. 使用对比

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

33. 使用图标

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

34. 使用主题

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

35. 创造关联性

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

36. 控制好间隔

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

37. 不要害怕拥挤

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

38. 剪切缺口

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

39. 简化概念

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

40. 展示场景

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

41. 大胆尝试

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

42. 明亮的色彩

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

43. 打破自身的限制

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

44. 放到格子里

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

45. 创意加持

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

46. 接地气

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

47. 先锋一点

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

48. 打破极限

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

49. 使用图案纹理

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

50. 信息层级

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

designschool

文章来源:优设

优设译者:@陈子木

(0)

相关推荐

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

    做网站是系统工程.首页的内容要层次分明,导航要结构清晰,子页面要排版均衡,相对而言自由度稍高一点的,应该是404页面了.虽然404本身就是一个告知用户内容访问出错的错误代码,但是富有创意的设计师会充分 ...

  • 《五行·素》的故事–手机主题设计思路与技巧解析

    小编:今天给大家带来的是获得华为主题"最具大师风范奖"–<五行·素>的设计思路和技巧解析,通过这套UI主题,可以让我们感受到的是,我们的设计应该要把形和意结合起来,才不 ...

  • 现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  • 404页面的情感化设计

    小编:做UI行业的都应该知道404页面是非常重要的一部分设计,当页面出现错误时它是增强用户体验的很好的做法,其遵循的理念是: 提供简明的问题描述,消除访客的挫败感.提供合理的解决方案,辅助访客完成访问 ...

  • 节日图标的5种设计思路

    APP的图标作为启动产品的入口,一直是一个重要的视觉符号,为了让用户更好的记忆,其设计通常使用与产品的功能和内容相关,让人看到图标就能联想到产品的功能使用场景等.用户也是通过图标来寻找.识别和打开产品 ...

  • 50个设计简约的移动 APP UI 设计作品(下)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • 50个设计简约的移动 APP UI 设计作品(上)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • B端产品 — 浅谈Atlas设计思路

    今天分享一款运维相关的B端产品,主要阐述自身的设计思路及产品的优化过程. B端产品对产品链路有着高流畅度与高效率的诉求.设计师在做B端产品的的时候要有全链路和小白用户视角,以体验及效率为先,我们需要协 ...

  • “色*界”派对-设计思路

    小编:今天给大家带来的是由猫铭给大家分享的"色*界"派对-设计思路.如此绚丽的一张画报有没有瞬间直逼你的眼球呢?色彩搭配的方式与风格非常多元化,如此大胆的配色你爱不爱呢?作者已经给 ...