网页设计的优点缺点（网页设计优缺点分析）

本文目录一览：

• 1、HTML5网站有什么优点?
• 2、从专业的角度评价一下百度和google首页设计有哪些优点缺点?_百度...
• 3、如何评价亚马逊的网页设计?
• 4、各种网页设计布局的优缺点
• 5、设计自适应网站页面时应注意哪些事项
• 6、网页的布局有些什么?分别有什么特点?

HTML5网站有什么优点?

1、代码简洁 HTML5网页的冗余代码比传统网页要少很多，极大方便了程序员和用户。全新的标签，网站定义更丰富 相对于旧版本的HTML，HTML5新增了很多语义标签，网站定义起来更为细致。网站优化更简单 HTML5的全新标签对搜索引擎友好，对网站优化来说更为方便。

2、HTML5的优点： 丰富的视觉效果与更好的用户体验 HTML5为用户提供了更丰富的视觉展示能力。利用HTML5中的新元素和属性，设计师可以创造出更为动态的页面视觉效果，带来全新的体验。如动态图形、视频背景等。

3、HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。

4、可以说，html5是语义化、性能优化、体验优化的产物，相对于以往的html5版本，html5还算完美（目前处于草案阶段，具体的内容还有待完善和商榷）。

5、html5的优势目前主要是体现在终端上，跨平台、跨分辨率、版本控制简单，它包含的很多新特性，都是针对终端设备，为的就是在以后在终端设备上有更好的体验和交互。

从专业的角度评价一下百度和google首页设计有哪些优点缺点?_百度...

谷歌在搜索结果上显的更客观，尤其在搜索技术性文章的时候，结果更加精准。而百度则更侧重于中国网民的搜索习惯，搜索结果更加大众化。这就是为什么技术人员更喜欢用谷歌，而百度更符合大众口味的原因。而中国网民多，这也注定了谷歌无法超越百度，至少这几年都是如此。

Google基本不考虑链接的深度问题，他所考虑的是符合检索者，所以很多低一级的目录页面很容易得到好的排名。而百度对待链接深度有一定的等级制度，首页权重最高，内页则会下降一个等级。

而百度对待链接深度有一定的等级制度，首页权重最高，内页则会下降一个等级。

安装方便：雅虎在大部份的软件里都有捆挷，并且安装时悄无声音，让你不 知不觉，以便在安装后给你一个惊喜！雅虎助手拥有完整的自我保护机制：多个程序与进程都可交叉修复，除非重做系统，否则无法清除，所以你不用当心会一不小心把它删掉了。

如何评价亚马逊的网页设计?

简洁，目标明确。一进去看到的只是很少的内容，需要什么需要二次点击（尽管京东也需要，但重于引导）。内容少了，选择的时间就相应地缩短，这和美国人讲究效率，注重过程的专一性是一样的。没有意识强迫。对于顾客给了足够多的选择权，不会放一堆货品在一个页面上分散你的注意力。节省成本。

第一，无论美亚，日亚，德亚，英亚中亚，亚马逊在全球的网站UI界面设计都是一样的风格。第二，这种风格是为了亚马逊公司全球统一宣传和形象定位。和高冷无关，也不是搞地域差异，或者什么照顾不照顾中国人的习惯。

首先，从页面设计来看，新版亚马逊的主页图标更新似乎过于激进。原本简洁的布局被替换为颜色繁杂、设计独特的图标，像是一场视觉混乱的挑战，每个图标都像是精心设计的谜题，让人难以快速识别。例如，葫芦代表保健的标识，让人费解得如同脑力激荡。

各种网页设计布局的优缺点

优点 能够很好的契合移动端，无需考虑分辨率问题，移动端flex布局占据主流 缺点 PC端网页兼容性不好，ie浏览器必须是0版本以上；对设计稿要求很高，需要是有规律的设计稿，比如栅格系统；网页内容较多时，flex布局不太好控制。

区块型 为了网站优化的效果，目前区块型布局现在出现非常频繁，在网页上各个区域具有封闭的边界，经过合理放置显得清晰美观。但这种布局有一个缺点，就是由于片面固定，各区域很难根据其中的内容的多少而调整大小，因此该布局不太适用与那些区域内容长度经常变化的网页。

T型布局的优点是页面结构清晰，主次分明，强调秩序，能给人以稳重、可信赖的感觉，比较容易上手。缺点是规矩呆板，如果细节和色彩搭配上不注意，容易让人乏味。2 口型布局 口型布局的页面上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容，如图 （b）所示。

缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。“三”型布局 这种布局多用于国外网站，国内用得不多。

这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。

设计自适应网站页面时应注意哪些事项

自适应设计意味着网站页面在不同屏幕尺寸下都能良好地展示。因此，设计时需确保页面元素的布局合理，避免内容过于拥挤或过于分散。使用流式布局和灵活的网格系统，使页面内容能够根据屏幕尺寸自动调整大小和位置。保持字体的可读性和一致性，确保用户在不同设备上都能轻松阅读页面内容。

注意视觉效果 设计Web页面时，一定要用640×480和800×600的分辨率来分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。

做网站都知道，做自适应的网站有两大难点，一是设计难，二是实现难。如果想要两者完美的结合，就需要设计和前端多沟通，这样才能做出无论pc端还是移动端都好看的网站。对于设计来说一般需要注意以下两点。设计风格扁平化。扁平化设计不仅简约美观，同时也方便前端切图。网页设计的布局尽量以百分比形式分布。

网站颜色搭配合理 自适应网页制作，不要随意使用不同的配色方案，一个网站颜色过于复杂，只会让浏览网页的用户感觉到凌乱感觉。特别是一些企业网站使用过一些不合适颜色，让用户眼睛感觉到刺痛，从而对企业品牌产生厌恶。网页制作应该结合企业的文化、行业类型、用户偏好等要素保持版面风格一致。

少用Flash动画 自适应网页设计的时候尽量少用Flash动画，尽管使用Flash动画来进行页面设计会更好一些，但是对于搜索引擎来说，这点非常重要。无法识别Flash动画元素，不仅降低了公司的专业水平和形象，而且会使搜索引擎给用户的印象更差，从而影响网站排名。

网页的布局有些什么?分别有什么特点?

这种布局多用于国外网站，国内用得不多。其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条。对称对比布局 顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。

区块型 为了网站优化的效果，目前区块型布局现在出现非常频繁，在网页上各个区域具有封闭的边界，经过合理放置显得清晰美观。但这种布局有一个缺点，就是由于片面固定，各区域很难根据其中的内容的多少而调整大小，因此该布局不太适用与那些区域内容长度经常变化的网页。

布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。常规的PC站点是静态布局的，具有最小宽度，因此，如果宽度小于此值，则显示滚动条，如果宽度大于此值，则显示内容居中和背景。这种设计在PC上很常见。

流动布局（html网页默认的布局方式）特点：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。内联元素都会在所处的包含元素内从左到右水平分布显示。

特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。 对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。