W3C宣布HTML 5规范正式定稿

      根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”这种跨平台的网页程序环境通常被称之为“Web标准”的保护伞。HTML5以及JavaScript和CSS相关技术能够能够让开发者在任何设备上都运行开发丰富的网页应用,并且会有越来越多的企业加入到HTML 5的大平台上来。
      尽管这个HTML 5规范已经完成,但是这并不意味着我们的日常网络环境马上就会产生翻天覆地的变化。我们依然还有很多事情需要准备,预计将会在2014年完成HTML5网络环境的整体部署,还有目前还不清楚有多少企业会将自己的视频系统升级到HTML 5,同时目前也没有一个明确的方案来完善部署目前的网络环境。
      万维网联盟CEO杰夫·加菲(Jeff Jaffe)说:“从今天起,企业将知道他们今后几年可以对HTML5形成何种依赖,他们的客户会有何种需求。类似地,开发者也将知道可以利用哪些技术来进入智能手机、汽车、电视、电子书、数字标识牌和我们尚不知道的设备。”
      作为HTML5新规范的5名编辑之一,罗宾·伯乔(Robin Berjon)说:“候选推荐是一个稳定版本,今后只会对漏洞进行修正,而5.1则是一系列新的改进。” 阅读全文

移动Web开发的十条军规

      对于开发者或者设计者来说,一个好处是:移动开发就技术而言,不需要再花太多的额外时间精力去学习,所有需要去做的是就设计移动网页来说,需要有全新的视觉去考虑问题。在本文中,将简单介绍在移动Web开发中需要遵守的10条原则,开发者和设计师应该遵守这些原则,这样开发出来的移动Web应用将有更好的效果。
      1 安装统计分析程序
      必须十分重视对访问你的移动Web应用的用户分析,这是首位的。可以通过安装各类第三方的移动Web应用统计系统达到这个目的。这样的话,可以通过查看统计程序中的各个部分获得对应的数据,比如获得访问你的移动应用的用户端的操作系统有哪些,并且可以知道用户是从哪些国家和地区访问应用。还可以通过统计程序,分析出用户是通过搜索哪些关键字从而得知你的应用的。这些数据都将给你的移动Web应用的开发带来很多帮助。
      2 分析用户的组成部分
      移动用户有着跟传统的通过电脑访问网站的用户有着很多不同,他们有着千奇百怪的需要。因此在开发和设计移动Web应用时,必须置身处地以用户的角度着想。如果你的应用的受众是未成年人,他们永远都是爱玩一族,因此设计移动Web应用都应该本着简单的原则,能让他们一边开车,一边购物都能很方便地操作你的应用。所以,要多分析访问你的移动Web应用的用户是由什么样的人群组成。

阅读全文

信息架构与用户体验之间的差异

      我经常听到“信息架构和用户体验之间有什么区别”,即使它们之前有明显的差异,但这两者之间的界限很模糊,我该如何去解释它呢?
      信息架构,根据维基百科,它是“是在信息环境中,影响系统组织、导览、及分类标签的组合结构。”同样根据维基百科,用户体验的解释是“一个人使用产品、系统或服务的感觉”,这包括个人对使用产品的实用性、易用性和高效等方面直观感受。
      考虑到它的定义,用户体验需要信息架构为基础来使其到下一个级别。
      信息架构关注构架
      信息架构是一个相对陈旧的术语,我们可以通过技术改进这些旧的观念。它关注内容的组织方式让用户能通过它自由导航,站在数字的角度上说,它的范围可以从一个简单的网站到一个复杂的信息系统。
      信息架构师的工作是创建可用的内容复杂的信息集。他们使用大量的以用户体验为中心的设计方法:可用性测试、图形研究与创造、用户流程图等等。这样说来,它仍然站在用户体验设计的前沿。
      其实一个原因是:信息架构包含有一小部分用户体验。

阅读全文

HTML5引领下的Web革命

      万维网开发人员最近表示新的HTML5标准对网络的演变过程,工作方式和使用途径而言,都是一次非凡的革新。新的标准简化了程序运行方式,协调了各种终端设备和应用程序之间互访的入口,给用户带了让人惊喜的全新功能。然而HTML(超文本标记语言)只是将文本进行部分标记从而让浏览器可以智能读取。
      一个微不足道标记网页机制为何会产生如此大的影响?针对HTML5的大肆宣传仅仅是一时兴起的狂热吗?那为何计算机专家要如此关注新版本的推出。要证明新标准的价值,难点在于如何向公众展现出HTML5作为单一独立的规范同时,也可以被当做是一套技术集。
      标记性语言技术有效的支持网络软件核心常达20多年,这次的HTML5被广泛认为在新标记技术基础上,也囊括了访问和操作HTML文档的文档对象模型的新标准;定义网页外观和展现风格的级联样式表(CSS)标准;还有JAVA脚本语言JS。HTML5这个术语甚至还包括了一系列特殊应用接口程序(APIs),例如基于浏览器的图像,地理,存储和视频API。
      同时,HTML5还是W3C联盟开放网络平台(Open Web Platform)的核心,这一平台经过多年的演化发展,已经成为有效支持其内容的标记性语言和相关技术的统称。 阅读全文

