网页设计教程,表单设计

top
表单,主要是负责数据采集的功能,需要访问者自己去填写,如访问者的姓名、邮箱、性别、地址、留言建议、设置密码、管理个人账户等等。时下表单无处不在,成功的表单设计不仅能提高用户的满意度,更能收集更加精确的数据,相反失败的表单设计只会收集到错误杂乱的信息,可能会最终导致潜在用户的流失。 Read More…

审判达尔文,PDF下载,115网盘

《审判达尔文》内容介绍:

《审判达尔文》一书的作者从各个方面对达尔文的进化论提出诘难,他所分析和引用的根据往往是既存的事实,指出了进化论所遇到的问题,这是有意义、有价值的。詹教授根据美国法律,站在法官中立、公正的地位,客观地综合比较控、辩双方提出的证据及理由,然后,公开用书面形式解释判决的因由。所以,本书是支持和反对进化论两方面人士重要的参考工具。 Read More…

淘宝店铺装修,浅析banner设计

【淘宝店铺装修设计】当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要。接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢。 Read More…

安卓android3.0平板电脑程序设计(三)

平板电脑布局策略

使用碎片和多窗格视图

Honeycomb设计的构建模块是“碎片”。碎片是自成体系的布局组成部分,它可以根据屏幕的方向和尺寸改变自身的尺寸和布局位置。为多种尺寸外观而设计这个问题的进一步解决方法是:给设计师和开发人员一种途径使他们的屏幕布局组成部分具有弹性和堆叠性,并取决于运行应用程序的设备屏幕限制。屏幕组成部分可以被拉伸、堆叠、扩展或者收缩、展示或者隐藏。

碎片架构给了设计者和开发者几种选择,在跨越多种屏幕尺寸和方向的情形下维护他们的布局。 Read More…

安卓android3.0平板电脑程序设计(二)

安卓android3.0 UI元素

如同大家所想的那样,Android系统竭尽全力把一切做的与它的竞争对手相反(这叫做差异化!)。Honeycomb有其自己的UI规范,并且它现在有一种新的“全息UI”视觉语言,用于诸如选择时间日期、选择一个选项,设置音量等日常操作中。了解这种UI语言对创建屏幕流和设计布局至关重要。

UI元素的采样,来自Google I/O 2011演示文稿的一页幻灯片 Read More…

安卓android3.0平板电脑程序设计(一)

没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了。随着平板电脑被不断接受,我们已经步入“后PC时代”,公司会利用平板电脑的用户体验质量来争夺用户的注意力。设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载、使用和保留,还需要一种使Android用户很直观的发现并适应使用环境的用户体验。

接下来通过了解ipad iOS用户界面与Android 3.x “Honeycomb 用户界面 设计规范和元素之间的不同,可以帮助设计师熟悉Android平板电脑应用程序设计。我们还将分析Honeycomb的设计模式和布局策略,然后查看一些那里面非常好的Android平板电脑应用程序。

注意,虽然智能手机上Android 2.x应用程序也可以在平板电脑上运行,Android 3.0 Honeycomb 系统是专门为平板电脑设计和推出的。Future updates 承诺将Honeycomb的特性植入智能手机设备中,并使它更容易在多种多样的屏幕尺寸上设计和构建。 Read More…

windows8 UI,Metro 设计风格浅析

微软称要通过Windows 8再造操作系统,嗯,今天的主角是 Windows 8

Windows 8 你一定接触过,无论是看过,还是安装过,无论你喜欢,还是不屑,都阻挡不了她的缓缓袭来。今天,我们来介绍一下windows8的精髓。

关键词“兼容PC与平板”“引入Metro UI”

Windows 8增加了对平板电脑的支持,同时引入Windows Phone中的Metro UI,在使用中我们发现,很多的交互是为了平板而设计。 Read More…

平面广告设计思路,创建优雅的产品

