无意识地疏忽我们的终极目标，同时专注在我们在那里和我们确切须要从那里最先，这会给我们供应最大的灵巧性。在互联网上最大的题目之一就是技巧对决策的影响甚重。装备的机能决议了这些功用能否能完成。内容办理体系乃至在决议设想甚么利用大概是为谁而设想之前就已挑选好了。就比如先声了然，“我们想用HTML5。"人们老是会存眷技巧，这是很天然的。究竟结果技巧具有很大的吸收力和爱好。互联网技巧就彷佛玩具、对象、某种资料，彷佛“统统人”都在利用它。我们看到很酷的demo,，, 然后思虑他们都是用甚么技巧完成的，而不是让题目引诱我们找到准确的技巧方案。我们忘了这些demo只是出自制作demo的技巧职员之手。若是你在一个从头设想的项目里，这才是实在天下，你必需得制作可以起感化的工具。酷炫固然很好，但条件是它能起代用而且办理题目。这里的存眷点更多放在办理方案上而不是题目上。我们须要临时酿成灰心主义者，把留意力放到题目上，热切地存眷它们，让它们孵化。关于那些商业代价与互联网技巧精密相干的产物，谜底乃至会在沐浴的时辰出现。
内容清单
这有一种关于内容的思虑方法可以辅助设想师(和他们的客户)存眷那些对项目真正主要的工作。究竟甚么才是真正主要的工作呢?实在不管甚么情形下，真正主要的都是网站大概利用程序的基础内容和基础功用。临时疏忽平台和浏览器，会合精神思虑产物为什么是如许。我们把这类方法叫平台和装备有关的产物思虑。因为谁人时辰我们还不须要存眷这些事，我们照样来想想基础内容和功用点吧! 凡是，提问可以辅助我们停止批评式的思虑。1.为什么用户会在第一工夫利用这个网站?想出好的理由... (没有说服本身)，想出更多的理由，然后打磨这些理由，- -定要是实在的理由。2.若是天下上只存在一种浏览器，而且仅撑持HTML，缺省的款式、统统的功用都由办事器供应，那末终极你会供应怎样样的内容和功用?换句话说，用户会在这里看到甚么，用到甚么？答复下面的两个题目，我们把这个叫做内容清单。因为参加内容清单的每部门内容和每个功用都须要经由历程目标性测试，它必需有用撑持你给出的第-个题目标谜底。当你完成了(这须要消费一些工夫，然则关于你的项目来讲却是一个里程碑), 细心浏览你给出的成果。它会对你说: " 我在这里"。在这一章里，我们将会对罕见的Web设想开辟流程作奥妙(和不奥妙)的转变，使之加倍具有前瞻性。我们会熟习到若何将这类新流程用到一个小项目中去。这个项目很小，目标实在不庞杂。它的目标只是大抵阐明若何将现实用于实践，
高端网站开发，
高端网站定制，
高端网站制作，而不但仅是作为研讨案例。你可以测验考试着把这些技巧部门或所有感化于你的项目，利用那些对你有用的，转变大概抛却那些没用的。我在这个案例中，和我一样可以收成到良多工具。
一个案例：“3个小盒子“
我们正在制作- -个可以教开辟者cCSS 自顺应盒模子规划模块的网站，一个在多平台范畴有很大成长潜力的比力新的规划模块。要害是让阐明和例子做到傻瓜式的简略。因为大大都cCSs属性可以经由历程衬着文本和模块获得阐明，让我们称之为我们网站的“三小盒子。”终极，我们大概扩展的课程，包罗其他Css模块。‘三小盒子”，将包罗现实和语法，和一些训练，每-个都创设在上述训练的理念上。用户将可以编写代码在页面编纂器，会有处所表现其成果代码。点击“ 运转"按钮将运转输出的代码。每个训练有两种笔墨内容的范例:现实和功课。现实阐明语法和概念，功课是学生完成的训练。
让我们对内容清单停止思想风暴:
Logo
全局导航
引见笔墨(仅在主页上)
代码编纂器(仅在课程页)
成果地区(仅在课程页)
进度栏(仅在课程页)
现实文本(仅在课程页)
训练文本(仅在课程页)
课程导航(仅在课程页)
登录情势(仅在主页上)
我们将有两种范例的页面
·主页(引见性笔墨和注册表单)
·课程页
这么多了。 显着，这个网站长短常简略和不完整的， 但它足以作为一个例子。在这里我们省略了良多工具(小我资料页、对课程完成后统计信息等)。在一个大型网站中，内容量大概是伟大的并将大概被拆分为几个。但请记着，这不是一个功用规格阐明书。我们不用列举每个项目内容的每个细节。我们把内容拆分成具有代价的几个自力的大鸠合。我们凡是会给每个项目标内容指派序号或ID。因为我们的例子很简略，我们凡是会给每个项目标内容指派序号或ID。因为我们的例子很简略，我们文本文件就可以做到，不外你可以把它做成你喜好的各类花梢模样。关于内容清单最棒的是，它从来没有失效过。任何情形都是如许。“客户可以大呼任何他们想要的，你可以把它记上去。我们可以充足快地发明甚么起感化，甚么不会。
内容参考线框
我们中的良多人在Web设想项目(希望是在内容清单以后)的第一步就是创立线框图。线框图，而今可以说主要是交互设想师在输出，已从简略的图纸上的线框酿成成熟的网页设想,比起终极设想只是缺乏颜色图象和细节。本来，他们经由历程这些设施来设想模块地位、间隔、条理构造和须要优先的部门等。内容用粗线框来示意。一些设想师依然利用这类设施，然则关于更多人来讲，他们的目标已转变了。
现在，线框图更多是用来作为一种托付件向客户展现网站看起来是甚么样，和它在“设想稿”完成前它究竟是如何运转的。现实上，这类范例的线框图就是设想稿;只不外它们是未完成的状态，同时把如许的相框图给客户看是有必定潜伏危险的。若是说客户只喜好个中的某些部门，一-些其他的渺小的误差(比如字体、颜色等)会把它们掩饰掉。别的若是说客户不喜好这个设想，那末接上去就是更多的艰苦任务。这类很早之前的线框图更靠近于而今传统图形设想师作的简图。良多的简图可以快速制作，容许对那些起感化的内容和不起感化的内容做充足的研讨。视觉设想师只须要存眷在哪些处所须要重点凸起，哪些处所要留意调和同一就好了。这类范例的线框图关于他们而言是一种对象，而不是给主顾的托付件。不是说我们不须要这么早就把客户卷入出去，而是说我们起首得给这个历程供应一个恍惚的蓝图，而不是间接让他们承认我们的任务。当客户和你一路走完设想流程， 承认设想方案固然不成题目。