蓝色理想
专业的设计与技术支持,为您提供 网站设计与网络技术支持、商业网站开发。DREAM TEAM 系列软件的技术支持。
|
页面前端的水有多深? |
|
但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢?网易邮箱前端技术中心也设立好几年了,似乎有着讨论不完的话题,也经常会有一些新的想法让大家为之一振。那么页面开发还有哪些要求,还要做些什么,这里面的水有多深,让我们舀舀看。 在不同的时期对页面前端的看法似乎是多变的。在互联网早期的时候,小车还是比房子贵的,烧饼和粉丝还只是用来吃的,菊花还只是用来泡茶的。那时的页面设计风格相对单一,对应的页面需求比较简单,并且当时的浏览器也基本是 IE6 的天下,javascript 也只是网页特效的代名词,HTML 页面本身没有引起太多人的关注,似乎只要能用 div 甚至 table 加 css 辅助把图片定好位,把页面内容预留好就 OK 了,并且这种观念存在了很长一段时间。随着页面内容的丰富,设计风格的发展,交互复杂性的增加,AJAX 的应用,浏览器的更新换代,又让大家重新对最基本的页面本身重视起来。然后热议的就是浏览器的兼容性,碰到问题最热衷的就是满网络搜索 hack,顺便再骂骂 IE6、7……当这些都做一遍后,似乎又遇到了瓶颈,又开始寻找出路。我们就从这个阶段开始说起。 实现效果图是最基本的工作 把视觉稿通过页面代码的方式表现出来包含了两个基本诉求:1.能够真实反映视觉稿;2.能够通过浏览器的兼容。这两个诉求的达成需要我们有追求细节的态度和一定的页面功底,能完成这两个内容就可以初步进入页面前端的从业者行列了,但这就代表着我们可以胜任页面开发的工作了?不,才刚刚开始! 与设计师的沟通和项目的参与 沟通很重要。先抛出几个问题:我们有没有和设计师探讨过某些效果对低端浏览器渲染效率影响比较大?有没有探讨过部分效果可以用 CSS3 实现从而使得结构更加简洁清晰?有没有在代码和视觉中寻追求过平衡?页面前端的开发向基本用户,编写的代码也直接作用在浏览器上,我们有义务对页面的稳定性和渲染效率负责。我们也经常碰到项目在总体进度压力下导致的设计与页面前端开发同步进行,这时更有必要尽量多地获取项目信息,了解我们还要做些什么,这些可以帮助我们充分考虑重用和框架拓展。 良好的页面结构 页面结构的编写好比盖房的地基建设,其好坏会直接影响到 CSS 代码的质量、js 开发、后台开发还会影响到以后的页面拓展、迭代和页面调整。拿到视觉稿后,不要忙着动手开始,多观察思考。先分析布局,划分框架,然后规划结构,编写代码。特别在大型项目中,合理使用模块化的开发不论从整体进行还是拓展维护都有相当大的好处。 关于 hack 很多同学在页面开发时上网搜索最多的就是 hack 了,是否我们完全要依赖 hack 来实现页面兼容性,答案是否定的。大家经常比喻 IE6 向我们撒了一个谎,结果我们要再撒一百个谎来圆这个谎。不否认 IE6 经常让我们口吐鲜血,但不代表我们用更多的“谎言”来弥补就可以心安理得。大部分情况下可以通过变换思路调整 HTML 结构,或使用一些虽然无法解释但相对安全的 css 来干掉 hack。谁都无法预计使用 hack 什么时候会让我们栽一个大跟头。比如触发 layout 或 position:relative 就可以帮助解决很多 IE6 的问题。 优美的代码 现在很多 web 项目功能复杂,代码规模也会变得很庞大,如何更好地进行协同开发和维护是我们面临的一个问题。需要考虑完善统一的规划,还有要养成良好的代码开发习惯才会在面临各种情况时游刃有余。翻阅页面代码,看到合理的标签使用、良好的注释、清晰的代码结构、用意准确的 css 不仅犹如欣赏一个艺术品,更为下游开发和协同开发降低了不小的沟通成本,我们有什么理由不去这么做呢?举个反面例子:div 滥用是现在比较典型的一个问题。数数看自己使用的标签有多少个呢?不同的语义都该使用对应的标签代码,特别是 HTML5 提供了更丰富的语义化标签,它们都苦苦地在等待战场上的冲锋号,让我们去解放它们吧! 无障碍页面开 可访问性与易用性是非常主观且人性化的东西。普通人看上去上完美呈现的页面在特殊群体中不一定显得那么贴心。当盲人用读屏软件在页面某个区域内陷入循环时,我们应该感到内疚。只能说目前国内的网站对此的重视程度还远远不够,这就需要我们共同努力,让更多的人感受到我们的热情。 保障效率 作为项目开发中比较靠前的一环,页面开发可能需要尽早完成为项目争取时间,这就需要我们尽可能地提高效率。“工欲善其事,必先利其器”,除了实战经验和代码习惯的形成可以帮助我们提高效率外,想要提高对自己开发的进度掌控能力,还有很多辅助工具可以帮助我们进行页面开发。比如使用 Less 或 Sass 可以帮助我们拓展和组织 CSS,大大提高 CSS 的编写效率增加了可维护性。比如可以通过 zen coding 的自动自动完成和自定义代码块让你可以剑指如飞。甚至还见过通过自定义输入法的代码块关键字来提升开发速度的。多多发掘一定会找到最合适自己使用的工具。 针对服务器的优化 页面开发也需要了解服务器的优化,尽量减小服务器负担。比如 css sprite 就是一个典型减小服务器请求数的例子。在网易邮箱的页面前端开发中大家不停地在做着各种优化,比如一直在寻求文件大小与服务器请求数的平衡;为了尽可能提高缓存利用率采用了补丁升级;对 class 名进行了混淆压缩避免命名过长的冗余;应用 base64 减少请求数量等等措施。这些都是综合权衡的结果,需要考虑各个方面整体优化。因为当页面访问量达到一定的数量级时,再小的一点优化都会达到可观的效果,再小的问题都可能会形成巨大的灾难。 拥抱 HTML5 这是一个充满机会的时代,HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会,还有太多的东西值得我们去学习去发现。 HTML5 提供了丰富的 JS API 接口,需要我们去研究;CSS3的绚丽吸引了足够多的眼球,需要我们去研究;移动设备上如何开发更加适配的页面,需要我们去研究…… Stay Hungry, Stay Foolish 水是越舀越多了,却发现原来下面还深不见底,上面的内容越是深入研究就越会发现更多山川需要翻越。保持饥饿状态,用眼睛去努力发现发掘,不断丰富技能才能找到定位,突破瓶颈,正所谓“唯有高屋建瓴方可水到渠成”。形成本文是因为之前和同行讨论到瓶颈的问题,想给自己,给页面前端的同学一起找找定位,梳理一下思路。拿苹果 CEO 在斯坦福演讲的一句话“Stay Hungry, Stay Foolish”和大家共勉。 (蓝色理想) 05/21/2012 10:32 PM |
|
中国贵金属创意设计大赛 |
|
“首届中国贵金属创意设计大赛”于5月7日正式拉开帷幕,大赛旨在为贵金属设计人才、爱好者提供一个全新的、专业的、凸显行业特点的竞技场。 此次贵金属类专业创意设计活动,本着交流 、探讨,挖掘专业设计人才的原则,通过“首届中国贵金属创意设计大赛”,给始终专注于表现贵金属产品风格特质的设计者们一个脱颖而出的全新平台。 大赛奖金丰厚,获奖者除获得相应名次奖励和奖杯证书外,还有机会成为活动主办方宝泉钱币投资有限公司的签约设计师。 大赛官网:http://www.bqcoins.net 大赛全程专业合作:视觉中国:http://www.chinavisual.com 特邀合作媒体(排序不分先后):中国艺术设计联盟、BIILWANG产品设计、设计中国、中国设计之窗、蓝色理想、火星时代、包装与设计网、YOHO潮流志、LeewiART乐艺、CGWorld、闪吧、51design、99艺术网、设计联盟 一、征集内容 以金银为材质,以“蛇”或“福禄寿喜财”为主题,进行金银条及其图案创意设计;或者以金银为材质,主题不限,产品形态不限(首饰除外),进行创意设计。 二、征集范围 设计从业者或爱好者,贵金属产品爱好者等(组织或个人名义不限)均可参加。 三、应征作品要求作品要充分反映贵金属产品的气质、典型特征和文化精髓,具有较强的视觉震撼力、吸引力和传播力。 1、应征作品:主题突出、寓意深刻、创意新颖,富有艺术感染力和视觉冲击力。作品应配有清晰充分的文字说明。 2、纸质稿件均按A4纸规格,100dpi打印;JPG格式提交,图案不低于600×800像素;手绘作品规格不限。 3、应征作品应为最新原创、未发表过的作品。 四、应征作品投稿方式 1、投稿者可提供纸质稿件或电子文稿。 2、提交作品时需一并提交《宝泉钱贵金属创意征集报名表》( 大赛官网http://www.bqcoins.net 下载)。3、纸质稿件请在信封处注明“宝泉钱币贵金属创意征集”字样。地址:北京市海淀区北四环西路9号银谷大厦1805室,邮编:100091。 4、电子稿件发送到活动指定邮箱:bqsjds@chinacoin.com 。邮件名请注“创意征集+作者姓名”。 5、本次活动以单件作品为单位,参赛者作品数量不限。 五、大赛投稿时间 2012年5月7日至2012年6月25日(以当地邮戳为准)。 六、评选办法 1、通过专家评审委员会意见,评选入围作品共30件。2、由专家评审委员会,从入围作品中评选一等奖1名,二等奖2名,三等奖3名,入围奖24名。3、评选结果于2012年6月底,通过视觉中国http://www.chinavisual.com/ 网公布。 七、奖励办法 1、一等奖1名, 获得奖金10000元和奖杯一座,并有机会去国内知名设计公司参观学习,更有机会成为宝泉钱币签约设计师; 二等奖2名,获得奖金5000元和获奖证书,并有机会成为宝泉钱币签约设计师;三等奖3名,获得奖金2000元和获奖证书,并有机会成为宝泉钱币签约设计师;入围奖24名,获入围奖证书。2、一等奖、二等奖、三等奖奖金个人所得税由获奖作者自付。应征单位或个人在应征过程中产生的其它费用自理。 3、一等奖奖杯及其他奖项获奖证书均由宝泉钱币特别颁发。 八、特别声明1、本次活动最终解释权归宝泉钱币。 2、本活动详情请登录征集网站。 活动咨询电话:400-889-4567 (蓝色理想) 05/21/2012 03:57 AM |
|
CNZZ揭秘移动用户"时间模式" |
|
伴随移动互联网和智能终端的发展,层出不穷的APP让用户目不暇接,市场竞争也越来越激烈,然而真正靠APP实现盈利的开发者并不多。在这一领域,“用户为王”是产品开发和运营的不二法则,开发者只有掌握用户使用习惯和使用规律,才可能推出更适应用户需求的产品,也才能为依赖广告收入的应用带来更精准的营销价值,但大多数用户来也匆匆去也匆匆,开发者捕捉不到用户的声音,更无从得知用户访问规律。 CNZZ“移动数据平台”(mobile.cnzz.com)推出的用户活力谱直观揭秘一个应用的24小时×N天的启动规律。传统的统计工具中往往使用一个24小时变化曲线来反应用户在一天中的启动规律,但是无法同时观察这个24小时在一个较长时间段是否稳定,是否存在更复杂的变化规律。CNZZ“移动数据平台”活力谱功能创新性地把24小时变化模式及其随时间变化的趋势同时展示在一个二维谱图里面。 (上图:用户活力谱) 如图所示,可以观察到两个高峰期,分别在上午9、10点和下午6、7点。应用的开发、运营人员一眼就可以发现用户的访问时间轨迹,并根据这个“时间模式”安排广告的推送节奏、系统更新、维护时段等活动,有了这样的二维用户“活力谱”,抓住用户使用规律将不再是难事。 据悉,除此以外,CNZZ“移动数据平台”(mobile.cnzz.com)为帮助开发者全面把握用户行为,细化了“用户分析”功能,从用户活跃度、用户回访频度、用户回访周期三个维度来分析用户,助力开发者了解用户,从而针对性地进行精准营销,挖掘应用的商业价值,引领APP走向爆发和成功之路。 (蓝色理想) 05/16/2012 11:36 PM |
|
2012全球移动互联网大会启示 |
|
5月10日,以“跨界、融合、变革”为主题的第四届GMIC全球移动互联网大会在北京国家会议中心拉开帷幕,中国互联网协会秘书长助理石现升、腾讯CEO马化腾、小米创始人雷军、Evernote CEO利宾(Phil Libin)等全球移动互联网翘楚齐聚一堂,围绕移动互联网新商业文明及社会影响力、全球化推广、移动互联网变现之道、创新与未来等多个主题进行探讨。 中国移动互联网在沉默中爆发 如果说2010年是移动互联网发展的元年,2011年则是百花齐放,中国互联网协会秘书长助理石现升在会上总结到,2011年移动互联网产业规模超过3500亿元,移动互联网用户增长到3.56亿,占网民总数69.4%。艾媒咨询发布的数据显示,应用下载量迅猛增长,中国已经成为全球第二大移动应用市场。可以预见2012年中国移动互联网更将发挥极大的热度。 在全球移动互联网蓬勃发展的背景下,国际移动互联网玩家也纷纷推进入华进程,Evernote CEO利宾(Phil Libin)在大会上发布本地化产品“印象笔记”,并表示将按照中国规则来玩。巨鹿投资创始合伙人刘永也不禁感叹:“以后中国最大的、最好的商业机会都将在移动互联网这个领域产生。” 数据分析成为开发者盈利关键 在移动互联网市场蓬勃发展的背景下,移动应用开发者却陷入盈利难的泥沼,艾媒咨询统计显示:目前中国手机应用开发者总数约100万人,但2011年实现盈利的仅占13.7%,如何在移动应用市场的“血海”突围?马化腾认为,用户留存对开发者来说至关重要,而开发者要根据用户需求不断进行产品更新发展。 CNZZ“移动数据平台”负责人初敏博士也对此表示:“对用户需求的精准把控是移动应用开发者实现盈利的核心要素。”CNZZ日前推出的“移动数据平台”,专为移动开发者提供全方位服务,通过强大的云计算能力对移动应用程序进行数据统计与分析,帮助开发者实时监控应用的使用情况、深入了解用户的使用习惯、随时把握相关行业动态,为开发者制定更完善的升级和维护计划提供了先决条件,使开发者掌握了更多的主动权。 跨界融合成为移动互联网主流趋势 移动与互联网结合之后,产业链自然变得更加复杂,市场的一个突出表现就是跨界。互联网公司以互联网方式开发手机,运营商调动产业链上的力量开放平台,甚至很多传统企业也将触角延伸到移动互联网领域。 中国移动互联网时代已经到来,这是一个充满机遇与挑战的时代,更是一个掘金的时代。 (蓝色理想) 05/13/2012 10:30 PM |
|
CNZZ推出“移动数据平台” |
|
据最新发布的《2011年中国区App Store数据报告》显示,2011年的APP市场无论是应用数量还是开发者数量,都呈现出爆炸式的飞速增长。虽然市场利润空间巨大,但几乎所有APP开发者目前都面临盈利困难的问题。究其原因,在于开发者不能准确把握用户的行为特征和用户需求,也缺乏有效手段评估一款应用的商业价值。 CNZZ“移动数据平台”针对这一问题,从用户活跃度、用户回访频度、用户回访周期三个维度来揭示用户粘性,,帮助开发者对用户和应用的商业价值有更加深入的了解。无论对于开发者还是投资商,APP的用户活跃度都是考量应用程序的重要指标,目前用的比较多的指标是7/14天活跃用户数,而这样的指标还是太粗放。CNZZ“移动数据平台”用直方图的方式更细致的描述了应用的所有用户最后一次使用是在什么时间。 (图一:用户活跃度) 如图一所示,50%多的用户在最近一两天内用过,24%的用户在过去2~7天内用过,3%的用户在过去15~30天之间用过,30天以上没有用过的用户占15%,三个月以上没有用过的用户占3%左右。总的来看,用户流失率不到20%,还不错。 当然,仅有用户活跃度这一指标远不能满足开发者全方位了解用户的需求,毕竟,对于开发者来说,在获得用户关注之后,还要有持续的使用行为,应用程序才能得以生存。用户回访频度就是这样一个指标,监测用户使用的频度,关注的是在一段时间内用户会使用多少次应用,全面展示应用程序受欢迎的程度。如图二所示,在过去7天内的活跃用户中,91.3%的人使用了6~30次,说明这是一款用户愿意反复使用的应用。 (图二:用户回访频度) 衡量用户粘度的第三个维度便是用户回访周期,回访周期是指用户会隔几天使用一下应用,如果一个用户在30天内有5天使用了应用,他的平均回访周期=(最后一次访问的日期-第一次访问的日期)/5。如果在给定时间段里面,用户只在某一天使用了应用,我们将这类用户计入一个特别类别—“只访问一次”。详细的回访周期数据让应用开发者对用户的把握更加精准。图三所示,在过去30天的活跃用户中92.48%的人都会每天用一用,这是一款粘性相当好的应用。 (图三:用户回访周期) 通过对用户使用行为的精准分析,直观反映出用户粘性,让开发者对用户的了解程度不断加深。毕竟这是一个用户为王的市场,只有更加深入了解用户行为,才能更好地改善产品,优化用户体验。此外,这些指标也能帮助投资商、广告商更有效的评估一个应用的商业价值。 CNZZ“移动数据平台”用户分析指标全新上线,预示着移动应用开发者对用户的分析情况进入全新模式,更有利于提升应用程序的商业价值。 (蓝色理想) 05/10/2012 10:16 PM |
|
313万元模板大赛受热捧 |
|
群英争霸创意无限 313万元模板大赛受热捧 由建站大师、站酷网、站长之家、蓝色理想以及68design联合推出的“313首届网站模板设计大赛”已于5月02号正式启动。活动不仅受到了众多设计师的极大关注,也受到众多中小企业的热捧,网友的参与热情不断升温。短短5天的时间内,参与的人数就突破了千人。众多设计师将精心挑选的作品送来参赛,好作品层出不穷。众多中小企业也不断寻找适合企业自身的优秀网站模板,并对好作品进行投票表示支持。 随着互联网的普及,企业建站已成为大势所趋,但是很多企业不了解这些。据本次主办方介绍,本次大赛不仅旨在让喜欢设计、擅长设计的人们有一个发挥才华,实现理想的平台。同时也为众多中小企业普及企业建站的相关知识,让中小企业获得更多优秀的企业网站模板。本次大赛采取专家评审与网络评选相结合的方式。设计师设计的网站是否符合中小企业的需求,是否受到中小企业的喜欢,通过中小企业用户的投票即可知晓。 互联网发展迅速,网站设计跟不上时代发展,很大一部分企业网站的设计没有个性,没有体现企业文化。而随着网络的发展,人们的鉴赏能力越来越高,对网站设计也越来越在意,一些简单的信息罗列的网站很容易被淹没在浩如烟海的互联网之中。一个好的企业网站能够提升一个企业的形象,一个好的网站在结构、导航、用色、内容、功能等各方面都很讲究,能够深深吸引浏览者,打动浏览者。让浏览者观赏的同时了解企业信息。 313建站大师服务平台旨在通过本次大赛让企业轻松实现建站梦想。对企业建站应该注意的方方面面进行深度解析,并云集众多优秀设计师,为中小企业提供具有设计思想,赋有企业特色以及文化信息,令人流连忘返、过目难忘的优秀企业网站模板。众多设计师云集,创意无限,设计师巅峰对决,精彩纷呈,不容错过。 更多详情请点击 http://open.313.com/sjds (蓝色理想) 05/10/2012 01:24 AM |
|
浅析平面与网页设计的差异性 |
|
这段时间,一直在做印像派的商品设计,如照片书、台历之类。从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别。 现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性。 1.视觉元素 在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似),而网页设计(产品类)更注重的是信息结构关系的梳理,如果将色彩运用的过多过强,很容易引起视觉的疲劳感。 我们平时在设计过程中,平面设计的字体选用更为自由一些,不用担心后期实现的问题,所有的文字最后都会输出为图形进行印刷,而网页设计就需要考虑的更为全面,并且在字体的选用范围上也很小,为了让输出的成品大小不对服务器造成压力,基于html的特性,所有字体都是根据用户操作系统内默认字体而定的,当然近年随着技术的沿革与发展,这个差距也逐步在缩小,目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形,在不增加后端压力的同时,大大提升了用户体验,非常赞。 从图形使用上,平面设计比网页设计丰富,表现方式也多样化,特别是对于产品类的网页设计,模块化的设计思路更为明显,在视觉表现上也是如此,平面对于图形的表现是不需要考虑到后期的实现的,在一点上是有目共睹的。在来说一下咱们设计时使用的尺寸单位问题,平面设计在使用尺寸标注时都用的是物理尺寸的概念,比如英寸,厘米,毫米等,而网页使用的像素。 2.呈现方式 3.信息载体 4.浏览方式 平面设计的属于渐进式的浏览方式,无法对整个浏览的过程进行多样化串联,网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式,在拥有同样一种信息架构的条件下,信息之间的串联性更为丰富,用户选择信息的自由度更大,但平面设计也自然有其优势所在,比如平时我在设计照片书这类产品的时候,就很明显的发现,这一类的产品在电脑显示器上进行翻阅,不如印刷成为一个真实的书本来翻阅感受要更好一些,并且更具有收藏及纪念意义。(http://yxp.163.com/) 5.信息传播 平面设计属于比较传统的信息媒介设计,一般会通过张贴、销售、邮寄派送等形式进行传播,这样传播的方式范围小且成本较高,相对而言在这方面网页设计的信息传播能力却非常的强,但依赖于第三方媒介的支持,平面设计却拥有更为广泛的受众人群,不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的,毕竟网络信息获取的将会存在一个学习成本,在今后网络信息的不断普及以及终端媒介用户体验的不断提升,在受众人群方面在我看来差距会越来越小。 这两种设计形式拥有着不同的用户体验,我们应该根据不同设计内容,选择正确的设计形式提升用户体验,以上这些只是个人对平面与网页设计的一些粗浅认识,也作为抛砖引玉希望大家能分享出自己对于设计的想法,引用一段平面设计大师陈幼坚的一段话“做创意最重要就是定位清晰,如果定位清楚目标明确,很多创意就会自然创造出来。这就好像你想找一个喜欢的姑娘,就跑到酒吧去张望,这太麻烦了。要先确定你要找什么样的女孩子,到酒吧就指,哦,这个,那个。——多简单!” (蓝色理想) 05/09/2012 03:35 AM |
|
中国交互设计体验日9月在京举行 |
|
2012年中国交互设计体验日9月在北京举行 2012中国交互设计体验日于9月14、15、16日在北京举办,活动为期三天。IxDC再次携手北京国际设计周,为大家提供一个交流、学习、展示的国际平台。 本届大会的主题是“交互,让生活更美好”(Better Interaction,Better Life)。我们看到,通信网络的高速发展,移动终端的迅速普及,显示技术的进步,数字化内容巨量增长。交互技术和应用已经覆盖了商业、通信、娱乐、交通、教育、医疗、家居,智慧城市等多个领域,各种应用精彩纷呈。而在这新一轮的网络和技术变革下,一个显著的特征,就是交互设计与用户体验正日益成为驱动行业发展的原动力,引领用户至上的时代到来,让生活更加简单、便捷、美好! 组委会将邀请国内外知名企业、院校、研究机构的交互设计及用户体验方向设计师、总监、专家学者为大家带来精彩的主题演讲、工作坊、圆桌、论坛,组织设计之旅、设计师之夜、互动装置展等精彩活动。2012中国交互设计体验日将为大家提供一个交流、学习、展示的平台。将交互设计的概念、应用、先进技术、方法、理念、知识、价值,在中国设计产业中进行更高层次和广泛的推动,促进中国设计产业与国际设计前沿理念同步发展。欢迎各企业、院校、研究机构、设计师或者爱好者共同参与。 IxDC(交互设计专业委员会)作为中国交互设计体验日的主办方,致力于引领中国交互设计行业发展。中国交互设计体验日历时两届,分别于2010年和2011年在广州和北京举行。前两届的体验日得到了中国工业设计周、北京国际设计周、广州国际设计周等设计推广机构的大力支持。两年内,IxDC组织超过80场工作坊与论坛,单场大会参与设计师人次超过1000人,参与企业达到500多家。 2012,让我们相约首都北京,共襄盛举!了解活动详情请登录官网:http://ixdc.org/ (蓝色理想) 05/08/2012 03:36 AM |
|
建站大师首届网站模板设计大赛 |
|
建站大师《首届网站模板设计大赛》火热启动见证鱼和熊掌兼得的时刻 设计是你所爱也,Money亦是你所爱也。两者皆可兼得乎?可以!满脑的设计灵感等待不及要爆发啦?还在等什么时候“亮剑”?敢和更多的设计师比拼比拼吗?那就来吧!建站大师邀请您参加“2012首届网站模板设计大赛 万元现金大奖等你拿”活动。马上注册成为建站大师网站服务平台设计师,并在线提交作品,邀请朋友给您的作品投上宝贵的一票,就有机会获得万元现金大奖,优秀作品还可以得到站酷网及建站大师的全力推广与宣传!还在等什么,秀出您的实力来拿万元大奖吧! 组织机构 主办方:建站大师 协办方:站酷网 支持媒体:站长之家、蓝色理想、68design 征稿周期:41天 大赛安排 投稿时间:2012年5月2日-2012年6月11日 评选时间:2012年6月12日-2012年6月22日 结果公布:2012年6月25日 大赛官网:http://open.313.com/sjds 参赛须知 注册成为建站大师网站服务平台(www.313.com)服务商即可参与。 进入活动页面,点击上传作品,按照流程操作即可。注:上传作品前需完善个人信息,请填写真实信息,以便发奖联系。 作品设计要求:可上传多张图片,支持JPG、JPEG、PNG图片文件,且每个文件大小不超过2MB。 作者需保留所有设计源文件(72dpi,psd或png源文件),以便获奖后提交给主办方。如获奖后无法提交获奖作品的源文件视为无效获奖作品,将由其他参赛作品取代。 上传的作品不得违反中华人民共和国法律法规,不得有反动、色情、暴力、迷信、侮辱、诽谤及宣扬种族歧视、破坏民族团结的内容。 上传的作品如被发现或经人举报属于冒名、抄袭、拷贝、仿冒者,一经查属实即取消获奖资格。 唯一IP每天只能对一个作品投票一次,每日最多可投票10个作品。 任何非正规投票行为都视为作弊行为。 如多人合作,需征得所有合作者同意并标明所有合作者姓名。 同一用户名可上传多组不同参赛作品。 所有中奖名单以及领奖方式,统一在活动结束后公布 参赛者必须提供有效的联系方式,若参赛者对获奖通知不作回应,则可能会失去获奖资格,而被其他获奖者取代。 参赛者在提交作品前请确保已经阅读并且愿意遵守相关比赛规则,任何违反比赛规则的作品主办方有权取消参赛资格。 作品一经提交视为同意比赛相关规定。 本次活动最终解释权归建站大师网站服务平台所有。 奖项设置 一等奖 1名 1万元 二等奖 1名 5千元 三等奖 1名 2千元 人气奖 97名 奖励2G迷你定制版U盘一个 1、一二三等奖将由专业评委团根据评选标准评分(占作品总分的40%)+ 网友投票(占作品总分的60%)评出。2、人气奖根据大赛官网最终统计的网友投票数产生,截止日期为评选期结束。 注:所有奖金均为税前,个人所得税需由获奖者自理。 评选标准 评审过程将基于但不限于以下标准: 布局清晰:界面美观,布局设计独到,富有新意。 结构合理:构架完整、合理、逻辑关系清晰。 设计美观:设计美观大方,线条流畅,整体色彩和谐,符合美感。 色调协调:色彩风格和色调统一,体现网站特色。 评委组成 姚剑军(阿飞):站长之家CEO 纪晓亮:站酷网 主编 张涛:蓝色理想 主编 冯铁:知名设计师 马超:腾讯CDC高级设计师 林志斌:资深网页设计师 大赛官网:http://open.313.com/sjds (蓝色理想) 05/03/2012 04:03 AM |
|
怎样做符合用户预期的设计 |
|
设计中说的最多的就是“用户预期”这个词,但是到底什么样的设计是符合用户预期的?怎样做呢? 每一个设计都有它的一些特征,这些特征导致了它有一定的暗示作用,从而让用户觉得这个东西应该是这样使用的,但是当我们的设计不是这样支持的时候,那么用户就会产生困惑和抱怨。 例子1. 在参与设计手机端地图的时候,有这样一个设计:在地图的顶部有一个搜索地点的搜索框,点击它会引出右面的页面。 明明就是个输入框,但是为什么不能直接进行输入?转到右页面感觉就是进入了另一间屋子,跳转多数都不是一个好的选择,因为它切断了用户使用的流畅感,也就是说用户的思维需要进行切换。改进就应该在地图上面直接进行输入和显示,这样才有比较好的连贯性,更主要的是直接输入是输入框的基本属性,满足了这个属性才是符合用户预期的。 例子2. 在QQ输入法的全键盘英文模式下,当长按一个字母键时,会在字母上方弹出一个框来显示更多的符号或者字母,乍一看好像看不出什么来,但问题是当你的手指离开了按住的字母想要很自然的去选择上方弹出的其他内容时,就在手指抬离的瞬间弹出框已经消失了,根本来不及选择。 怎么才能进行选择呢?哦,要求手指不抬离直接进行左右拖动选择—没想到是这样操作的! 所以问题就在于:它是一个弹出框,为什么不等着我的手指点击到它就消失了呢?这样一个弹窗让使用触摸屏的用户习惯认为它应该是可以被点击的。 例子3. 在QQ输入法的选择皮肤弹框出现的时候, 左软键意外的不是“确定”,而是“皮肤下载”,这样看似强化了皮肤下载功能,但是却使得此页面最主要的功能:皮肤的选择变得弱化,甚至是不知道怎么进行选择皮肤。你会想到直接点击就选择了皮肤么?因为在弹出框最自然的用左键确认的方式被改变了。所以当你改变一种已经形成模式的设计时,如果这种改变并不是自然直接的,那么就是违背了用户的预期,从而变成了一种强烈的干扰。 这里引入一个设计原则即功能可见性(affordance)或者叫做预期。 什么是affordance:事物可被感知的,最真实的属性直接决定它应该被怎么使用。所以怎么做设计能符合用户的预期呢? 1. 了解你的target user是什么样的人?他们有什么样的特征?他们有什么样的背景? 用户的心理预期与他的使用经验,知识有直接关系,也就是他建立起来的mental modal。只有当设计符合他的mental modal,那么就是和他的预期是一致的,这样的设计才是好的设计,换句话说只有设计师的design mental modal更贴近用户的mental modal才能设计出贴近用户的产品。 2. 让设计与外界信息相结合 比如说你设计的是触摸手机,那么就应用触摸屏的特性来进行设计—–为什么android手机的长按一直被诟病着?为什么iphone的home key 可以双击,但是不容易被发现?因为用户对这样的操作没有任何预期,长按之后会有什么操作,这个用户不知道。Home key可以双击?在触摸屏上,双击是很隐晦的操作,不符合用户的使用习惯,而点击是直接的,是触摸屏的基本属性,不需要思考的。 所以很多时候要考虑我们的设计是不是符合了它的基本属性,是否按照它最自然的方式被使用。 3. 可以通过在当前状态下检查用户是否很顺畅的完成任务 4. 他的目标是什么,设计是否能帮助他完成目标还是阻碍了他的目标 5. 设计是否让他去猜测了 做了这么多年的设计,有的时候是凭直觉来感觉到这样做有问题,但其实归根结底要知道在每一个细节其内在的基本属性是什么,只有满足了这些基本属性才能做出最完美的符合用户预期的设计。 (蓝色理想) 04/23/2012 10:30 PM |


