30个清新创意的404页面欣赏 – 学ui网
我的图书馆
30个清新创意的404页面欣赏 – 学ui网
小编：404页面一直在网站中是个不可或缺的页面，它在网速不好或一些小意外时能很好的安抚用户糟糕的心情。所以也被设计的越来越有趣，符合人性化心理。今天我们一起来欣赏一组颜色清新创意的404页面吧。
文章来源：
转载请注明： ?
学UI就上学UI网！越努力，越幸运！
“学UI网&”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
”&&海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” &同一个APP，IOS和安卓截图对比分析，并且提供5种以上尺寸的APP截图打包下载，真贴心。
“” &专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：
TA的最新馆藏[转]&[转]&[转]&
喜欢该文的人也喜欢UI 设计初学者应该怎样入门？ - 知乎<strong class="NumberBoard-itemValue" title="1被浏览<strong class="NumberBoard-itemValue" title=",175,018分享邀请回答mooc.study.163.com/smartSpec/detail/.htm?utm_source=2045618&utm_medium=cps&utm_campaign=affiliate）和《交互设计师》微专业（）。相比线下培训班动辄几万的价格和固定时间学习，在线学习更加方便点，而且说真的，网易出的那些App，像网易云音乐、LOFTER还都挺有设计感的，挺欣赏他们对产品认真打磨的态度，所以不自觉的就对他们出的设计课程抱有好感。外语不错的也可以去Coursera上学英语授课英文字幕的《interaction-design》交互设计（）的微型课程，同样学完七门课和一个毕业设计后可以拿到证书。理论性课程：《Design Thinking》（设计思维：）是德国MOOC平台上的iversity的一门设计课程，比较注重理论性通识类课程，实践内容几乎为零，整体启发性较强，不过只有英文作为课程语言。优质网站：Dribbble：Behance：站酷：花瓣：这类网站就像是设计师的脸书/人人网，大牛设计师都在上面注册并发表自己的作品，灵感枯竭的时候，觉得自己审美不够的时候，都可以去上面逛逛，寻找灵感，提高审美，陶冶情操，和谐生活。另外，真心推荐互联网公司UED部门博客，干货很多，值得学习。腾讯CDC：腾讯ISUX ：淘宝UED ：阿里巴巴UED ：网易用户体验设计中心UEDC：·各类App：各种榜单、推荐应用的账号上新出来的App都可以关注，App集邮能力，就是你资历的一部分，很多超越也是在巨人的肩膀上改出来的。4、练手光说不练假把式啦~·参加比赛：现在手机主题设计、App皮肤设计各种比赛到处都是，有一定寄出之后适当参加比赛，都是锻炼人能力，崭露头角的好地方，运气好就直接拿到offer了。·接私活：虽然听上去有点微妙，但临摹能力、技术能力，这些都能在接私活中慢慢培养起来，而且还有真实收入。很有可能，你之后面试的作品就是私活带来的。·实习：既然要入行，当然要去里面自己体会下个中滋味，如果有幸去了大公司，很好你就能熟悉一套规范的设计工作流程；如果去的是小公司，那你可能就要成为独当一面的全能手了。总之，出去历练，是走向社会的第一步。5、偶尔提神醒脑初入行的你和年薪XX万的高级设计师之间有多少差距？这里贴上facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章，三个对比图，简单明了但发人深省，自我感觉良好的时候，可以上来看两眼醒醒脑。从工作流程上来看，初级设计师就像亢奋的小精灵；高级设计师则在疯狂中有规则。在设计追求上，初级设计师追求设计美感；高级设计师则创造新的价值。在解决问题上，初级设计师往往脱离实际；高级设计师则更贴近产品实际。原文地址：最后说点自己的看法很多人说互联网寒冬来了，眼看着找不到工作的学弟学妹逃离北上广，缩招裁员越来越明显，就极力游说周围的人别再从事程序员、设计师、产品经理等与互联网相关的岗位。其实我始终不太赞同这个观点，这只是前几年互联网过度乐观膨胀发展后终于回归理性而已。回归理性，意味着已经过了人有多大胆，地有多大产的时代。回归理性，意味着行业从野蛮生长逐渐转向遵循市场规律。回归理性，意味着企业对人才需求仍在，但要求渐高。所以，做一个不那么恰当的比喻，多才多艺的设计师就像一线城市的房价，尽管开价很高但还是供不应求。学艺不精的设计师就像十八线城市的房价，在一路下跌的颓势再也硬不起来。核心技能点是人才流通市场上永远的硬通货。鸡汤一碗，与君共勉。PS：欢迎爱学习爱生活的各位关注我的微信公众号：naogustudy (二维码自动识别)5.5K184 条评论分享收藏感谢收起weixin.qq.com/r/cHVtdXTEvCnDrTAW9yBi (二维码自动识别)自己也收藏了很多新奇的UI设计软件。3.图标设计 当然，也有图标素材。中国最大的图标素材库，还可以制作iconfont
素材网站（底部有链接）：大家根据关键词搜索（自己最近收藏的一些素材网站），应该够新手用的了图表模板制作
(二维码自动识别)4.界面设计欣赏临摹优秀作品 当然，还有UI优秀作品展示平台。
(二维码自动识别)素材网站：大家根据关键词搜索（自己最近收藏的一些素材网站），应该够新手用的了当然了还有UI网站导航：大家根据关键词搜索（自己最近收藏的一些素材网站）
5.切图交互
6.用户产品这个就不多说了，进入公司跟着项目走一遍就知道了。说一点用户体验设计的干货吧。
界面设计相关元素也很重要，比如字体、色彩搭配、布局等等，我只提一下，不细讲。7.字体设计/学习平台中文字体字体设计欣赏+字体下载： 特别美的中文字体合集中文字体界面设计 - 图翼网() - 优秀UI设计师互动平台 英文字体下载Free font downloads -
中文字体+英文字体
字体设计教程 8.色彩搭配我在已经非常仔细了，可以看看
------------------12月20日更新--------------------UI设计交流群：------------------更新免费UI素材下载网站--------------------1.综合类UI素材下载平台····················2.UI领域素材下载·······························3.UI原型素材下载····4.icon（图标素材下载）按icon质量顺序排名： ··
·· · · · · ·· ··
· ·· ·
· · · ··
· · · · · · · · · ·· · ·
· · · · · · 5.UI设计导航平台（每个导航都有上百个UI设计+网页设计+前端+各种相关的网站链接），点进去之后，你一定会回来点赞的！：1.2.3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13.6. UI专属论坛社区 ·· · ·
· · ··
· · ··
· · · ·
· 7.UED相关· · · ·· ·
· · ······8.平面素材下载（设计UI过程中还是会多多少少用到平面素材）····························...未完待续UI设计交流群：------------------设计相关回答--------------------···-1.1K69 条评论分享收藏感谢收起ui设计正确的学习步骤，认真看完少走2年弯路ui设计正确的学习步骤，认真看完少走2年弯路食小跳燥百家号随着移动互联网时代的发展，带动了UI设计这个专业的发展，很多干了多年平面、电商、网页的设计师。纷纷转UI设计专业，市面上UI设计培训班也雨后春笋一样开始冒出，一些有设计基础的会选择自学，也有一些零基础小白同学选择报班培训，小编看来不管是自学还是报班，都得先来了解UI设计这个行业，UI设计一些基本的学习步骤。UI设计是指那些设计？在百度百科给出的解释， UI即User Interface(用户界面)的简称。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，一般是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。其实我的理解是，UI设计就是电子屏幕显示可以点击，点击会产生反应的界面，如果按专业来划分，UI设计应该分为3种--- 移动端UI设计（手机APP运用） PC端UI设计（电脑软件界面、网页） 游戏端UI设计（网游 页游 手游界面设计）。UI设计正确的学习步骤？１、基础软件篇根据小编多年的工作经验，如果想从事UI设计这个专业，一定得有个正确的学习方法，不然就是有多年设计基础，也会走弯路，那么问题来啦，UI设计到底特么怎么开始学习呢？工欲善其事必先利其器，学习UI设计首先得先把必学的软件工具搞定，PS，没错就是ＰＳ软件！ＰＳ在ＵＩ设计中，主要是负责界面视觉设计的。学习工具的时候也不要盲目学习，先把ＰＳ中的（布尔运算）搞定。记住在啰嗦一句，布尔运算非常重要，ＵＩ界面中的图标绘制的还看与否，都是布尔运算决定的。布尔运算学好了，绘制界面的图层样式也得掌握。其他的工具可根据自己需要绘制的效果来学习。把ＰＳ玩溜了，那么在以后的设计工作中，可以很好提升自己效率。那有些童鞋就问，是不是学好ＰＳ就可以啦，那肯定不是，ＰＳ是负责视觉设计的，在ＵＩ界面设计中，有很多图标（系统图标、启动图标、主题图标）所以，还得学第二款软件ＡＩ，ＡＩ软件在ＵＩ设计中更多的是负责一些系统图标设计，把这两款软件搞定啦，那软件操作这一块就没多大问题啦。当然学习ＵＩ设计也不是学习２个软件就够了，在后面的学习中还得学习交互原型图软件（Axure RP Pro 7）交互动效软件（AE） 标注软件 信息架构图软件。２．设计要求篇这个阶段的学习，就是学习设计了，那么ＵＩ设计要掌握哪些必学知识点呢？首先一款产品的设计，前期肯定有个充分的市场调研，用户研究分析。这一快简单的来说叫做用户研究，主要针对产品前期产品搭建。一般这活是产品经理干的，我们短时间不能成为产品经理，但得有个目标，所以这块的知识点，咱也得学！有了产品的框架后，产品中期就得绘制交互原型图，原型图是款产品的最初雏形，关系到后期产品界面的视觉设计，所以原型图的精细程度，交互之间的逻辑关系，是非常重要的。后期的话，就是界面视觉规范设计啦，有了原型图在手，那么界面的布局就没多大问题，接下来要干的事情就是，先确定整体产品的色调，色调的确定一点要和产品属性挂钩。颜色确定好后，就是学习怎么排版更好看。一个界面的好看与否基本是配色排版决定的，如果这一块是短板的话，可以多去站酷找些首页推荐作品临摹。 界面设计好，就得学会产品输出、整理工程文件。适配、切图、标注、交互动效、这些的话都都下功夫时间去学习。3、原创作品篇软件搞定、设计规范搞定后，那么就得出自己的原创作品啦，毕竟学UI设计专业是为了去互联网公司拿高薪，早日实现月薪过万！回到正题，一般去互联网公司面试找工作都得准备几套作品，作品怎么来，这是个头痛问题。首页你的有个项目产品的想法，最后是新颖的，别人没有做过的，市面上没有类似的，有了想法后，就去找参考，给大设计交流网站有一大把的优秀作品，把自己喜欢的。看着顺眼的作品，收集起来。接下来就是做产品信息架构图、交互原型图、视觉稿、这些搞定后。那么不出意外，你的原创作品就出来啦。做设计的时候一定要多看别的优秀作品，学会参考，学会参考，这个非常重要。很多小白学了几天设计，就说出原创作品，做来的东西难看的要死。所以要多去看别的作品。一个项目的主要界面做好后，那就可以进行包装啦，包装作品很重要，最后从项目立案，信息架构图。原型图 界面颜色、图标、各种展示图。进行包装。作品搞定后上传到站酷、UI中国这些设计交流网站。就可以投简历找工作啦！想了解更多UI设计知识关注我的微博（UI设计师江大毛）本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。食小跳燥百家号最近更新：简介:最新鲜的娱乐资讯，最全的娱乐八卦作者最新文章相关文章作为工作繁忙的设计师，我们一直追求高效、敏捷地完成设计任务，那究竟要如何提升UI设计效率呢？本文将从软件、习惯、技巧等三个方面来阐述笔者的一些心得总结。
工欲善其事，必先利其器。UI设计要更有效率，捷径就是从最常使用的Photoshop（下文简称PS）软件出发。
PS软件更新很快，但出于对版本稳定性的追求，笔者并没有新版本出来就马上更新的习惯。而PS CC版本的出现，却改变了笔者的看法。用好PS CC，会在设计效率方面带来很大提升。
1.Photoshop CC精彩新功能
多重形状和路径选择
使用Photoshop CC提供的多重形状和路径选择，可以同时选取多个路径、形状和矢量蒙版，不需按多次鼠标即可完成更多任务。即使在拥有许多路径的多图层复杂图像文件中，也可以使用新的滤镜模式，直接在画布上锁定路径 （及任何图层）。
简易绘制虚线
PS CC不需要手工计算像素来进行绘制虚线，虚线绘制变成基础控件。
旧版本的PS在使用微软雅黑字体时，无法清晰显示。而PS CC 增加了WindowsLCD的文字选项，编辑文字时选择WindowsLCD，就可在PS中获得文字外观的真实预览效果。
背景存储与自动复原
使用PS CC，能够在背景储存大型的 PS 档案，同时还可继续工作；也可透过全新的自动复原选项保留所做的编辑，而不会中断工作进度。
PS软件效率更高，大型文件处理更快
PS CC对代码进行了优化，软件算效率有了很大的提升。
可编辑的圆角矩形
PS CC可以生成4个不一样圆角的矩形，圆角设置更加精准。
更精细的描边
描边能精确到0.x，能做更加精致的效果。
2.简单设置Photoshop CC
说了这么多好处，也谈谈问题。在使用PS CC的过程中，笔者经常遇到假死、闪退、崩溃的问题。出现这些问题的主要原因是目前大部分用户使用的都是机械硬盘，而从PS CS6开始就增加了一个后台储存的新功能，该功能的好处是定时给你的psd文件进行保存，但这个功能在设计的时候并没考虑到目前大部分用户使用的都是7200转速的机械硬盘。我们平时做设计稿很有可能同时打开多个甚至数十个psd文件，如果当前运行的十个psd文件都同时储存，而刚好我们也在进行PS操作，那出现假死、闪退、崩溃的机率就非常大了。
所以为了使用更稳定，可以在使用PS CC前先做一下如下设置，关闭后台储存功能。
3.Photoshop CC bug一览表和解决方法
除了关闭后台存储来降低软件崩溃的问题，这里笔者还根据工作经验，汇总了一些PS CC的常见问题。部分问题可以解决，但仍有部分问题只能留待下个版本的更新优化。
1.同一个项目尽量在一个psd里
在项目中统一功能块、功能尽量保存在同一个psd里，日后使用会更加方便，节约在不同psd文件里查找时间。
2.时刻保持图层命名、归类
良好的归类、图层、命名习惯，在团队合作中psd源文件可用度效率更高，日后修改也会节省时间。
3.尽量使用智能对象
智能对象好处在于合并对象后不破坏对象，同时可以让这个合并后的对象具有可编辑特性，同时具备同步更新功能。
4.在文件夹中加蒙版，操作一步到位
在文件夹加蒙版，再次修改的时候只需要把图片放入文件夹即可，可以减少重复调整蒙版等工作。
5.输出尽量简单
如果项目有命名标准建议以标准来命名，如项目没命名标准建议用简单易懂的中文命名方式命名。
6.安装psd缩略图补丁
安装PSD缩略图补丁，一目了然PSD文件的内容，提高效率拒绝猜测。
1.精简快捷键
如果你肯花一点点时间来练系这些快捷键，腾出你闲置的左手放到键盘上，相信这会让你的工作更加快捷高效。
2.设置隔离图层快捷键
设置隔离图层快捷键，好处在于进入了隔离图层后不会对其他图层进行误操作。
技巧：进入隔离图层后，按Ctrl可以进行对画布中的其他图层加入此隔离图层。
3.色阶的解决办法
我们做效果图的时候经常会使用大面积渐变，时常会出现比较严重的色阶问题，通常出现这些明显色阶的时候，可以通过使用高斯模糊对色阶进行模糊化处理。
4.文本框的好处
当你需要处理一大段文字时，文本框的好处就会体现出来，它会永远保持你字体的宽度整齐展现。
5.对齐像素
平时画icon的时候会常常使用到二分一、三分一或者其他比例的线条，所以一般会对网格对齐功能进行关闭。而做界面的时候我们要求更加精准的界面，所以通常会开启网格对齐功能。
开启与关闭网格对齐方法：Ctrl+K 勾选“将矢量工具与变化和像素网格对齐”
6.图形可以合并
PS CC图形图层集体合并后，仍然是可编辑图形。
技巧：合并图层快捷键Ctrl+e，能把选中的图层快速合并。
说了这么多，PS CC确实是一个有助于提升UI设计效率的好软件。当然，以上所述仅为笔者个人经验总结，如有错漏欢迎指出，愿与大家交流！
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
你可能喜欢的：群里总有做平面设计的同学问我想UI设计师好转吗？怎么转呢？很迷茫。。都不知道UI要掌握哪些知识呢，我不会写代码怎么办？好吧，今天我们就来和大家一起探讨一下如何成功转型。。。
OK，开始正式内容。
原文地址：http://www.zcool.com.cn
原文作者：
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
你可能喜欢的：