javascript炫技,js炫酷特效

顶尖的ui设计师都会什么?

顶尖的UI设计师是涉及的面广、学的更加深入，UI设计的三大具体分类——图形设计、交互设计和用户测试/研究的工作职能——分别对应的是美术设计的专业知识，软件工程师背景和相应的编程能力，以及社会学心理学等人文学科储备。当然，实际工作中，这几种职能也不是截然分开的。而今，这一涵盖诸多领域的职位，也越来越要求从业人员同时具备跨学科、综合性的理论素养和实际操作能力。

在工作能力和实践经验上，一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件，Html、Dreamweaver等网页制作工具，能够独立完成静态网页设计工作；熟练操作常用办公软件，且具备其他软件应用能力；熟悉Html，CSS，Javascript，Ajax。二是要求对通用类软件或互联网应用产品的人机交互有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底，有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力，富有创新精神。

相关问答

Q1: 自己学编程3个月了，感觉越来越瓶颈，不照葫芦画瓢写不出来

JS本就是个先天残废的语言，能把DOM操作好就行了。。。真要搞大一点的项目，你有更好的语言可以学。。。

由于JS的诸多劣根性，不面向对象，弱类型，动态语言。。。其实靠学习JS，很难养成逻辑思维。。我相信录制视频的那个老师，在只学过JS，而没学过其他语言的时期，也是写不出2048的。。。

其实编程语言的特性和设计模式有很多，而JS的语言劣根性，导致其只具备了其中最基础的部分。。。稍微高级一些的东西。。在JS里其实是没有的。。所以JS即便学得再精。。。其实编程思想依然只是小学生水平。。。

比如继承，多态，委托，工厂模式，观察者模式，单例模式，二叉树，行为树，状态机，等等。。。如果只是通过学习JS，而不接触一门强类型，面向对象语言的话，这些特性，永远都无法涉足。。。所谓编程思想，也就止步于小学生水平了。。

这里推荐C#。。。为什么？因为它是未来JS改进方向的参照原形。。。2.0版的JAVASCRIPT，基本就可以看作是C#的山寨版。。。ECMA的JS改进计划，就是让JS越来越像C#。。当你学到这一步，会接触到一个叫unity 3d的东西，到时候你自然就能做出2048了。。。甚至你可以做出一个CS之类的3D游戏来。。。

不过这是以后的事情了。。。学习是一个循序渐进的过程，没有谁是一步登天的。。在学习JS的阶段，能把DOM操作好就足够了。。。这才是JS的本分。。。不需要指望JS再去干那些“与自己无关的事情”。。。那些都是一群学了JAVA,C#或者C++的老东西们，跑回JS的新手圈炫技装逼的产物而已。。。。。。。

Q2: 好像什么都失去了兴趣一样。 推荐一本书给我看。

书名《藏红藏青》

内容简介

汉族女孩扎西梅朵机缘凑巧被西藏贵族收养，成为藏二品庄园的唯一继承人，命运由此改变:深沉的母爱、显赫的家世、外国钢琴教师、光明的艺术前途……

然而，一场家庭变故却结束了她的幸福，接踵而来的是财产的争夺、卑鄙的阴谋、爱情的陷阱。在猝不及防的打击之下，扎西梅朵的命运再次发生转折，无处可去的她成为一名卖艺的"热芭"。

在艰苦却快乐的流浪生活中扎西梅朵逐渐认识了生活的真面目和艺术的本质，但命运之神又一次无情地拨弄了她。当整个西藏的新生即将来临之际，一次不期而遇使热情单纯的扎西梅朵又卷入了政治和爱情的双重阴谋之中，重重危机和矛盾终于爆发了……

经受了死亡的痛苦洗礼，扎西梅朵的命运将落向何处?封面

折叠

Q3: 全球首个云端8位计算机，树莓派创始人玩得很开心

大数据文摘出品

作者：Olivia、曹培信

用280个字符编写一个程序，你能写出什么？

也许你会说，我用Python调个包，啥功能都能给你实现了。

那可不行，你还得 用BBC BASIC语言编写，在BBC Micro Model B上运行 ，是不是听着很陌生？

BASIC，一个有着56年 历史 的直译式编程语言，是许多程序员大佬的入门语言，BBC BASIC是由Acorn Computers为BBC编写的版本，相比原来的BASIC加入了许多额外的结构体关键字；BBC Micro Model B则是20世纪80年代的8位计算机，是当时风靡一时的微型电脑开发板，也是许多程序员大佬的入门神器。

