帖子标记 ‘Web’

25个网页表单设计

作者: seasun

一个成熟的有组织的注册页面会转送大量的数据,在这样一个小的区域中,必须让用户迅速且轻松阅读。过于创造性的名称可能会伤害到用户的注册过程,用 户会用过多的时间思考名称的含义。启动一个试错阶段,测试你的听众更容易被什么吸引。
这里有25个创新的注册网页,你可以通过它们扩展自己的设计。

1. Wufoo

25个网页表单设计 | iwanna.cn 我想网
(全文 …)

有一项web设计趋势已经流行一段时间了,但似乎势头依然不减,这便是使用大背景图像。这是一种增加 设计吸引力简单有效的方法,用一张图片或插图就可奠定网站的整体色调。不过,这样做也有些孤注一掷,你创建的网站可能会显得太繁杂。因此,在背景与其他设 计元素之间寻找平衡,就是一件十分重要的事情。为了给你一些启发,下面提供了30个高效运用此项技术的网站范例。

Stephan Siegrist

30种大背景web设计范例 | iwanna.cn 我想网  /></span></a><br />
 <a href=(全文 …)

iwanna.cn | 我想网

一、问题引发思考

前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了,所以在此整理一 下思路,与大家共享。

taobao1

「图1」

具体案例是这样的:如上图所示,在“启用”和“停用”搜索定制功能时,这个按钮到底是表示“状态”还是表示“动作”呢?简单的说,上图 中 1表示当前是停用状态,还是表示点击后为停用操作呢?答案显然是不清晰的。
(全文 …)

如果一个网站设计机构希望增加销售额,有一种相对容易且快捷的途径:出售文案服务。
文案出售给你的客户,让他们网站获得更好的销售和效果。此外,你的项目运作起来也将更加顺利和有效。读完本文,你就知道怎么既让客户高兴,同时也获得双倍 的回报。你曾经有没或者考虑过向客户销售文案服务呢?欢迎在评论谈谈你的看法。
时间就是金钱

大多数的网站,时间更多的花费在文案而非设计。如果你没有参与文案撰稿,超过50%的网站工作将与你(团队)无关。这在短期内属于浪费收入,而在长期则是 绝对的巨浪费。

对于网站设计,花在文案的时间比其他事情要多。博客文章,邮件新闻,新产品,所有为你团队获得收入的机会。

保持与客户的联系,这样他们更容易使用和宣传你的服务。而当你向客户提供文案时,正是你与客户加深关系的时候。

明智选择搭档

最富有创意的人也都会遭遇过不称职的合作搭档带来的梦魇:一个SEO骗子意图关键字优化和交换链接;客户花费了上个月来的内部文案不再适合于网络,甚至不 适合人的消费习惯。当你的客户选择你的合作伙伴的时候,很可能是创造一个这样良好的机会——毁掉你的工作和声誉。

即使是你的网络主机故障导致客户网站离线,你的客户并不理解这一点。而当网站在谷歌上没有排名,你的客户也不会责怪SEO公司 – 他们会责怪你。当一个网页设计公司某个项目遇到不专业的合作伙伴,那创造良好的案例的机会便会白白浪费。

即使你没有参与撰写,客户还是会因为网站逊色的文案而会责备你。语法上的错误对任何人都不可能有好的吸引效果。当你选择合适的合作伙伴,增加成功的可能 性。客户赚更多的钱,继续使用你的服务,你赚更多的钱,增加业务,同时积累了一个好案例。
(全文 …)

前几天听朋友讲述了他是怎么喜欢订阅上手机报的过程,让我对培养用户使用习惯有了一些新的认识。

在去年的某一天下午,这位朋友收到一条短信,短信的大致内容是:某服务商推出了一种新的服务—手机报,如果你愿意可以马上为你开通免费使用三个月。 随后附着了一期的手机报,我朋友看了一下感觉还不错,心想反正是免费的可以订阅尝试一下。朋友开始使用手机报,过了一段时间的某一天朋友突然发现给他发手 机报的号码改变了,这让他警觉了起来,怕自己被服务商偷偷给强制付费订阅了该服务,就打服务电话进行询问结果是号码的确变了,但是没问题还是可以继续免费 阅读手机报,朋友这才放心下来。后来朋友已经习惯于每天早上起床在路上观看手机报而且会直接翻到第四块看体育信息。

三个月很快就到了,服务商发来消息,告诉他免费使用的时间马上就要结束了,询问他是否需要花钱订阅,朋友感觉这三个月使用的不错,每个月花几块钱也 不贵,而且里面的信息他对比了一下和网上的搜狐、新浪等门户的新闻是一致的,就决定每个月订阅手机报。

很多时候,我们考虑的都是怎么设计出符合用户使用习惯的好的产品,怎样在现有的市场中杀出一条血路。我们一味的尊重用户已有的使用习惯,只会使我们 的产品的开发之路越来越窄,进入到一片红海之中。我们完全可以在充分了解用户的潜在需求之后,开发出好的产品,培养出用户使用该新产品的使用习惯,这样就 是我们的产品开发进入一片蓝海,取得商业上的胜利。
(全文 …)

