鸟瞰网站布局：使用网站地图绘制您的导航蓝图 (鸟瞰网站布局设计)

文章编号：38928 / 分类：行业资讯 / 更新时间：2024-12-13 19:25:27 / 浏览：次
鸟瞰网站布局：使用网站地图绘制您的导航蓝图简介网站布局是网站设计和开发中至关重要的一部分。它决定了访客在您的网站上导航和查找所需信息的难易程度。一个精心设计的布局可以提高用户体验、增加转换率并提升您的整体网站绩效。网站地图：导航的蓝图网站地图是绘制您的网站布局的宝贵工具。它是一个视觉表示，展示了您网站上的所有网页及其相互关联的方式。通过创建网站地图，您可以：可视化网站结构识别导航中的潜在问题优化网站的可用性创建网站地图的步骤1. 汇编所有网页列出您网站上的所有网页。这包括主页、产品页面、博客文章以及其他所有内容。2. 确定页面之间的关系接下来，确定每个网页如何与其他网页相关联。例如，主页可能链接到产品类别，而产品类别又链接到各个产品页面。3. 创建视觉化表示使用绘图软件或在线工具，创建网站地图的视觉化表示。使用箭头、盒子和线条表示页面和它们之间的关系。4. 评估布局仔细查看您的网站地图，评估布局是否符合用户预期。寻找任何可能阻碍导航的死胡同或冗余路径。网站布局设计原则在设计网站布局时，请考虑以下原则：1. 层次结构使用层次结构来组织您的内容，将相关页面分组在一起。这使访客能够轻松找到所需的信息，并了解其在网站中的位置。2. 一致性保持网站布局在所有页面上一致。这有助于访客快速熟悉您的网站并轻松导航。3. 可见性确保您的导航菜单和重要链接在每个页面上都清晰可见。访客不应花费时间寻找所需的信息。4. 响应能力在不同设备和屏幕尺寸上优化您的网站布局。使用响应式设计，以确保您的网站在任何设备上都能提供最佳体验。5. 视觉吸引力除了功能性之外，网站布局还应该具有视觉吸引力。使用清晰的字体、高对比度的颜色和引人注目的图像，营造一个美观且令人愉悦的体验。使用网站地图改善导航一旦您创建了网站地图，就可以使用它来识别并解决导航问题。以下是您如何优化网站导航的一些建议：1. 简化菜单避免使用复杂或层次太多的菜单。保持菜单简洁直观，让访客轻松找到所需的信息。2. 提供搜索功能在您的网站上添加一个搜索功能，让访客可以快速找到他们正在寻找的内容。3. 使用面包屑导航面包屑导航显示访客他们在网站上的位置。这有助于他们返回到先前的页面或主页。4. 消除死胡同确保每个页面都有返回主页或其他相关部分的链接。避免死胡同，让访客轻松浏览您的网站。结论网站布局是网站成功的关键因素之一。通过使用网站地图绘制您的导航蓝图，您可以创建用户友好、易于导航且视觉上令人愉悦的网站。遵循上述原则和建议，您将能够为访客提供最佳的导航体验，从而最大化您的网站绩效。

UI设计师主要是做什么的呢？

