2024年网站交互元素设计 篇1
明确了交互设计的充分性与必要性，论证了交互设计的可被研究后，我们不经要问：进行交互设计研究和实践的方法是怎么样的？我们怎么样才能做出有效的交互设计？以及我们如何评价我们做的设计是否有效？
市面上会有很多方法，用户研究、情景化思考、线框图、流程图等等等等。这么多方法、流程，我们应该去用什么？又怎么应该去用？是否也应该质疑它们的存在意义？
我们能不能顺着一条线逻辑线来梳理交互设计的流程应该如何进行呢？
根据我们之前得出的结论：交互设计的实现手段是「构建简单有效的心理映射模型 」。那么我们便可以基于这个思路，来思考交互设计的进行流程。
一、 我们依据什么进行交互设计？
我想，做任何事情，第一步都必须明确目标，也就是说，我们要依据什么进行交互设计？如果没有目标没有设计参考的标准，我们便像是无头苍蝇，东碰西撞，摸不到出口，也无法自检合理性。所以我们第一件事，便是明确：我们依据什么进行交互设计？
目前摆在我们面前的有两个对象：人造系统与人。那我们应该从哪边出发去思考呢？从目的来看，我们是需要让人掌握人造物。那么，从人的角度出发进行交互设计的思考，将会比从机器的角度来的更加合理与自然。我们应该去关注「人」，而不是关注「人造系统」。
那到底需要关注人的什么？是性别吗？年龄吗？身高体重吗？关注什么内容对我们进行设计有着最为重要的东西？有时候人的性别会影响设计，有时候人的年龄也会影响设计，那到底是什么决定了这些因素到底起不起作用？到底是用户的哪个因素从根本影响着交互设计呢？
再回过头来看，我们进行交互设计的意义在于在保持原有功能的基础上削弱人造物的复杂性，使人能够快速地构建对人造物的认知。
那我们是不是从人的认知角度来思考设计就可以了？仔细分析一下，无论是性别、年龄，还是身高体重等等，这些因素其实都是影响人认知的因素。不同年龄的人会有不同的认知，不同性别的人也会有不同的认知。而拨开交互设计的本质，也是在快速构建人对人造物的认知。如此一来，我们在关注人的时候，只要抓住「认知」这一核心即可，年龄性别，身高体重都只是影响认知的因素。
但是，人的认知是抽象的，任何人都无法感知别人是如何进行认知的，也无法将其具象化。我们无法用任何机器来检测一个人的认知到底是什么样的。那是不是不能把「人的认知」作为进行交互设计的标准了？
所幸的是，认知在现实世界中存在一个不完整但是却可以被检测的映射——行为。我们可以从人的一个个行为中推断出他对事物的一部分认知。这一个一个行为进行叠加，我们就拼凑出他对事物认知的全貌。表面因素往往只是深层次本质的部分映射，但是通过大量的表面因素叠加，我们便可以发现本质的真实样貌。
行为是认知的映射，而性别、年龄、身高体重等不同因素都能在某些意义上反映出行为。
因此，我们通过整理出人的不同因素模型，从模型中提炼出人的行为模式，我们可以从这种模型中推测出人的认知方式，而人的行为模式与认知方式便是我们进设计参考的标准因素。
说到这里，大家应该能感觉这些模型都是似曾相识的。没错，人的不同因素模型就是我们常说的「用户模型」，也就是 Persona。人的行为模式就是近年来各个大公司的交互设计都在使用的用户行为模型。而人的认知方式在认知心理学中有「心智模型」对应。但是在交互设计中的运用还是不常见。
因为通常来说，为满足 KPI 的设计，提炼到用户行为模型这个程度便可以了，一个有效的用户行为模型能很好地指导如何改善交互设计，满足 KPI 指标。但是如果要想做一个完全全新的交互模式， 必须从认知方式出发进行提炼。 这里最好的例子便是 3DTouch 。
那么，怎么去构建用户模型才是有效的？很显然，能通过这个模型寻找出有效的行为模式才是有效的用户模型。在这里，我认为 @Lumi 在这个问题：创建用户角色（Persona）时，如何更好的提取行为模式（Behavior Patterns），作为区分不同角色的关键信息？下的回答很好地说明了这个问题。我就不再赘述。根据 Alan Cooper 的描述，行为模式的提取是通过识别访问对象在各行为变量上聚集的状况来完成的，聚集在多个行为变量上的主题集群可能会代表一个显著的行为模式。私认为发现正确的行为变量是提取有效行为模式的最重要过程。在情景调查之前，通过人物角色假设（Persona Hypothesis）提出可能的行为变量，并发现可能影响这些变量的因素。这些因素会作为寻找访问对象的依据之一。要建立好的人物角色假设，需要事先对目标用户的情景以及领域有足够的了解。在情景调查的过程中，我们可以为人物角色假设找到数据支持，验证其有效性，或提出修改或完善。如何通过数据来验证呢？本人的经验是若一个变量的某个取值的确能够作为某个行为模式的组成部分，那么研究数据在该变量上通常会出现聚集情况，可以是聚集在某个值上，也可以是聚集在多个值上而形成明显的对比，而数据分散、没有聚集出现的行为变量通常是无用的变量。在访谈过程中，会发现一些数据与假设冲突的地方，以及新的可能的行为变量。根据这些结论修改人物角色假设，并调整后续的访谈计划。这是一个迭代的过程，直到发现的行为模式在逻辑上可以解释，并且符合所有情景调查的结论。
而关于认知模型的部分，本人也没有人太多深入研究，在此便不露丑，期待有这方面的造诣的答主补充。
二、用户与系统的中转站：用户体验目标
当然，关注人，并不意味着我们要关注所有人。我们应该要从「特定人群」，也就是系统需要面对的「用户」进行切入。
根据前一环节，我们拥有了对用户的整体认知，那有了这些认知之后，下一步需要做什么呢？
当我们完全理解用户之后，我们便要开始考虑系统的功能以及需求限制，进行系统与用户两者的宏观沟通。但是一上手就开始画线框图出界面并不是一种合理的方法。因为你并不清楚用户到底需要什么，也不知道系统如何架构才是最有效合理。从细节入手吃力不讨好，从大局出发，获得合理架构之后，细化才会显得事半功倍。
正常情况下，用户在使用人造物的过程中，不会去从自己有没有掌握人造物，控制人造物这个角度进行认知，而是从人造物好不好用，功能强不强大这些角度进行认知。而这种角度的认知反映的即是「用户体验」。 换句话说，「心理映射模型」的现实映射即是「用户体验」。
因此，我们可以从体验的角度来直观衡量映射模型是否有效。那反过来，为了创建有效的映射模型，我们也可以从「体验」这个角度来限定映射模型的各个因素。 而这种限定并不是细节到按钮如何摆放，而只是呈现了用户想要得到的体验，例如「用户需要知道最新、最潮流的商品样式」、「用户能够方便地选取自己的照片」。
用户行为模式、认知模型中并不包含用户对一个产品需求，用户模型、行为模式和认知模型只会指出老年人辨认能力差，但是并不会直接指出老年人到底需要的是一个大屏手机还是一副老花镜。因此我们需要将根据用户的信息挖掘出用户的需求，分析和构建出用户的体验目标，并翻译成信息架构、界面架构能够理解和执行的内容。这才会成为用户研究与界面架构的过渡桥梁。
三、如何构建「心理映射模型」
「心理映射模型」在某种意义上就是人机接口。但是接口这个词并不能很准确地反映它包含的功能和目的。因为除了接口本身，「映射模型」更加关注接口和功能的组织结构是否符合人的心理。
而从狭义的角度来说，这种映射模型就是界面设计。组织一个心理映射模型或者说界面（绝大多数情况下），应该分成三个环节进行，信息架构、界面架构、界面视觉。
信息架构
为什么信息架构一定是承接用户体验目标的环节呢？它一定有必要存在吗？
根据我们之前的结论，用户体验目标是零碎的设计需求。根据用户体验目标可以设计出符合该需求的功能界面，但是界面与界面之间的流程与关系却并没有被用户体验目标明确。而这个的原因很简单——用户本身并不关心系统的信息架构模式，他们只要觉得「好用」就行了。因此用户体验目标中也不可能会包含明确的架构定义。
然而一个为了达到「好用」的心理映射模型，必然会含有清晰的信息架构模式，有着符合用户思维的流程、页面与控件。因此在架构合理的「心理映射模型」的过程中，我们必须根据用户体验来梳理出一个合理的信息架构：例如明确功能的优先级，功能的跳转关系，模块与模块之间的组合方式等等。 信息架构是衔接用户体验目标和界面的架构的桥梁。基于用户体验目标，我们能够在宏观层面定义出功能的优先级和逻辑关系，整理出界面与界面的层级属性。而这非常有助于提高思考和设计信息架构的效率，同时也是为界面架构做好了非常明晰的指导框架。
界面架构
从狭义的角度来说，这种映射模型就是我们常说的交互原型。但是为何我们要将界面架构与信息架构分开？一方面信息架构作用于宏观层面，把控整体，界面架构作用于单个页面，关注局部。另一方面也是也因为随着技术的发展，出现了更多的界面架构的承载形式，如 AR/VR等等，不同的界面载体会有不同的架构需求。而信息架构作为宏观框架可以始终保持不变。
从流程上来说，这一流程完成的其实是基于流程图的界面框架。在这一个程度进行思考的是用户操作的便捷性和可用性，界面元素是否符合用户的直觉思维等等。 而关于界面架构如何设计，在各大网站、书籍中均有详细的范式、原则，在此不再赘述。
界面视觉
完成界面架构之后，我们需要做的便是完成对应的界面的视觉设计。如果说界面架构是骨的话，那么界面视觉便是肉。用户直接接触的便是界面的视觉。关于这一部分的内容，我个人也不再多说。
2024年网站交互元素设计 篇2
一个完整的交互设计流程是怎样的呢？
首先，我们先来认识一下产品的五个用户体验的要素
用体验的五个层面分为：战略层、范围层、结构层、框架层、表现层。
五个层面自上而下地建设，具备基本的双重性、用户体验的要素和应用这些要素。
所谓战略层，即为产品目标、用户需求，通俗来讲，经营者想从网站上得到什么，用户想从网站上得到什么？
所谓范围层，即功能规格和内容需求，其意义在于这是一个有价值的过程，同时能够产生有价值的产品。比如，提供用户可以保存之前的邮寄地址功能。
结构层，即交互设计、信息架构层，其目的是为了确定各个将要呈现给用户的元素的“模式”和“顺序”。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。重点：理解用户的工作方式、行为和思考模式。
框架层，即界面设计、导航设计、信息设计层。
界面设计是用来确定界面空间元素以及位置，提供用户完成任务的能力，通过它，用户能真正的接触到那些“在结构层的交互设计中”确定的具体功能。
导航设计：呈现信息的一种界面形式，提供给用户区某个地方的能力。
信息设计：呈现有效地信息沟通，表达想法，它是这个层面中范围最广的一个要素。
实现方法建议以线框图将设计信息、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。
1，通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。
线框图的好处是可以确定一个建立在基本概念结构上的架构，同时指出了视觉设计应该前进的方向。
表现层，即为视觉设计。
界面设计考虑可交互元素的不足，导航设计考虑在产品中引导用户移动的元素安排，信息设计考虑传达给用户的信息要素的排布，解决并弥补“产品框架层的逻辑排布”的感知呈现问题。
评估一个页面的视觉设计的简单方法：终于眼睛。一个成功的设计有2个重要的特点：
遵循的是一条流畅的路径；在不需要太多细节来吓到用户的前提下，它为用户提供有效选择的、某种可能的“引导”。
所以，我们的设计师应该怎么做呢？
读懂原型图
读懂PRD。确保在需求理解上，与PM保持一致；查找漏洞。人无完人，在成熟的PM，也难免有疏漏。找出遗漏，与PM反馈、沟通；提出产品新想法。读PRD时，总会有一些产品的好想法冒出来，及时与PM和团队沟通；开始构思交互。
草图快速沟通
通过草图，快速将“产品关键流程”、“关键交互界面布局”呈现纸面，以此与PM、技术沟通至达成共识；目的是为了：
再次扫遗漏；收拢想法。这个阶段，产品设计基本定型；达成共识。确保让产品、设计、技术队要做的事情有一致的理解，PM需更新PRD、技术开始做开发准备。
Axure线框图表现产品流程、界面
包含：产品流程图、全部的页面原型。
Axure让团队对产品的理解无异议，对最终的产品有直观的了解。这个阶段，产品需求冻结。开发人员可以依据原型对UI关联较小的部分进行技术开发。
视觉设计
有前面两个“扫清障碍”的过程，这个阶段，视觉设计时非常舒服的事情。在相对完整的设计规范、控件规范的前提下，视觉包括：
风格探索；关键页面的视觉设计；关键交互动画表现（如果无法口头项技术表达动画效果时，给出一个“活的”效果，是非常直观的。
视觉素材输出、设计文件标注
每个项目最终给到开发人员的都要有效果图、标注图、切图三个文件夹。Pxcook、Markman是不错的标注工具，Cutteran、Assistor PS是很方便的切图工具。
开发后期，细节跟进
与开发跟进细节，是设计过程的一部分。在我们团队，完全依靠规范作业、设计文件标注（不和开发人员说一句话）,能够确保80%的交互、视觉细节能够被还原。剩下的20%，就要设计师与开发人员肩并肩坐在一起打磨了。开发过程中，一定要预留这个时间。主要包括：边距、字体、界面动画的数值微调。
2024年网站交互元素设计 篇3
网站的页面设计行哈要有自己公司的特点，也应该具有一定的创新，同时也能够迎合大多数用户的兴趣和口味。
或者说不是迎合大多数用户的兴趣和口味，而是能够满足公司目标用户的兴趣和口味啦。
从网站特点来看的话，我们在学相关课程的时候，觉得网站设计还是需要具备一定的层特点和创新。其界面应该能够吸引用户的注意力才可以。
我觉得比较重要的几个方面是。
一是网站的层次感。因为就一般而言，网页的大小是有局限性的，就是电脑屏幕那么大，当然在设计的时候也会考虑不同尺寸的屏幕大小。如何来利用有限空间来发挥最大价值，不能够仅靠改变图片大小 文字大小来实现。而是应该合理布局，有一些层次感 从而才能合理展示。
二是网页的色彩布局要合理。色彩真的很重要，不同颜色会表现不一样的特点，甚至会有不同的专业性在里面。比如高通公司的界面一般都以蓝色系列为主（甚至很多科技公司都会以蓝色白色为主）。很少用到粉色之类，但是一些以少女为目标用户的网站设计就会考虑用粉色， 橘色一些更加明快的颜色，所以，网页设计也需要看看相关的色彩搭配，从而能够尽可能提高用户体验。
第三则是文字内容。文字多少 布局也是提高用户体验的一个关键内容。虽然说希望能为用户提供更多内容。但实际上，并不是文字越多越好，应该来说，还是选择一些有代表性的文字，能够提纲挈领的说一下，就能够吸引到用户就是很好了。
2024年网站交互元素设计 篇4
针对海外用户的出口贸易型网站建设，在网站的UI设计、用户操作交互设计、功能设计上，需要考虑海外用户的使用习惯、海外相关法律对网络和站点的条款制约，还有网站的运营维护也要符合海外用户的浏览需求。UI设计：欧美风格的网站设计
网站是企业的网络电子名片。欧美网站以整体简洁明快、要点突出、大图大文、紧凑吸睛，成为当下国际网站设计的主流UI趋势，目前在国内，不仅是外向型企业，顶级科技公司、主打时尚潮流的商业机构都会在精雕细琢打造网站时，青睐欧美风的现代元素设计。
首页简洁夸张结合
大胆夸张的首页全屏设计，抓住第一眼的感觉，是现代网站的流行设计风格。常规策略是在首页，通过大幅的Banner展现旗舰级产品和口号，迅速建立客户的第一印象。
相比而言，国内电商的首页一般以“长齐闪花”著称，注重琳琅满目，忽略色系的配合。这一点在外贸网站制作中，一定要注意。因为中文字符往往可以通过推敲，很容易通过短语达到精准叙述、排列整齐、言简意赅的效果，但在欧美网站中，西文字符的特点，使得图文排列不能太多随意。
所以要注意，不能使用内容密集思维来作用外贸型网站。
扁平化是现代网站流行元素
Less is More 的现代设计理念人所共知。国内传统网站设计爱犯的毛病：
害怕留白，总想办法拼凑内容；
害怕平淡，总想办法用渐进色或阴影作为图形呈现方式；
害怕单调，总是任意插入杂乱的颜色元素。
我们要感谢微软、苹果、sony这样的公司，它们在自己的平面作品中让我们有了正确审美方向，这些国际大厂，已固化了自己的设计体系，确立了自己的设计地位，它们甚至对外开放自己的UI设计语言、产品外观元素。例如微软的Fluent Design、谷歌的Material Design。
我们在外贸型网站中，参照和采用这些设计素材，就不会跑太偏。
扁平化设计语言降低了UI设计的门槛，可以像堆积木一样，拼出界面。扁平化现在成为包括网站设计、APP设计在内的主流Design Style。
英文字体
与中文非常大的区别在于：网页的中文字体设计，几乎没有办法个性化，只能以系统字体呈现文本内容，但是英文字体因为字库体积小，可以根据设计需要，在网页载入特殊的字库文件，来渲染文本。
设计英文和国际化网站的时候,切记的就是字体选择要到位，往往那些“不够欧美风格、不够专业”的评价都是因此而来。外贸网站建设的法律意识
图片版权
很多朋友在制作外贸网站的时候为了省事，随意盗用国内外同行网站上的图片，这种做法非常危险，因为它侵犯了图片版权。
如果一旦染上官司，轻则网站内容会被要求删除，重则收到法院传票让你赔偿几十万。
网络上能找到各式各样的图片，创建这些图片的人对图片有拥有权，如果你在未经允许的情况把这些图片放到你的外贸网站上作为商用，就属于侵犯版权并触犯版权法。
规避图片版权的方法就是两种：
自行拍摄图片
在图片网站购买合法图片，其实，购买图片只要渠道合适，价格真的不贵。
网站责任声明
与国内网站这方面的疏忽后的结果大不同的是：网站版权声明、个人隐私保护、用户数据泄露、Cookie使用的用户确认，如果外贸网站欠缺这些内容或者环节，不仅会失去客户信任，还有可能遭受法律风险。另外，像谷歌这样的欧美主流搜索引擎，对法律条款不够完整的网站是直接降权处理的。
特种行业的用户访问确认
比如在海外很多国家，制定了法律：针对有年龄限制的商品（例如烟酒）的广告、网站，将不得向其所在国家的法定年龄以下的人展示。
这样的法律是很严苛的，外贸网站在这方面一定要注意。如果有必要，如果网站有无法规避而又触犯某些国家法律的内容，需要对这些地域IP进行访问屏蔽。外贸网站的技术开发要点
语言编码
UTF-8（Unicode TransformationFormat-8bit） 是用以解决国际上字符的一种多字节编码，它对英文使用8位（即一个字节），中文使用24为（三个字节）来编码。UTF-8的优点：不会乱码，而国家GB2312 在丢失一字节等情况下会造成后续所有文字变成乱码不会产生错误的搜索结果，而GB2312 在搜索的时候相邻两个中文会拼出一个新的字符，导致出现错误的搜索结果更大的字符集很多语言直接支持 UTF-8，部分语言存储字符串到内存时直接使用 UTF-8编码。
针对海外搜索引擎的优化（SEO）
外贸网站优化一般是指针对谷歌、必应这类海外大型搜索引擎的排名结果优化。那么，我们怎么做好外贸网站优化呢？
一、踏实做内容，不要为优化而优化，客户体验是第一位的，搜索引擎已经进化到今天，而很多网络营销还在用陈旧的优化知识忽悠客户，其实那些刻意的所谓优化是严重伤害网站的。
二、做优美的网页，客户从搜索引擎入口来到网站，美好的交互设计和实质内容，才能真正留住这些用户，甚至促成咨询行为和订单，搜索引擎很重视、也能识别到网站的粘度，从而提高该网站的权重。
三、内容原创，同时鼓励第三方网站带链接的引用本网站原文。
四、利用社交平台宣传网站，海外的主推平台有：Facebook、Youtobe、Instagram和Quora。
五、定期检查网站的死链。
植入Facebook、Google、Instagram 第三方登录，但要注意Email是海外用户第一账户方式
相对于国内用户习惯的微信、QQ、微博登录，海外用户更习惯Facebook、Google Gmail、Instagram做为第三方账户的登录方式。
尤其是：可能在很多国人心目中，邮箱都一直是个很冷门的工具。但在海外，邮箱却显得非常重要，特别是网站账号的注册上，邮箱是第一选择。
2017年6月末的中国电子邮件用户规模约仅为2.6亿，使用率为网民的35%。而同期，中国网约出租车的用户规模约为2.78亿，微博的用户规模是2.9亿。
但在海外，情形完全反过来。比如美国，电子邮件用户在2018年占全部网民的90.6%。这意味着上网的人中，每10个人里，只有1个不使用电子邮件。
支付接口、物流接口
支付和物流接口在外贸网站非常重要，其主要规划原则：
一、尽量兼容多种类支付方式，例如，信用卡、借记卡、纸质支票、银行汇款(转账)、西联汇款、物流代收款、甚至有外贸网站还支持虚拟币，电信充值卡等储值型电子货币支付方式。
二、引导用户使用我们掌握度最高的支付方式，引导用户把支付账户集中在一个或几个支付方式上，能避开费率较高、回款速度较慢的支付方式。
三、简化支付流程。
四、增强支付、物流的接口安全。尽量在外贸网站的支付环节，实现一些国际公认的标准化方式，例如针对支付安全的VeriSign标准，针对系统安全的McAfee标准，针对通讯安全的HTTPS协议等等。
五、编写清晰的支付、物流的说明和帮助文档。外贸网站的运行环境保障
海外服务器 CDN加速
外贸网站为市场需要，需要把服务器节点部署在海外业务地区，这方面要考虑到两个特别的需求：
1、内容维护在大陆，要考虑大陆节点的访问效率。
2、业务地区如果跨洲，需要考虑全球分发的需要。
这时候，外贸网站最理想的服务器运维方式，就是选择CDN技术，CDN加速是将网站的内容缓存在工作服务器上，当用户访问网站时，通过中心平台的调节功能，优先且就近提供所查找的内容，通过这种方式提升访问网站的速度。
海外服务器使用CDN加速技术的有很多优势：
1、CDN镜像可以解决国内网络访问某些国外互联网速度慢的问题，比如，我们将工作中心服务放置在具备大陆和海外双通路功能的香港节点，然后利用香港中心节点，通过CDN分发到世界。
2、CDN可以实现远程镜像Cache服务器，远程用户访问时可以直接从Cache上读取数据，这样不仅可以减少服务器本身流量的消耗，对带宽不会有很多的压力。
3、IP隐藏，使用CDN加速后，检测网站IP时，展示出来的IP是虚假的IP，真实IP已隐藏了起来，这样就一定性的避免网站被攻击。
海外企业邮箱
在国外，电子邮件是使用频率最高的通信工具。使用国内普通邮箱收发海外邮件时却经常会出现这样的问题：经常不能收达、附件无法下载、邮件打开速度慢、收发延迟严重。
原因是很多海外的邮件服务器因为垃圾邮件策略问题，会禁用国内IP，而且国内和海外的互联网因为线路经过多重路由，互相访问速率慢而且效率低。
解决方式就是选用拥有海外中继服务器的外贸专用邮箱，当然这样的邮箱限于成本，价格当然比较高昂一些。结语
外贸型网站是企业出海的重要通道，既要注重设计，还要考虑运维开发，更重要的需要清晰海外相关的法律法规对网站的约束，总之，细节决定一切。
希望以上能帮到您，如有问题可以继续探讨交流。
2024年网站交互元素设计 篇5
、一流的网站制作师需要掌握什么软件如果仅仅是设计网页，熟练掌握photoshop、IIIustator、flash等这些平面设计或者动画设计软件就行，有些又称网页美工，而制作网页，就需要使用dreamweaver、dw、PageAdmin系统等一些网页制作方面的软件了，当然，对代码的熟悉，明确网站主题和内容，熟悉HTML/CSS/JS等网页基本元素也是必要的。其实很多朋友纠结的这个问题，无非是没有准确定位好自己将来的目标，自己现在的基础等等，不管是网页设计还是制作，都是一套系统的学习流程，如果真的想学，去这个群，前三位：464。中间三位：245。最后三位：307。当然了，既然是学习，三天打鱼两天晒网的心态是断然不行的。不做好努力的准备，浪费了自己的时间，也浪费了别人的时间，难道不是吗？二、为什么说掌握html就能掌握网页制作html究竟是什么，说的简单一点，你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码。可以说，学习网页制作，代码师核心，不管你是天才，还是普通人，这一项必须要学。网页制作是动手性很强的知识，所以学习html也需要系统的规划，不是说简简单单找几本资料就可以了。三、关于html可以说这是最基本的知识，也是最难掌握的。如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。四、说说你不知道的设计师的地位因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位——网站设计（Website Designer）和网站管理者。这也就是为什么很多年轻人追寻这个行业，简单来讲，就是高新。五、为什么很多同学学了很久还是不会做？这个问题是大部分想学习网页制作的同学都面临过的一个问题，学了很久，到头来还是和零基础差不多。这就是没有定位清楚自己的水平。如果你什么都不懂，上来就去背一些代码，上来就学习如何编写之类的，假以时日之后，你还是什么都不会。所以老老实实的定位自己，从基础的开始，还是那个概念，系统，学东西就要系统，没有一套系统的头脑，做什么都是很困难的。六、最后——合适的工具尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前选择比较多的就是dw，除此之外,还有图片编辑工具,如firework 、Photoshop 等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。