我们先来看看大神用这两个古董加上280字符的程序能实现什么？

一个充满 历史 厚重感的 Windows 95 logo ，没错，这就是用280个字符写出来的BASIC程序的输出结果！当然，如果你也想亲手试一下，倒不用去淘一台BBC Micro Model B古董机，现在 只要发条Twitter就可以一试！

首个云端的“8位机”，被各路大佬玩坏

Arduino业务开发副总裁Dominic Pajak创建了一个名为 “@bbcmicrobot” 的推特账户，又叫做 BBC Micro Robot 。

你只要用编写一段BBC BASIC程序，然后发推特@bbcmicrobot，机器人就会接收推文并通过BBC Micro Model B的仿真器运行Basic程序来处理推文，再将结果推回仿真器输出三秒钟的动图。

据统计，这个机器人在最初的几周内获得了超过 1000万次 的浏览，并且每周要处理超过 1000个Basic程序 。

许多大佬也爱上了这个机器人，包括喜剧演员达拉 · 布莱恩（Dara Ó Briain），科普作家本 · 戈达克（Ben Goldacre），当然，最著名的要数树莓派创始人 埃本 · 厄普顿 （Eben Upton）。

厄普顿编写的是一个 Game of Life （生命的 游戏 ）程序，我们先来看看输出结果。

你可能会很疑惑，这是个啥？其实，这是一个经典的 细胞自动机 ，也可以说是一个零玩家 游戏 ，它的演变是由它的初始状态决定的，不需要进行后续的输入，是最一种模拟包括自组织结构在内的复杂现象的一个强有力的方法。

大佬的炫技，我们看不懂。

也有人做了一些大佬做的是一看就知道很厉害的东西，比如这个三维的滚动的小球，作者是 游戏 巨头Activision的技术总监 Paul Malin ，他使用了一种特殊的编码将361个ASCII代码字符压缩成了280个Unicode字符推文。

据Pajak介绍，这款BBC Micro Robot原本部署在树莓派4上，但此后转移到了亚马逊云服务器上，大概是是 世界上唯一一个云端的8位计算机 了。

BBC Micro Robot是用Javascript编写的，运行环境是Node.js，具体来说，当机器人发现一条是Basic程序的推文时，它会进行过滤，再将文本输入模拟的BBC Micro缓冲区中，在30秒后使用ffmpeg创建一个3秒的视频。

发个Twitter缅怀40年前的极简编程岁月

之所以这个BBC Micro Robot会得到像树莓派创始人厄普顿这样的大佬的回应，这背后的原因主要还是情怀。

1988年，当埃本 · 厄普顿还是一个10岁的小孩时，他买了他人生中的第一台电脑—— 一台二手的BBC Micro ，没错，就是BBC Micro Robot模拟的那个8位计算机！

电脑一到手，厄普顿就开始用BBC BASIC语言开始编写程序，很快便得心应手。

所以，当厄普顿发现了这个发个Twitter就能用BBC BASIC编写一个小程序的时候，他一定想起了30多年前的少年时代。

埃本 · 厄普顿和他的树莓派

其实作者的经历也是如此，Dominic Pajak也是成长于20世纪80年代的英国，在学校里学会了BBC Micro编程。

Pajak说：“BBC Basic主要由Sophie Wilson（就是后来设计ARM架构的那个大神）开发，而这是 迄今为止最好的Basic实现语言 ，其中一些非常好的特征允许我们 将代码最小化 。”

受制于当时的技术，老一代的程序员大佬们对于用有限的代码实现更多的功能可谓是乐此不疲，也可以说是那一代人的情怀。

正如Ableton创始人罗伯特•亨克（Robert Henke）所说，“ 当技术在表达方面受到限制时，极简主义是必要的。 ”

如果你也想试一试

如果你也想试一试，缅怀一下30多年前的编程岁月，很简单，只要发一个推特@bbcmicrobot就可以了。

当然，你的推文内容必须是BBC BASIC语言，BASIC（Beginner's All-purpose Symbolic Instruction Code），意思就是“ 初学者的全方位符式指令代码 ”，是一种设计给初学者使用的程序设计语言。BASIC是一种直译式的编程语言，在完成编写后不须经由编译及连结等手续即可运行，但如果需要单独运行时仍然需要将其创建成可执行文件。