7个高质量iOS应用UI资源网站

      当今移动互联网的发展中,越来越多的移动应用为了吸引用户,设计得精美花哨,贴心体验。苹果的应用商店要求高质量的应用,当下iOS应用在UI上可谓是丰富多彩,精致诱人,一套精致的UI的确能吸引不少用户来体验你的产品。而越来越多的设计师为怎么设计一套精美简洁吸引眼球的UI而发愁,下面为大家推荐几个不错的iOS应用UI网站,里面包含有很多高质量应用的UI及ICON,为您提供一些参考,当你在设计一款iOS的应用没有灵感时不妨来这些站点里寻找一下。

1、App Sites

app_appsites

阅读全文

国外酷站欣赏第八辑(10P)

酷站一

图片 1 的 10

10个专为web设计师和开发者提供的云应用

在过去一两年,云技术和云应用一直曝光于互联网一个很重要的解决方案中。为了使用web用户更方便基于云存储、计算和协作的应用日益增多。

web设计师利用云技术在设计、修改和调试布局等方面很受益匪浅。当云应用渗入到各行业业为网络工作者提高了工作效率和生产力,它就变得非常有必要了。这里有10个专为web开发者提供的云服务,它可以使你的工作变得更加顺利。

Codeanywhere

codyanywhere是一个基于浏览器的编码工具,它完全在浏览器运行,并设有一个FTP客户端,它还为HTML,PHP,JavaScript,CSS和XML提供语法高亮。 阅读全文

2012年Web设计和开发的15个趋势

      Craig Grannell 访问了行业的精英们关于2012年Web设计和开发的趋势。
      2012看来注定是有趣的一年。经济的下滑继续广泛地打击行业,看不到结束的尽头。政府极力审查网络,否认公民的基本权利,支撑摇摇欲坠的媒体公司。对网页设计和开发,2012还是比较混乱的一年。我们处于很多小矛盾当中:移动贪婪地占领市场份额;原生App威胁开放的互联网;收费墙阻碍曾经免费的信息;合作与分裂的冲突;复古(Skeuomorphism)的交互模式挑战创新的设计模式。
      我们很难预测将来会发生什么,但是一些设计师、开发工程师和行业的大师提出了自己的观点。以下是他们对2012年的一些猜测,关注这些方面,你更可能取得成功。
1. 渐进增强(Progressive Enhancement)
      Happy Cog 的创始人 Jeffrey Zeldman说过,移动Web的暴增以及Webkit智能机超越传统桌面的Web浏览,让大家甚至是顽固的怀疑论者采用渐进增强、HTML5、CSS3以及基于Web标准的其它方面的设计。他还提到,IE对Web标准的支持越来越好,更加说明了大家迫不及待拥抱新的世界。

阅读全文

响应式设计:基础实践

网页设计师似乎已经有了一个共识,就是为大量设备建立不同的网站几乎是不可能的。响应式网站是未来的趋势,除非这个移动设备需要一些非常具体的功能或完全不同的内容值得开发。

你可能已经知道响应设计,移动第一方针,和得体的退化。这些都是建立广泛可访问站点和网络应用程序的主要工具和技术。在这篇文章中,我将集中着重讨论移动设计方面和一些亮点技术,从而能改善您的桌面站点。移动第一并不意味着,你应该开始从320px屏幕宽度的向上延伸扩展。更多考虑的是从工作流程中所有可能的使用情况。

简单

即使在一个很小的屏幕,一个简单而整洁的布局,也能确保用户得到最好的体验。但是你只有这一种方法为手持设备的用户考虑吗?一旦你创建了一个伟大的无障碍和良好的流动性的移动网站,再回头看看对比下你的桌面版本。不要忘了触摸和鼠标是完全不同的性质。不要让您的桌面用户仅仅因为需要在两个菜单项之间移动200px而扭伤了手腕。媒体查询是你的朋友。

阅读全文

移动网页设计工具Shadow

      Adobe宣布推出新的网页设计工具Shadow,该工具可以协助网页设计师在多个移动设备中检视网页,并进行调整。Shadow允许开发者将移动设备的浏览同步至台式电脑,便于测试和检查新设计和升级。它使得检查和调试变得更有效,并可让设计师同时看到每个版本在所有目标设备上的显示情况。Adobe同时也更新其HTML5动画工具软件Edge到Preview4。
      Shadow分为三个部分,计算机端的主程序、计算机端Chrome浏览器扩充功能及行动设备端App。目前主程序支持Windows7及Mac OS X,可以从Adobe Lab网页中下载,预计今年底正式发行。移动装置则支持iOS及Android,需从AppStore或Google Play免费下载。
      当计算机与移动装置配对之后,网页设计师可以透过Chrome浏览器,让计算机与行动设备同时显示一个网页的内容,检视计算机端与行动设备端的显示效果是否正确。由于Shadow可以同时控制多部移动装置,因此设计师可以同时在众多不同移动设备中检验网页。Shadow最多曾经连接35台行动设备,Adobe未透漏最多可以控制多少台,但认为用户不可能会遇到上限。
      若任何装置出现预期之外的差异时,设计师可以透过Chrome浏览器的Shadow扩充功能使用除错工具来修改网页内容,例如HTML、CSS或JavaScript,并在储存后于不同装置观看修改后的效果。

阅读全文