凸显个性:统一设计的风格,形成积极的印象;通过符号隐喻主题。 导航之道:使用动词而不是名词来作为导航语,提升用户的代入感,比如用Sign in代替Login;可以借助环境提示作为引导的线索。...Tip:优秀设计的金钥匙:只提供用户所需;让初学者尽快变成中级用户;尽可能的预防错误,出错时友善处理;精简和优化交互与任务流程,让复杂的软件清晰易懂;为支持特定行为而设计;持续地改进和优化我们的流程和程序...Web设计创新思维[M]. 北京:电子工业出版社, 2008.
摘要 本文介绍了在.NET框架下应用Web设计模式改进WebForm程序设计的一些基本方法及要点。...由于篇幅有限,本文不可能通过一个复杂的Web应用来向读者展示结合设计模式的WebForm,但是如果仅仅是一个小程序的确没有使用模式的必要。...,下面让我们来看看设计模式。...设计模式 设计模式描述了一个不断重复出现的问题以及对该问题的核心解决方案,它是成功的构架、设计及实施方案,是经验的总结。....NET框架下实现Web设计模式所需的一些基本知识,希望能起到一点抛砖引玉的作用。
近期读了一本微电子书 Brian Mulloy 所著《Web API Design》感觉颇多收获,特对其内容做了个整理摘要以便回想其观点精华以指导日常工作中的设计思路。...本文主要讲述 Web API 设计,追求一种更务实的 REST 风格。 正如作者所说 REST 是一种架构风格,而非严格的标准,不是必需在形式定义上去做过多真论,究竟什么才是真正的 REST?...设计的目的是为了表达某样东西是怎样使用的,那么 API 设计的成功与否是由开发者是否可以高速上手并用的愉快。 以下讲述了 Web API 设计的 13 个要点。...本条是关于 URL 设计的,使用名词而非动词,让 URL 保持简单和符合直觉。 这条是针对资源型 URL 设计而言,为什么?请看下一条。...毫无疑问是 JSON,这一点与 javascript 是 Web 端的通用语言有关。
Web层: Servlet/JSP,JSP侧重于视图,相当于View,Servlet主要用于控制逻辑,类似一个Controler 业务逻辑层:EJB容器,EJB中的Bean相当于MVC中的 持久层:DAO...持久层设计:通常采用抽象工厂模式,可以创建一系列或相互依赖的对象而无需制定他们的具体的类。可以针对不同的数据库分别建立抽象工厂,便于数据库之间的切换。
从MS company store买了个Expression web软件,在Vista下安装了一个,今后可以用这个工具和Vistual studio 2005协作web开发了。...Expression Web 是一套专业的设计工具,可帮助您创建和利用以下各项: 基于标准的网站 基于 CSS 的复杂布局 丰富的 CSS 格式及管理功能 丰富的数据表示法 基于 ASP.NET...2.0 的强大技术 具体介绍参看: 微软Expression Web功能介绍 http://static.chinavisual.com/storage/contents/2007/01/29/31859T20070129104106..._1.shtml 要进一步深入了解 Expression Web,请访问 Expression Web 工作组博客(http://expression-web.net/)。
本文只梳理设计原则,后续相关内容会持续更新。 这里的通知包括但不限于公告、提醒或消息(不同使用场景下的功能定义不同)。...关于各客户端平台(ios、android、wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考。 一、通知系统定义 通知系统,顾名思义即通知信息的传达处理系统。...notice.jpg 通知系统设计的原则可简单的归纳为: 1、消息传播效率最高(获取、处理、信息传达、用户反馈等效率) 2、避免产生骚扰(噪音、频繁提示) 二、通知分类 不用的平台和产品本身由于对业务的需求不一样...fenfayx.png 3)分发管道 分发管道即消息通知的具体推送渠道,根据业务类型可以分为:Web、App、短信、邮件等。...如:用户在客户端对消息进行了查看,在web站点本消息应自动标记为已读状态。 (四)通知回收 回收主要针对用户已处理消息的操作。 用户之间触发的消息一般需要留档保存。 如评论/回复/留言/私信等。
RESTful(Representational State Transfer,简称REST)是一种网络Web程序的设计风格和开发方式。...大部分Web应用采用的都是前后端分离模式,RESTful 接口设计方式是前后端分离的Web最常用的接口设计方式。...RESTful 接口设计方式定义了很多容易理解和方便实现的设计风格,通过接口文档,前端程序员和后端程序员可以顺畅沟通。通过接口文档,可以快速了解一个陌生项目的业务。...五、RESTful 的其他相关内容 RESTful Web APIs 设计风格的主要规范就是上面几点,此外,还有很多相关的规范,如: 1. 返回数据尽量使用 JSON 格式。 2....RESTful 是一种设计风格,在使用时可以只遵守适合自己项目的规范,灵活应用。
致谢 Ethan Marcotte 响应式网页设计之父 《义海倾情》 1 RWD,Responsive Web Design 伊桑.马科特 AList Apart ...为不同的屏幕尺寸提供不同的图片 Filament Group的"响应式图片" Matt Wilcox 的"自适应图片"√ 实现自适应图片需要Web服务器编程的辅助,准备Apache...Grid,Colummal ,960.gs 常用网格类名: row,container,alpha,omega(分别表示一行中的第一个和最后一个元素),col_x 4 响应式设计中的...音频用audio标签 对于使用了iframe嵌入视频,要进行响应式设计,可以使用插件,如jQuery的FitVids 实现离线Web应用: 在html标签中使用manifest属性...渐进增强:恪守Web标准的标签,在此基础上通过css样式和js来为更先进的浏览器提供渐进式的增强。
设计理念是设计的核心思想与运作原则,是为了明确设计团队方向,确保围绕着核心准则去运作,而出现的指引设计师按既定线路前行。即设计团队在企业中存在的使命、任务、价值。...所以在制作web端设计规范系列规范时,第一部分就是Web端设计理念篇。 设计团队的意义是能理解分析最终用户的需求,通过专业的设计手段、方法去实现企业战略解决相关问题。 以什么而设计?...这是设计理念的基础。这需要去明确并坚守它,我总结了两条: 1.以业务需求为基础的设计 1.设计脱离业务就失去了设计存在的意义,设计本身就应该将业务思维转化为设计思维。...2.以用户为中心的设计 1.产品设计是从用户需求和用户的感受出发,围绕用户为中心设计产品,而不是让用户去适应产品。...所以尽量遵循现有主流设计习惯可提高产品的易学/易用性。 对B端用户来说,功能齐全/高效>好用 高效是通过设计帮助用户可以精准、快速的完成目标任务。
Web Design 最终也未避免与“死亡”这个词的关联,Web 网站自身已不是Internet 体验的核心,这就是为什么设计者需要面临新的挑战——产品和生态系统。...”Web Design 似乎已经没有未来“,这句话可能会引起争议,那么请听我娓娓道来,为什么Web Design 没有未来,而Web 设计者又能够做些什么改变来挽回?...症状2: Web 设计模式的成熟化 你能说出Web Design 最近有哪些创新吗?说出一点即可,有人就会说响应式设计?这是上个时代的事了,Parallax?这只是无用的eye-candy。...Web Design 走向死亡,而 UX Design会永存。 有人说过:设计师是永远不会过时的。其实不然,可以预测到的是对于UX设计师的需求正在大幅增加,每个人似乎都在重新设计他们的数字产品。...从Web Design到用户体验设计的转变会直接引起从Web 页面到数字化产品,工具和生态系统的转变。
原文作者Mathieu Fenniak在博文中大呼:不要再设计易碎的Web API 了,否则你的合作伙伴或第三方开发者会因此恨你,而离你远去的。...文中还分享了设计优秀API需要注意的几点事项,我们一起来看下: 如果破坏了API,客户会因此而恨你 很多Web API发布后,它就像被牢牢刻在石头上无法做出兼容改变,这是个可怕的现象。...如果API设计的很好,那么它不会这么脆弱 减少其脆弱性或增加其韧性是管理API设计的方式之一,其关键在于以应用目的为中心做设计。...但是,我需要一个更加通用的API设计…… 为什么需要通用的API设计?这是因为意向会让你设计出更好的API。比如,API的灵活性。...总结: 综上所述,不再设计脆弱的Web API,我们得出几点:1.根据自己的意向设计API;2. 在细节上是模糊的;3.提供多个API以区分用户意向;4.
这里不知道是最初设计的问题,还是程序的问题,我们可以看到path=/,这个值,有可能这是returnurl之类的。具体问题,需要csdn的技术人员说明了。...第二次用户体验:【失败】 作为web开发程序员,觉得这个不对的话,那我来改url,应该可以导向到桌面版的地址去。...第三次用户体验:【失败】 之前看《Head First Mobile Web Design》里面有讲到,一般网站的移动版url都会在前面多加“m”开头,表明是移动网页,所以我就去掉m,把url改成了http...从设计的角度来说,我们现在对比一下这2个地址: 移动版 http://m.blog.csdn.net/blog/jinzheng069/8783370 桌面版 http://blog.csdn.net/...当然也有可能是早起设计上的问题,如果吐槽的不对,还请指出。
很多同学希望在进入web前端设计课程阶段之前做一下预习和准备工作。
前言 在高访问量的web系统中,缓存几乎是离不开的;但是一个适当、高效的缓存方案设计却并不容易;所以接下来将讨论一下应用系统缓存的设计方面应该注意哪些东西,包括缓存的选型、常见缓存系统的特点和数据指标、...由于大部分的web应用都会尽量做到无状态,以方便线性扩容,所以我们能使用的除了后端存储(DB、NoSQL、分布式文件系统、CDN等)外,就只剩前端的客户端缓存了。...3.4 缓存的设计与策略 3.4.1 缓存对象设计 3.4.1.1 缓存对象粒度 对于本地磁盘或分布是缓存系统来说,其缓存的数据一般都不是结构化的,而是半结构话或是序列化的...当然,有些缓存系统的设计也要求我们必须考虑缓存对象的粒度问题;比如说Memcached,其chunk设计要求业务要能很好的控制其缓存对象的大小;淘宝的Tair也是,对于尺寸超过1M的对象,处理效率将大为降低...粒度设计的过粗还会遇到并发问题。
《Scalable Web Architecture and Distributed Systems》一文阐述了现代web架构的设计原则,并用由浅到深的案例总结了如何去做设计。看了下做下总结。...在设计高性能web架构时,我们需要考虑的几个点: Availability,可用性。大型网站和分布式系统对可用性的要求一般都非常高,这是基本的技术要求。还包括异常恢复机制、回退机制等。
如何进行合理的表设计。 安全框架。...而这两者的取舍则是有设计人员决定的。 ?...在我们现在的权限设计中,是增加了这样一层关系的,就是角色。 减少操作层面的重复性。...引入角色的概念后,实际上这已经是一个比较完整的RBAC的权限设计的模型了。 ? 4.数据表的设计思路 根据3的结论,实质上已经有了一个基础的表设计的雏形。在这里就有一些值得注意的点。...仅建议使用shiro的话,可以更好的理解RBAC的设计思路,Spring Security 也是个不错的框架,但是它涉及到的概念太多,并不利于初学者去了解最基本的权限设计。
对于web应用,我们可以简单将其抽象归纳为如图中所示几个部分:客户端(Client)、请求处理(Router)、业务处理(Controller)、外部调用(eAPI)、视图引擎(View)、服务引擎(Service...它包括任何 WEB(HTTP)浏览器或者无线浏览器(wap),比如,用户可以通过电脑也可通过手机来订购某样产品,虽然订购的方式不一样,但处理订购产品的方式是 一样的。...5.可维护性 分离视图层和业务逻辑层也使得WEB应用更易于维护和修改。...(视图View) – 界面设计人员进行图形界面设计。 (模型Model) – 程序员编写程序应有的功能(实现算法等等)、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。
Web语义化 Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。...响应式Web设计 响应式Web设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局...表现与结构分离 在之前一代的网页设计中,网页的表现和结构糅合在一起,不利于页面的修改。...在最新的Web3.0标准中建议使用DIV来进行页面的结构布局,用CSS进行页面的样式表现,从而将网页的表现与结构分离。 当我们希望改变网页内容时,网页中没有多余的CSS代码,可以很快速地修改内容。...下面这些文章都对Web语义化进行了详细的阐述,值得一看: 1.Web语义化 - 博客园 dolphinX 2.WEB前端开发经验总结–XHTML语义化
在邮件列表和讨论区中有很多与REST和Web API相关的讨论,下面仅是我个人对这些问题的一些见解,并没有绝对的真理,InnoQ的首席顾问Oliver Wolf在GOTO Berlin大会上开始自己的演讲...“Web API设计原则”时如是说。...相比之下Web有很多入口点,它们建立在关系上,彼此之间相互连接,并且以超媒体作为关键要素。...目的明确之后再设计API。想想你的客户端想要做什么,如何做。有时这需要在清晰度和灵活性之间权衡,你需要多么简单清晰的API,需要什么程度的灵活性。...查看英文原文:GOTO Berlin: DO’s and DON’Ts in a Web API
领取专属 10元无门槛券
手把手带您无忧上云