史玉柱曾经总结过传统民营企业的“十三种死法”,比如,被藏在暗处的竞争对手,使用诬告、打官司等非正当方法“整死”,又或者被主管部门“搞死”,或者被法律条文搞蒙。事实上,史玉柱所道出的中国民营企业经营环境的残酷性,对于互联网企业,也不是新鲜的话题,不少创业团队也时常将公司衰亡的关键因素归咎于此。

“其实,国家对其他产业监管更严,对互联网基本持开放性态度,只要不触及一些底线,不去搞黄赌毒,现在建一个网站的成本还是很低的,监管红线只能是一个借口,并不是主要原因;另外,互联网已经发展十余年,在一个相对成熟的产业里,巨头通吃不可避免,有人说腾讯垄断,但说句实话,这种垄断跟中石化中石油的垄断比,差距太远”,在剖析走衰的互联网商业模式时,天使投资人、360安全卫士董事长周鸿祎(微博)对《英才》记者直言。

相反,近些年,不断有互联网新模式的探路者对外袒露心声:面对无孔不入的腾讯、百度和淘宝,压力很大。

作为VC,北极光创投董事总经理邓峰对《英才》指出,互联网公司确实存在一条重要的成功规律,即当先发者拥有巨大的、低成本获取的、有粘性的流量后,增加新应用的速度可以非常快,这点不同于清洁能源等传统产业,比如锂电池与燃料电池,隔行便隔山。
(全文 …)

视觉层次是高效率网页设计的重要原则之一。这篇文章将向大家介绍为什么设计一个具有视觉层次的网页是这么重要。在了解这些原则之后,你可以 在自己的基础设计练习中运用到这些知识。

设计=交流

作为核心:设计整体就是视觉交流。作为一个高 效率的设计师,你必须有这个能力清楚地将你的设计思想传达出来。人是易变的,如果你给了他们巨大的信息量,这有相当高的可能性100个人中99人都会厌倦 去看它。为什么呢?因为人们都是天性的视觉欣赏者,而不是数据处理者。

要了解这个,知道一些人们如何看待事物的方法 是很重要的。人们并不等于所谓的“平等机会主义者”。他们不仅仅是收集视觉信息和处理数据,于此同时,大脑还会整理他们看到的这些东西的“视觉关系”。

让我们看看下面两个普通的圆:


(全文 …)

CodeRun: 基于Web的IDE开发工具 我想网

CodeRun 是一个跨平台的集成开发环境,它立足于云计算的设计思路,方便开发者在浏览器端便可以轻松开发、调试和部署网络应用程序。

CodeRun 是一个基于JavaScript语言开发的跨平台的集成开发环境,它立足于云计算的设计思路,方便开发者在浏览器端便可以轻松开发、调试和部署网络应用程 序。本身作为一款APP产品,CodeRun 融入了分享机制,开发者可以有选择的上传项目代码,使用云技术来协同同事完成项目工作。目前,CodeRun 主要支持一些Web开发语言,包括C#/.NET (3.5), PHP (5.1), JavaScript, HTML 以及 CSS等,其中C#项目包括ASP.NET, WCF, Silverlight 和 WPF, MVC等项目,JavaScript脚本项目支持目前流行的JQuery, ExtJS, YUI等框架,其中数据库支持SQL Server 2005 和 Amazon SimpleDB。最后,更尤为值得一提的是,CodeRun 是开源程序。
(全文 …)

请不要低估这些小工具,他 们极其的方便并且能节省很多的时间和工作,下面就是这些在线工具的列表,挑几款来试试吧。

我还是比较喜欢Ajax LoadWeb 20 Badges Generator的,你们呢?

Favico

Favico

一个图标制作工具,很是方便。
(全文 …)

用户界面和用户体验 (UI/UX)是任何产品成败的关键,尤其是Web, 是一种公开的,可以被任何人随时随地访问的特殊产品,用户的体验几乎意味着一切,虽然内容更重要,但内容可以替代,体验却是独一无二的,本文分析了15个不同的 UI/UX 案例,优秀的用户体验给我们带来的启发是无价的。

内容滚动中的运动视差效果

screenshot

Parallax scrolling是让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。Charlie Gentle’s portfolio 网站就是该效果的绝佳展示,点击左右导航按钮,除了滚动进入不同内容区域之外,上方的多层背景图以不同速度移动而形成的3D运动视差效果非常漂亮。

iPhone 的下滑式刷新

screenshot

iPhone 的多数社会化网络应用都包含数据刷新功能,有的是晃一晃机器,有的是按某个按钮,在我看来,最好的方法是下滑式刷新。包括 Gowalla, Foursquare 以及 Tweetie 等应用都默认使用该方法,你在用手指翻动列表的时候,如果想刷新一下数据,你的手指还没离开那个区域,如果使用按钮,手指必须离开当前的位置,导致操作上 的不连贯,而下滑式刷新,手指继续留在原来操作的位置,只是改变一下动作。

我们从这里可以学习到的东西是,经常检查你的 UI,看看是不是存在让用户注意力转移的操作。
(全文 …)