15个404网页出错创意设计 —— 设计师资源 08

转载 收藏 评论
举报 2015-06-17

由优设推出的“50个实用设计思路帮你设计创意404页面”已经推出第一期,第二期来了。


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


来源:优设
编译:陈子木


01. 使用负空间


学会让页面呼吸,可以让你的页面更大气。这个404页面使用了蓝绿色和白色,并且通过适当的留白使得整个页面足够简单大气。

02. 双关


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

03. 大胆表现


如果你有更加有趣的方式来展现404的代码,不妨尽量让两者之间产生关联,然后再表现。这个案例当中,设计师使用了“氧气含量不够”来同404代码之间产生关联,有趣诙谐,意境也接近。

04. 拓展维度


合理地运用视觉设计,能让二维的页面给人以三维的冲击感。这个页面的设计就是这样做的,刀的角度和页面配色使得整个页面看起来像是三维的一样。

05. 贯穿始终的设计


如果你喜欢什么什么风格,就一定要坚持使用。喜欢棱角分明的造型,就不要过多融入圆润的元素。这个404页面就是非常典型,圆润的风格融入刀每一个细节当中,贯穿始终。

06. 保持精致

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

07. 充分利用品牌


你的品牌有什么特色?有什么视觉特征?它能否融入刀404页面当中?当然可以,这个404页面就是,作为一个花卉公司,在404页面中使用花卉元素又有何不可呢?

08. 指示明确

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

09. 使用不同的介质


你的404页面不一定非得是单纯的数字,它也可以融入到其他的介质中去。这个案例中,设计师让404的提示以刺绣图案的形式展现,并且镶嵌在画框中,古怪,但是很有趣。

10. 思维不要局限于电脑


其实和上一点很相似,为什么一定要用更加“数字化”的方式来展现么?刺绣可以,黏土人也可以。


11. 不局限于文本



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

12. 建立情感纽带


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

13. 充分利用影像


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


14. 表现动态


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

15. 结合流行文化


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


    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)