“简单比复杂更难。化繁为简,需要理清思绪。”这句话能体现在任何其他的领域,比如:互联网、工业产品、媒体杂志、建筑、艺术以及游戏等。看看那些过去与今天最杰出、优秀的作品就能从中体会出简单表面背后的复杂设计是如何影响大家对视觉以及功能的品位。

互联网

不管在哪个电子商务网站买东西,交易流程不会超过4个步骤。

在亚马逊我们只需通过3个选项按钮就能便捷的购买到商品,最近亚马逊针对Google Chrome展开的一项新技术,更简化了它的交易流程。在Chrome上登录亚马逊填写好地址以及支付方式后页面会有一个Chrome提示:一键交易。也就是以后再买东西直接跳到订单确认。我相信这种简化只需购买确认就完事的购物体验,是最能打动那些懒惰的用户。 Read More…

网页设计教程,按钮的风格标准

用户行为分析是设计师最应该精通的。对于按钮,无论是真按钮,还是伪按钮(伪按钮是:仅表示这个链接与数据提交相关,或者就是为了突出链接,用按钮表示,叫“伪按钮”),之所以要以按钮的形式表示,最大的目的还是希望让用户知道点这个按钮时可以提交数据,是可以和网站交互的,或者点了以后就可以出现与网站或用户交互的页面出现,那么评价设计成败的标准就变成了:有需求的用户是不是注意到、愿意去点这个按钮,而不是这个按钮本身多么漂亮。用户会想,我为什么要点这个按钮,这个按钮很重要吗?因为中国人做事,都是受利益驱动,任何时候,设计师都要关注用户的利益。

本小节将从按钮的颜色、按钮的大小、按钮的形状、按钮上及旁边的文字、放置的位置5个方面来说明我们设计、使用按钮的一般标准。

1 使用高对比度、醒目的颜色来突出按钮的重要性

图(13) 中国制造网搜索按钮采用对比度高的醒目黄色按钮(截图:2011-2-9)

按钮使用高对比度的颜色和醒目的颜色,都是为了突出按钮的重要性,两者很多时候是同时使用的。在大部分的时候,我们使用按钮,都是要突出其重要性,只有少数时候可以不突出其重要性,比如作为次要的按钮,故意而为之,如图(13)所示。

Read More…

Windows Phone7 手机app的设计过程

译者注:原文的作者为Windows Phone Design Studio的设计师,虽然话语啰嗦,但是能够感受到许多Windows Phone设计完善过程中的细节。重要的一释疑是业内对Windows Phone开发环境封闭的以讹传讹,至少从app设计角度,Windows Phone的心态是开放的。并致力于提升产品创造的团队效率。思维方式不限于Windows Phone,同样适用于其它平台的产品参与者。这里有一个我在使用的Windows Phone app的设计过程。其中许多设计过程阶段是传统的,我尝试从Windows Phone app特别的视角来阐释。

这篇文章是关于end-to-end的过程,所以会保持其高视角,并在下面的文章里详细的探索每一个步骤。比如,下周我们会从理念与概念开始,关于讲故事(storytelling)、草图(Sketching)、故事板(storyboard)与低保真原型(low fidelity prototype)。这篇文章会是系列内容的轴线。但是并不确定会不会基于反馈重新定义(refine)某些阶段,以及增加更多的示例。 Read More…

Android4.0手机界面与交互设计原则

译者按:在iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的HIG(大概是为了配合Android 4.0 Ice Cream Sandwich)。仔细比较两套HIG的“设计原则”部分,发现完全是截然不同的两种风格。iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors、Consistency之类的)。而Android则显得亲民许多,不仅描述方式简要易懂,配图鲜明直观,甚至还用了“me”作为了一系列要点的标题,更充分地传达出以用户自身的体验为中心的思路。

设计原则

这些设计原则是由安卓的用户体验团队制定并应用的,以此来保证用户心目中最佳的用户体验。应用开发者应该参考这些设计原则,并将之用于自己的创作与设计,有针对性地在用户体验方面进行实践。 Read More…

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35  Scroll to top