如果你还不熟悉BBC BASIC语言，没关系，作者也提供了很好的学习教程。

网站链接：

入门教程肯定是从“Hello World”开始了。

如果想要进一步 探索 BBC BASIC，也可以看一些专门的博客，比如Paul Malin的 “Fun with BBC Micro Bot” 。

博客地址：

“发推”编程，乐趣无穷，文摘菌推荐大家自己动手一试。

Q4: 做UI设计师需要具备哪些技能？

对于一个能上岗的UI设计师一般要会以下能力。

1软件能力

一个优秀的ui设计师除了需要掌握Photoshop、Illustrator、DW、C4D等设计工具外，还需要掌握Dreamweaver、HTML、DIV+CSS等网站技术工具，同时还需要具备交互设计的思想。

PS、AI的作用主要是绘制图标及界面，AE主要负责动效的制作，ARP这些主要是交互设计师的工作，但是小公司没有交互设计师的职位，大公司要和交互设计师经常配合，所以我们也要具备原型图的设计能力。

DW主要是负责网页制作设计，C4D主要负责动画设计，XD专业的图形化界面设计工具，集原型，设计和交互等作用。

2理论能力

UI设计理论需要掌握：图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等;如果有营销思维、策划能力、文案能力，恭喜你，你已经是一个优秀的UI设计师了。

3沟通能力

一个优秀的设计师，应该具有设计提案能力。通过图形+文字的形式告诉你的需求方，你为什么这么设计，你考虑了什么，为什么使用这样的颜色。有理有据的设计说明比无休止的改改改更具有说服力。

4界面设计能力

有人说界面设计看起来很容易，不就是把一些元素堆积在界面上吗？调调文字大小，排排版吗？确实很多人就是这么做的。所以很多作品集里App界面看起来大同小异。

其实好的作品不仅要有自己独特的设计语言。还要优先保证对业务和客户体验影响最大的功能的呈现。比如我们画一个图标，要去思考这个图标，用户的手能不能点中，会不会太小了，一定要合理。

再比如一个手机APP有20个功能，其中有5个是最实用常用的功能，那么我们的界面排版的时候，一定要让这5个图标排在用户最容易点中，最容易找到的地方。

而不是放到找半天才能找到的位置，而这些就叫做用户体验，UI设计中的所有元素都是要经常思考才能进行设计的。

5综合能力

UI设计需要具备综合性的设计能力：包括布尔运算、图标设计、界面设计、主题设计、交互设计、视觉设计、动效设计、网页设计、图形设计、banner设计、APP设计、UE设计、小程序设计、H5页面设计等。

UI设计能力是从事UI设计工作的必备技能，如果以上设计能力你不具备和熟练，基本上找不到一份你想要的UI设计工作，所以综合性的设计能力一定要会。

以上就是一个UI设计师在工作中所需要具备的综合能力，只有掌握了以上的全部技能以后，你才能成为一名合格的职业UI设计师。

当然，如果你现在还不具备以上的这些综合能力也没有关系，可以参加达内的UI课程学习，4-5个月以后，即可从一位零基础小白快速成为一名合格的专业UI设计师。

Q5: Web前端开发有哪些良好的编程习惯？

个人建议， 多看别人的代码，多给别人看自己的代码。多思考怎么简化逻辑，怎么容易维护。相关的文章和书籍还是挺多的。把js学透，在页面重构方面学好css，盒模型 把bfc都学懂。编程技术方面就是不断的模仿和吸收，没事多折腾，但不是瞎折腾。

web前端开发工程师，做的工作与网站前后台系统的页面相关，使用到的主要技术包括：HTML、CSS、JavaScript，如果能会后台编程语言，当然会更好。不要写难以理解的代码。不要在代码中炫技，不要为了设计而设计，能简单就绝不复杂。

用代码格式化工具。像写诗一样写代码，适当换行，适当退格，把编程模块化。现代web前端开发已经不能像传统web开发已经简单的描述成切图、css、js了。在新的HTML5规范中，加入很多新的特性，这样就对web前端工程师有了更高的要求，比如数据库操作，使用cancvs、css3绘图。

布局的话去看css那些事儿，js的话去妙味课堂花100弄个会员可以看里面的视频资源很多，一年坚持下来就到中级了，之后再考虑向重构还是专写js上发展，不管怎么样多写一下总结，多问几个为什么，多练习。

以上就是一些良好的习惯，希望参考。