首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 新闻阅读 > 正文

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

    时间：2020-03-13来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

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

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

    01. 有趣的设计 50个设计思路帮你解析创意404页面(上)1

    这是一个有趣的404页面，用陨石坑来表现404代码，身处太空暗示你来错了地方。如果你访问这个设计所处的Behance页面，会发现更多有趣的地方。

    02. 图形化 50个设计思路帮你解析创意404页面(上)2

    图标可以发挥各种各样的作用，指示作用，装饰，甚至作为纹理都可以。这个案例中，设计师用小图标来搭建问号，告知用户他们所寻找的内容并不在此。

    03. 使用动效 50个设计思路帮你解析创意404页面(上)3

    这是一个好玩儿又可爱的404页面，从文案到动画都非常之有趣，如果你正好也很无聊的话，可以盯着这个动画玩一整天……

    04. 简约设计 50个设计思路帮你解析创意404页面(上)4

    这个404页面超级简单，但是非常有效。简约清爽的设计，放大镜和404的组合足够说明问题。

    05. 情感化设计 50个设计思路帮你解析创意404页面(上)5

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

    06. 插画说明 50个设计思路帮你解析创意404页面(上)6

    插画在网页中的运用非常广泛，功能也多种多样。这个网页中的插画，不仅灵活地传达出页面跳转错误的情况，而且为你作出了正确的引导。

    07. 不要想复杂了 50个设计思路帮你解析创意404页面(上)7

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

    08. 直接说明 50个设计思路帮你解析创意404页面(上)8

    其实到了这一步，用户通常都知道他们遭遇404页面了，你并不需要回避这个话题，照直说就好了。在这个案例中，404旁边，一个手臂断裂的机器人以无比形象的方式，告诉你出错了。

    09. 风格化 50个设计思路帮你解析创意404页面(上)9

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

    10. 重叠效果 50个设计思路帮你解析创意404页面(上)10

    使用重叠的形状、字母、色彩来创造有趣的404页面效果。这个404页面的设计也很简单，黑白模式，无衬线字体，图形和字体重叠，大小对比强化404的概念，简单而不单调。

    11. 使用相关的图像 50个设计思路帮你解析创意404页面(上)11

    有时候在页面中使用毫无关联的图片是很有意思的，而使用有关联的图片，则显得更加有用。这个案例中，设计师加入了红灯警示，也是在暗示用户：你们来错了地方。

    12. 有限度地使用色彩 50个设计思路帮你解析创意404页面(上)12

    挑选那些能够和谐搭配的色彩，即使要变幻色彩也是基于其中的一种或者几种来进行调整，并坚持如此。创建一套主题，这样可以简化一系列的设计过程。这个404网站也正是这样来设定它的色调。

    13. 拥抱纹理 50个设计思路帮你解析创意404页面(上)13

    在扁平化成为标准的今天，恰当地使用纹理还是能很大程度降低工作难度的。这个404页面依然使用着扁平风的用色，但是适当地加入一些纹理之后，整体看起来更协调更有质感了。

    14. 提供选择 50个设计思路帮你解析创意404页面(上)14

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

    15. 标新立异 50个设计思路帮你解析创意404页面(上)15

    我想，标新立异打破常规是许多设计师都会想到的问题。而这个404页面，也正是从字体、色彩到样式都充分进行了调整，进行了极具创造性的设计，打破了常规的视觉设计。

    16. 使用负空间 50个设计思路帮你解析创意404页面(上)16

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

    17. 双关 50个设计思路帮你解析创意404页面(上)17

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

    18. 大胆表现 50个设计思路帮你解析创意404页面(上)18

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

    19. 拓展维度 50个设计思路帮你解析创意404页面(上)19

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

    20. 贯穿始终的设计 50个设计思路帮你解析创意404页面(上)20

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

    21. 保持精致 50个设计思路帮你解析创意404页面(上)21

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

    22. 充分利用品牌 50个设计思路帮你解析创意404页面(上)22

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

    23. 指示明确 50个设计思路帮你解析创意404页面(上)23

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

    24. 使用不同的介质 50个设计思路帮你解析创意404页面(上)24

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

    25. 思维不要局限于电脑 50个设计思路帮你解析创意404页面(上)25

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

    原文地址：designschool

    • [50个设计思路帮你解析创意404页面(上)]页面设计思路 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文[50个设计思路帮你解析创意404页面(上)]页面设计思路由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.