分类目录 ‘Design’

25个网页表单设计

作者: seasun

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

1. Wufoo

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

看别人的作品,不是为了记住很多的技巧和花招,以期待将来能“套用、借鉴”到自己工作中。真正的欣赏需要消耗“心力”去解读,揣摩变化背后的意图…

只要在网上无聊,我会固定在浏览器网址栏里敲入一些字母,组成网址进入到那些熟悉的网站。像老朋友打招呼一样,我总是希望对方能有些变化,这个习惯六年来没有变过。看别人的作品,不是为了记住很多的技巧和花招,以期待将来能“套用、借鉴”到自己工作中。真正的欣赏需要消耗“心力”去解读,揣摩变化背后的意图。

在积攒了很多截图和案例之后,我才猛然发现,其实关注太多很容易分散精力,经典往往永远走在最前边,只需要关注他们就够了。如下列表个人认为也许不一定完全代表当今Web 的巅峰水准,但长期不懈的努力的确创造了很多难忘瞬间。

ibm.com
企业网站的典 型,这个网站我看的时间最长,大概有六七年,以前主要学习Web标准化方面知识。前两天刚发现改版了,所以放第一个推荐。纵观这几年的发展,总的来说中规 中矩,符合IBM品牌踏实可靠的特质。这个2010的新版突破了老爷车式的科技感,难得“亮眼”了一回,以至于用1600的显示器打开吓一跳。
(全文 …)

在这篇文章中,我们会探讨一个考虑周全的、有设计感的名片设计可以如何帮助你的公司给他人留下好的第一印象和传递正确的信息。我们会看一看你设计中包 括的元素和设计中的不同步骤。

我们常常听到第一印象对于职场和个人的重要性。

在职场中,对专业客户或者潜在客户留下的第一印象可以决定我们最终可以获得多大的项目。如果我们在第一次会议上无法让对方眼前一亮,原本可以更上一层 楼的我们就无法继续参加下一次的会议了。

而且,我们往往会忽视第一印象是从名片开始的。事实上:在大部分的合作场合下,我们第一个要做的就是交换名片。
如何设计完美的名片 | iwanna.cn 我想网
(全文 …)

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

Stephan Siegrist

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

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

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

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

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

明智选择搭档

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

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

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

Icon设计几个要点

作者: seasun

来阿里五个月不到,接触最多的是web端的产品设计,主要偏向快速应用型,比如会员线的注册 流程,搜索list,这种类型的页面要求简洁、信息清晰、不需要过多的图形化设计,让用户快速坚定的走完这个过程是最主要的,跟终端的gui设计有点区 别,终端的界面设计更多关注图形本身的细节,其实做任何设计本质都是为用户而设计,产品整体的风格符合用户的心理,产品的信息结构导向符合用户的习惯。

这里总结几个做icon的要点吧,也是对自己的总结。

形的把握

Icon最重要,最难的是形的把握,所以建议多画草图,在画草图的同时要考虑形的表现形式,在08——09年,icon的设计趋势3维,从 iphone面市后终端的icon都跟iphone差不多,以二维形式展现。不管三维、二维、像素,形要简洁易懂,一目了然,icon的元素都会取自生活 中的某个物体,想要简单易懂,要抓住物体最主要的特征来展现,如果在高分辨率屏幕下可以具象一些,可展现更多的细节,也可用两个元素来组合。

菜单1
(全文 …)

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

设计=交流

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

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

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


(全文 …)

导航是一个网站设计的关键因素之一。这是非常重要的,一个非常清洁,优美和简单的导航,会让用户耳目一新。现在,我们也已经进入了Web 2.0的新时代,因此需要以某种方式将导航增强,并制作出独特的,新颖的导航菜单。

Alexarts

97个漂亮的网站导航设计欣赏 | iwanna.cn 我想网

Candybar

97个漂亮的网站导航设计欣赏 | iwanna.cn 我想网
(全文 …)

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

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

Favico

Favico

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

作为一个 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。我想网在这里给您介绍了50个非常强大的工具,包括正则表达式、在线图片处理、截图工具…… 你会发现,其中的一些工具会让你感到很是惊奇。

LaunchList

站点发布前的工作清单,预设了28个需要检 查的事项,也可以自定义。同类工具:Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist

Pencil Project: Sketching and Prototyping with Firefox

一个开源 GUI 原型设计工具。
(全文 …)