UI即User Interface(用户界面)的简称。 UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 UI 其实是 user interface 的缩写，含义是用户界面，维丅基百科上对UI是这么定义的：A user interface is the system by which people (users) interact with a MAChine. The user interfaceincludes hardware (physical) and software (logical) components. Generally, the goal of human-machineinteraction engineering is to produce a user interface which makes it easy, efficient, enjoyable to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machineminimizes undesired outputs to the human. 用户界面是一个人机交互系统，它包括硬件（物理层面）和软件（逻辑层面）两方面。一般来说，人机交互工程的目标是打造一个让用户操作简单、便捷的界面。所以也就是说，UI 指的不是简单的用户和界面，还包括用户和界面的交互。那么作为 UI 设计师，要做的就不只是设计出美观的界面，还要设计出让用户用起来舒服、操作简单的界面。网页技术按照传统的分类来说，分为设计和开发两部分，英语中叫做 web design 和 web development，UI 设计师既然叫设计，肯定是属于design 里面的，而设计一般还分为前端设计和后端设计，前端叫做 front-end，后端叫做 back-end。简单的打个比方，就是前端负责画蓝图、后端负责盖高楼，而UI设计师，就是属于前端设计的。这两个解释我都觉得拿到现在已经不是很完整了。作为一个UI设计师，你不能局限在前端设计里，并非你只是设计楼的样子而不盖楼，甚至于怎么盖楼，都是你要全程监控的。试想，你的伟大设计由于一个拙劣的施工队而走了样，变了形，只能怪你监管不力，不用去埋怨施工队。当然，前提是你有这个权利去寻找一只有能力的施工队伍。寻找施工队的任务也是你要了解的，如果你只懂得大放厥辞，挥毫泼墨，丝毫不考虑施工队伍的感受，那你也会变成众矢之的。比如你设计了一个相当绚丽和牛逼的界面或者人机交互功能，结果因为技术无法实现而破产，那你怪谁，只能说你无知和不考虑现实。下面看看UI设计师的岗位职责： 1.制定MRD(Market Requirements Document).市场需求文档。获得项目发起部门的认同后，产品进入实施，需要先出MRD，具体来说要有更细致的市场与竞争对手分析，通过哪些功能来实现商业目的，功能/非功能需求分哪几块，功能的优先级等等。实际工作中，这个阶段PD可能的产出物有Mind Manager的思维图，Excel的Feature List等。 2.制定PRD(Product Requirements Document).产品需求文档。进步一细化，这部分是PM写得最多的内容，也就是传统意义上的需求分析，我们这里主要指UC（use case）文档。主要内容有，功能使用的具体描述（每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程，等几大块），Visio做的功能点业务流程，界面的说明，demo等。 Demo方面，可能dreamweaver、ps甚至画图板简单画一下，有时候也会有 UI/UE支持，出高保真的demo，开发将来可以直接用的那种。 3.用户分析报告搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。 4.产品架构设计这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。以上是UI设计师需要掌握跟进的，从这里开始就真的是你的任务了5.产品原型设计就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。整个系统的流程设计也是UI设计师的，为此你要经常浏览大量的网站，亲身体验，积累经典的，很具亲和力的、友好的系统流程，你要考虑到整个系统的任何一个最终环节。这才是UI设计师工作量最大，难度最高的部分。比如说，用户注册流程，成功了去哪，失败了去哪，成功了后续有几个流程，每个流程还包含哪些对象等等等等 6.界面UI设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。 7.界面输出这方面主要由页面工程师与前端程序员配合,将界面代码化。作为UI设计师，最能符合你的设计的基础作品，当然还是出自你自己的双手，为此你要懂得切图，做静态页，那么SHTML和样式表还有为了实现你那伟大设计的种种特效的JS代码，你能不会么？？你可以不去亲自做，但你一定要有一个规范设计，你的施工队必须在你的培训和领导下完全符合规范的去操作，就像架构师一样。 8.分析使用者报告,做出完善调整.多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。 9.整个项目的SEO优化设计。但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.我认为UI设计师在项目初始,就应该加入其中.包括了解项目的市场定位,盈利模式,竞争对手等等,而通过分析竞争对手用户界面,可以给UI设计师一个初步的图形概念,而通过参与用户调研,用户分析能够获取到用户特征,年龄,需求,喜好等方面的信息,这些方面的信息,在风格定位,把握上起到至关重要的作用.通过了解产品架构,知道什么功能应该做,什么功能应该突出,在参与了以上工作的制定后,相信许多UI设计师对自己所要设计的产品,已经是信心十足了吧.后期在通过分析使用者报告,用户反馈等方面信息,做出界面上的调整,这样一来,一个完善的产品就可以面市了,而这个产品,再也不是一个全凭UI设计师个人喜好所设计出来的产品了..那么作为UI设计师都需要具备什么样的能力呢？ UI设计从工作内容上来说分为3个方向。它主要是由UI研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。研究界面----图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。研究人与界面的关系---交互设计师，interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多。研究人----用户测试/研究工程师User experience engineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。这一职位的真正含义：ui设计师绝不是美工（或者说绝不是仅仅做“美化”工作而已），ui设计师是一个技术岗位而非艺术岗位，如果考察一名ui设计师的能力素质模型，那么他应该同时具备4个维度的能力：1、沟通和文档撰写能力：如果说ui是人与机器交互的桥梁和纽带，那么ui设计师就是软件设计开发人员和最终用户时间交互的桥梁和纽带，如果ui设计师不能具备很好的沟通和理解能力，不能撰写出优秀的指导性原则和规范，那么，他将无法体现出自己对于开发人员和客户的双重价值，也无法完成他的本职工作。 2、过硬的技术能力：你可以不会写java，但你绝对不可以不清楚java是什么，他能够实现什么。即使你不能写代码，但你起码要懂得如何去“实现”。举个例子，你要做一个grid控件，首先，你应该清楚，到底有哪几种数据格式，以及其存储方式：既可以通过html的mark来获取数据，亦可以通过json对象或array，又或者是xml甚至于字符串。其次，你要知道在server端实现和在client端实现到底哪个更适合当前的环境。这些都要依靠过硬对技术和丰富的经验，不懂技术的ui设计师，既做不出合理的设计，也不可能和开发人员做到有效的沟通。简言之，ui设计师起码要精通主流的表现层开发技术（如果是做web表现层，一般需要精通html、css、java script 、xml技术，甚至jsp、java也要达到工作层），对于市面主流的设计模式，技术路线以及开源框架都要有足够的了解。可以说，ui设计师在技术素质能力方面，要尽可能的朝着“表现层架构师”的方向去努力。 3、图形设计能力和原型开发：ui设计师一生中从事的最多的工作应该就是图形和原型设计，那么，首先说说什么是原型设计。原型法是迭代式开发中设计阶段常用的手段，原型设计应该贯穿需求、概要设计和详细设计这三个阶段。开发原型的目的是，把设计转为用户可以看懂的“界面语言”，同时也对开发人员起到一定的指导作用（甚至可以作为开发的一部分）。用户界面原型更显示的价值体现就是，它可以帮助软件设计人员提早发现设计各个阶段的缺陷，在开发前解决这些潜在的问题，大幅降低软件开发的风险和成本。这与传统的瀑布式开发有了本质的区别，目前国内大多数公司仍然采用的是瀑布式开发方式，并且将ui设计放在开发阶段的后期来进行。这不仅使ui设计师无法充分发挥自己所长，只能做做“美化工作” 亡羊补牢，更使得开发出的产品往往存在致命的设计缺陷而无法满足客户需求。所以，各公司中的“美工”是软件开发方法的落后和不完善早就的，而非“美工”或 ui设计师这个职业本身。我们再来说一下图形设计能力，其实，ui设计师只是个泛称，在ui设计行业内部，还大致分为以下几种角色：可用性和交互设计师、视觉企划、用户体验研究人员、图形用户界面设计师等。大家通常理解的ui设计师，其实是gui设计师（例如国内的rokey，他就是一名非常优秀的gui 设计师，目前供职于microsoft），gui设计师的主要工作就是视觉定位以及创作。稍后的章节会详细介绍gui设计师的职责以及日常工作。如果ui 设计师不具备过硬的图形创作能力，那么，他根本无法表达他心目中的美，也就无从谈起“交流”了。图形设计能力，是每一名ui设计师最初具备的，最基础的能力。也是最能够衡量一名ui设计师能力水平的部分。 4、人因学理论和认知心理学：这个概念虽然有些大，但却是每一名ui设计师在事业稳固后毕生都要努力去探索的领域、可以说，设计的根本就是“人”，做人本的界面，自然需要了解人，了解人的行为。例如，你不可能设计这样一个界面，在同一时间同一个界面上的不同位置显示两条重要的提示信息——因为，人，在同一时间的关注点只能由一个，这是生理决定的，而不是某个人的主观臆断。再举个例子，为什么windows每次一次版本升级或多或少都会找到以前的影子，你可能会说，这是microsoft的设计风格。不，那不是风格，而是一种习惯，以前是microsoft的习惯，现在，你用了windows，那么，你也有了这种习惯。 apple和microsoft的操作系统孰优孰劣？答丅案是，随你喜欢。是啊，多么简单的一个道理——喜欢，喜欢是一种习惯，你又如何能笃定你认为的“正确”的设计恰好是人们所喜欢的呢？这里可以稍带提一下extjs，ext的风格，简言之，就是桌面应用的传统交互风格（wmip），而web的风格是什么？如果要我来说，我更倾向于web是一本翻开的杂志，一片展现设计师才华的热土，为什么这样说呢？因为web的不确定和开放性。以我的经验而言，webui设计，是所有软件ui设计领域中最困难的，也是限制最多的（往往这些限制还存在不确定性），一名优秀的 webui设计师，即使转而做桌面程序ui设计或移动设备界面设计，也是相对比较容易成功的。因此，作为webui设计师，排斥桌面ui风格是可以理解的，正是源自于他的习惯，他的“喜欢”。 5、具备高层次的审美能力，空间思维能力，逻辑能力以及一定的文学修养，保持一颗年轻的心，不要掉入自己挖的模式里，创意永不枯竭。至此，大家应该大概了解了什么是ui设计和ui设计师这两个名字的内在含义。关于“美工”的问题，也应该有了自己的结论，我就不再做解释了。再说一个题外话：ui设计师在我目前供职的公司的职位体系中是比较高的技术职位，相当于高级软件工程师，需要有3年以上行业经验方能胜任;而资深ui设计师是与软件设计师平级的，他们共同的上层职位是架构师。这跟某些公司所招收的“美工”是有很大区别的。给大家点信心，看看国内UI设计师的前景 UI设计在中国的现状目前在国内UI还是一个相对陌生的词，即便是洛可可设计也在UI设计的道路上不断探索客户及用户的需求。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。由于当时的主导是技术，所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。事过境迁，如今技术已经完全的达到用户的需求，于是商家为了创造卖点，提高争力，非常重视产品的外观设计，除此之外还频频推出短信,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费 PC第三的称号等等、等等.实践证明，各商家要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制，软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业，所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计一直没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培养优秀的设计师是不够的，必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI 设计师们的需求。

网页制作

怎样设计网页在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了…… 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。首先，我们要弄清楚网页设计的任务。一、设计的任务设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。二、设计的实现设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。三、色彩的运用色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。四、造型的组合在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。五、设计的原则设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。六、网页的优化在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按停止按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。 ★建设自己的网站较好的步骤☆必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。我觉得建站可以按照以下步骤进行：1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。 2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。 4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 8、把网站上传至空间里面，删了准备文件，就OK了！不过也可以这样使用FP建站：1、在FP里面选择新建站点。 2、然后在【导航】里面设置网页名称以及标题。 3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。 4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 5、把网站上传至空间里面，删了准备文件。完毕。如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为/eg/，也就是以、、、等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。网络营销教学网站()将静态网页的特点简要归纳如下：（1）静态网页每个网页都有一个固定的URL，且网页URL以、、等常见形式为后缀，而不含有“？”；（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；（5）静态网页的交互性交叉，在功能方面有较大的限制