为网页设计师准备的10个在线的HTML5设计工具

1) Google – Web Designer

http://static.oschina.net/uploads/img/201401/16081306_dgRl.png" >

2) SpriteBox

http://static.oschina.net/uploads/img/201401/16081307_9nSR.png" >

3) Xray

4) Chrome – Ajax Animation

一个 HTML5 的强大的基于 Web 的动画套件,原本是考虑作为可在线使用的 Flash 替代品,但目前其已经完全支持离线模式。

http://static.oschina.net/uploads/img/201401/16081311_DBMI.png" >

5) Wix

6) Dunked

http://static.oschina.net/uploads/img/201401/16081314_38hD.png" >

7) HTML5 Audio Maker

http://static.oschina.net/uploads/img/201401/16081316_h9IT.png" >

8) Speakker

9) Sketchtoy

10) SVG to Canvas

http://static.oschina.net/uploads/img/201401/16081319_eKSJ.png" >

文章转载自 开源中国社区 [http://www.oschina.net]

时间: 2024-09-23 20:09:18

为网页设计师准备的10个在线的HTML5设计工具的相关文章

网页设计师面对低廉的价格加上粗糙的设计

网页制作Webjx文章简介:网页设计报价–设计师心中永远的痛. "涸泽而渔",说的是:为了捕鱼,把池水抽干,不管大鱼.小鱼.鱼蛋.乌龟.王八蛋都给捞上来.比喻只图眼前的利益,不做长远的打算.这个道理祖先早就总结出来的道理,却在网站设计这个行业被众人熟视无睹.低廉的价格加上粗糙的设计使得网页设计师的生存越来越困难. 从经济学的角度来说,价格趋近于成本价是行业成熟的标志之一.网站设计公司不是国字头垄断企业,在价格上无法与国际接轨,也不会跳出个砖家或人大代表为网站设计大打抱不平.我们只能控制

网页设计师该向印刷设计学习的3个设计法则

  许多经典原则,例如那些字体设计原则,在线上仍然有效.设计就是特定功能的构成--无论构成物是字节还是原子.这就意味着网页设计从它的祖先--纸墨中受益良多.本文中,我们重点介绍几则印刷设计原则,它们在线上仍然适用.熟练掌握后,你就能提升UI与UX设计水平,创造出更好.更易懂的设计. 图片由Peter Van Lancker提供,www.flickr.com/photos/petervanlancker 01. 让读者保持专注 印刷设计专注于易读性,网页上也是如此:只是把"读者"换成&q

10个优秀的 HTML5 编码工具分享

HTML5将彻底改变我们建设网站和Web应用程序的方式.这里有10个伟大的工具,用于简化和提高HTML5的编码. 假如你才刚开始利用HTML5来创建网站,可访问Initializr来入门.这个网站将帮您根据样板来创建一个简洁,可定制的网站模板.它包含了初学者,所需要的一切. HTML5demos HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性,在不同浏览器下的支持情况.比如可以测试HTML5 canvas在Firefox上是否支持或Safari是否可以运行HTML5简单

网页设计师的平衡点:到底要不要学写代码

网页设计师到底要不要学写代码?这个问题很有趣,但是却很少被大家提及.因为在一个网站开发中,网页风格设计和前端的布局代码(比如用 CSS,HTML)是分别是由美工和前端开发人员完成的.两者之间泾渭分明,在业界,几乎也从没有逾越这个界线.当然,这个问题的答案就需要仁者见仁了.不过,你可以阅读下文,或许你能从中找到一些启发. 这是个有趣的话题,不过网页设计师们却很少讨论这个问题.以Photoshop作为起点难度大,在完成第一个项目之后,你会感觉兴奋又紧张.但是,如果你不会写代码,网站的原型设计的用处又

怎样才算是一个合格的网页设计师?

随着互联网的盛行,市场上各行各业的企业对于网站的更新换代都有着不等级别的需求,然而网页设计师这个专业便是一个赤手可热职位.在上海建站行业里面什么样的网页设计师才算是合格的,对于企业网站设计理念,设计思路,设计规划,以及最后网站成型的框架页面是否能够得到客户的认可,这些对于整个网站制作项目来说都是非常重要的. 网页的设计思路方向他贯穿着整个网站建设项目的灵魂,其实重点核心,还包含网站建设的前期准备,中期制作的把控,后期的运营,所以说想要把网站这个项目做好对于负责网站的网页设计师来说不是一件容易的事

优秀设计师常用到的HTML5动画工具

如果你想用令人难以置信的动画创建引人注目的网站的话,那么这里为设计师精心挑选了一些必备的HTML5动画工具.HTML5是设计师用来打造时尚网站的最流行的编程语言之一.在过去三年内,这种编程语言的使用人数急剧增长.开发人员可以使用这种语言来创建各种改进的内容并放到万维网上.随着每一个新版本的发布,HTML通过更好的功能和技术渐渐占据了制高点. HTML5使用起来非常方便,并且能够提供多种功能,例如内置的视觉元素,指定的结构标记,互动的拖放功能,等等,开发人员可以利用这些功能来创建充满吸引力的网站.

给网页设计师的10个免费在线学习网站

  对于一个互联网从业者,持续不断的学习是不可避免的.新的技能是成长的必要条件,也是改变职业生涯的基石.想成为一名优秀的网页设计师.前端,不断砥砺技术,掌握新知识是必修课.还好网络上的在线课程和各类文章越来越多,在系统和完善程度上也做的颇为不错,所以即使你只是一个初学者,也能通过一系列系统的课程,称为了一个称职的设计师.开发者.当然,不论课程是收费还是免费,最重要的其实还是你自己的坚持,只有持之以恒,才能抵达目标. 当然,你的部分你来完成,而我除了鼓励,能给你的,就是这些精心挑选的在线课程了.这

网页设计师今生应该去的10个地方

  每个领域都有其神圣的地方,即该领域发展至关重要的地方.就好像艺术家们习惯了要去佛罗伦萨参观米开朗基罗等,所以网页设计们在有生之年也应该访问一下自己领域最神圣的地带. 遗憾的是还是有不少依赖web的专业人士不知道自身行业的历史,特别是新一代年轻人,他们视互联网为理所当然之事.为了解决这个bug,这里咱们列举出10个web设计师应该至少访问一次的地方,记住!一辈子至少要去一次! 1.Googleplex(谷歌公司总部) 是Google公司总部的名称,位于美国加州圣克拉拉县的山景城,离旧金山很近.

网页设计师如何使用GOOGLE在线字体

为了让网页设计更加灵活,Google从2010年5月19日启动了网页在线字体服务,并一口气发布了十八字体族.但与 Monotype Web Fonts.FontShop 等字体商不同,Google 这次开放的字体与它其他很多服务一样,完全免费 目前网页上使用的字体都是常见的几种,如'Lucida Grande', Verdana, Arial, Sans-Serif,中文常见的有宋体. 要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop把文字