-
让品牌有温度、有情感
专注品牌策划15年
网站页面设计的优缺点（网站页面设计的优缺点分析）
发布时间：2023-07-03 10:39:07
稿源：
创意岭 阅读：
963
大家好！今天让创意岭的小编来大家介绍下关于网站页面设计的优缺点的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
本文目录:
一、什么是响应式网站？响应式网站有什么优缺点？
一、什么是响应式(自适应)网站?
响应式网站(简称RWD)，这个网站可以适应不同设备的访问(手机、平板电脑、桌面计算机)，方便用户的浏览，减少用户放大缩小的操作，给用户更好的体验，简单而言就是一个界面，能在不同的设备上访问并看到不同的效果，针对的是展示形式。
二、优缺点
优点：
1、响应式网站的智能化，用户体验友好
随着电脑尺寸多元化，智能设备（pad/智能手机）普及化，在当下追求用户体验至上的时代，之前网站普遍使用固定的宽度（960px）逐渐满足不了现在不同设备与不同分辨率需求。在高分辨率电脑宽屏显示器上，两边留白过多。在手机上显示，内容显示过小，用户为了看清楚，首先需要放大界面，再左右拖拖界面。
建设响应式网站，最大的优势就是具有智能化的响应设计，这种网站能够针对用户设备显现端的尺寸不同，主动的调整网站的显示方法，让网站几乎能够适应所有的显示终端，而且还能够在浏览器中调整网站的宽度，让网站不会呈现出滚动条，使用户不管在任何一种显示器上浏览网站，都不会呈现出布局紊乱、显示不全、或者是出现乱码的情况，因而用最大程度的是为用户能够提高网站体验。
2、响应式网站也能节约设计开发成本
相对需要开发电脑网站、pad网站、手机网站来说，响应式网站节省设计开发成本的。建设响应式的网站，能够让客户不会再用针对不同的设备而制作pc版网站，或者是手机版的网站，建设一个响应式的网站，花一份的钱，就能获得两种网站的体会，最终实现一站多用的作用效果，从后期维护角度来说，再不需要分别维护pc界面、pad界面、移动界面，专心维护一个网站即可，从而到达节约网站建设优化本钱。
3、响应式网站更利于优化
响应式建站相比传统网站来讲要简练得多，且应用多媒体的环境下，对搜索引擎的抓取也是异常友好的，是以网站优化起来加倍轻松。在PC端于移动端上的推广也不在需要分开优化推广，只需要做好一个便能得到效果。
由于响应网站在不同终端有友好的界面展示效果，用户可以与网站一直保持联系，比如URL不变积累分享；通过单一的URL地址手机所有的社交分享链接最佳化搜索引擎。搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的链接。Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。
不同设备上的地址都一致,不像以前,不同的设备有不同的地址。这样可以搜索优化,让谷歌网络爬虫更容易找到你的网站,对网站的改变,可以更快速的在搜索引擎的结果中得到更新，大大加快了网站收录的速度。
缺点：
1、 响应式网站加载需要一定的时间
由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PC、Pad的冗余代码，导致文件变大，影响加载速度。还有一些图片并没有根据设备调整到适宜的大小，而这正是导致加载时间加倍的原因。
2、响应式网站在优化搜索引擎时
关于响应式Web设计，为搜索引擎确定关键字并不是一件简单的事情。因为相比一般桌面用户，移动用户多数采用不同的关键字，修改标题和其他事项都比较困难。
3、响应式网站影响Google的排名
如果响应式网站仅仅根据移动内容，它可能会影响到网站的Google排名。由于Google不支持这样的网站，它不会对你的网站进行索引。
4、做响应式网站所耗的时间很多
如果企业计划想把一个现有网站转化成响应式网站，可能耗时更多。如果企业真的想要一个响应式网站，建议企业最好从草图开始设计。
5、对低版本浏览器兼容性不友好
对于老版本浏览器支持不好，这是一个致命的问题。老版本浏览器上打开响应式网站会经常出现图片显示不全，排版错乱等情况。
二、ui设计常用软件的优缺点介绍
现如今我们熟悉的设计制作软件大多有：photoshop、illustrator、fireworks、after effects、flash、indesign、dreamweaver、premiere、手绘等等。
PSphotoshop
Photoshop并非一个单纯的图像编辑软件，它的应用领域涉及图像、图形、文字、视频、出版等各个方面，非常广泛。它常见的应用主要有：平面设计、修 复照片、广告摄影、影像创意、艺术文字、网页制作、建筑效果图后期修饰、绘画、绘制或处理三维帖图、婚纱照片设计、视觉创意、图标制作、界面设计等等。目 前的影视后期制作及二维动画制作也有所应用。
优点：主流设计工具，处理图片强大， 调色功能强大，无论是设计图标、界面，都是最佳选择。无论身居什么职位的设计师，都是必备软件技能。运用熟练后，即使绘制3D强质感效果也不是问题。
缺点：需根据尺寸设计，无法绘制矢量图形，排版功能弱。
AIIllustrator
它是美国ADOBE公司推出的专业矢量绘图工具，出版、多媒体和在线图像的工业标准矢量插画软件。强大的功用和简洁的界面设计风格，为线稿提供高精度和控 制，适合任何小型设计到大型复杂项目，目前已经占据了全球矢量编辑软件中的大部分份额，据不完全统计，全球有97%的设计师在使用Illustrator 进行艺术设计，尤其基于Adobe公司专利的Post技术的运用，Illustrator已经完全占领专业的印刷出版领域。
优点：强大的矢量图设计工具，对绘制logo、海报等极为优秀。图标和界面功能同样优秀，而且输出为矢量图，可以根据尺寸不同放大缩小。同样不会第三方草图设计工具，还可以用AI来设计交互草图。运用熟练实现3D强质感无压力。排版功能较为强大。
缺点：图片处理为零，滤镜功能较差，处理高质量界面和图标相较PS和其他工具会辛苦很多，从印刷尺寸变为像素尺寸较痛苦。
AEAfter Effects
AE借鉴了许多优秀软件的的成功之处，将视频特效合成上升到了新的高度：Photoshop中层的引入 ，使AE可以对多层的合成图像进行控制，制作出天衣无缝的合成效果; 关键帧、路径的引入，使我们对控制高级的二维动画游刃有余;高效的视频处理系统，确保了高质量视频的输出;令人眼花缭乱的特技系统使AE能实现使用者的一切创意;AE同样保留有Adobe优秀的软件相互兼容性。
优点：强大的视频特效、交互动效侗剧，可以轻松实现界面交互动画及特效，和开发人员沟通成本大大降低，同时可以用视觉图莱维自己意愿说话。同时可以通过学AE来做视频、加特效。
缺点：无法设计界面、图标、绘制图形，只能做交互动效和视频处理。
FWFireworks
Adobe FireworksCS3是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具，可以加速Web设计与开发。它不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库,并可与Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3和Adobe Flash CS3软件省时集成。在Fireworks中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和Flash的其它资源。然后直接置入Dreamweaver CS3中轻松地进行开发与部署。
优点：网页设计工具，早期的网页设计利器、切图神器。对图形绘制和界面绘制也很优秀，网页设计三剑客之一。
缺点：如果不是老用户，不建议学习，它的功能被PS和AI逐步替代，已经淡出这个时代。
CoreDraw
CorelDRAWGraphicsSuite是加拿大Corel公司的平面设计软件，该软件是Corel公司出品的矢量图形制作工具软件，这个图形工具 给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。它包含两个绘图应用程序：一个用于矢量图及页面设计，一个用于图像编辑。这 套绘图软件组合带给用户强大的`交互式工具，使用户可创作出多种富于动感的特殊效果及点阵图像即时效果在简单的操作中就可得到实现——而不会丢失当前的工 作。
通过CoreDraw的全方位的设计及网页功能可以融合到用户现有的设计方案中，灵活性十足。该软件提供的智慧型绘图工具以及新的动态向导可以充分降低用户的操作难度，允许用户更加容易精确地创建物体的尺寸和位置，减少点击步骤，节省设计时间。
优点：结合了AI和ID，是矢量图设计工具，同时也有强大的排版功能。大部分地区仍然使用这个工具，运用简单易懂，而且能高效导入adobe公司的各种软件工具的文件。
缺点：这款工具争议较大，中小型公司仍然有使用，但是大互联网公司是没有的，虽然功能很多，但是多不代表精，所以，自己定的目标高一些，可以放弃这款软件!
FLflash
优点：矢量动画的利器，制作矢量动画简单方便。通过学习高级的语言，可以设计绚烂多彩的交互网站，早些年最流行的酷炫交互网站都是由flash嵌入执行。同时也可以制作动画片。设计卡通类图标简单快捷。
缺点：对UI设计功能较少，界面设计相对困难，图形处理效果少。语言学起来相对高级，同样不适合UI设计师。
IDIndesign
优点：排版神器，杂志、书籍、报纸等排版快捷方便，上手简单，可以绘制简单的矢量图形。
缺点：主要是平面设计师工具，若不从事大量排版工作的不建议(UI)设计师学习。
DWdreamweaver
优点：设计网页工具，同时编写查看代码同时设计网页，嵌入flash、管理网站后台等都方便快捷，也可以进行图形绘制。
缺点：主要是网页设计工具，不建议UI设计师学习。而且UI设计师对代码的要求并不高。
PrPremiere
优点：视频剪辑工具，针对电影、短片、视频等进行编辑功能强大，早起流行用作恶搞软件，重要职责是电影的剪辑。
缺点：纯粹的视频媒介为主，不是作图工具。
Sketch
优点：最近尤为火爆的设计工具，各大国内外公司都已经开始使用并融合。对于app应用界面来说，它绝对是利器，方便快捷功能强大，没有繁多不必要的功能。扁平风格图标更是快捷便利。
缺点：拟物风格图标相对不适应，而且现阶段只有苹果系统，微软系统暂时没有，除了设计app界面，其他功能很弱。
手绘
优点：是的，这是很不错的技能，只要你有强大的美术功底，运用各种画笔工具，也可以“设计”出很多精美的图标界面，通过扫描等方式展现给用户，风格各异。
缺点：当然，在国内，只有这门手艺而走进互联网UI设计师行列的还是少数，用来练练基本功还是很不错的!
3dmax
优点：提到这款三维软件，绝对是有话题争议的。谁都没有想到，用3D做图标可以成为主流，而且不得不说的是，用3D做的图标无论是质感还是光影实现起来快捷、方便、强大，也许一个小时的设计已经完全超过10小时的PS
缺点：强大在于拟物化设计，界面设计较差，上手没有之前的那些软件容易，毕竟二维和3D还是两个层次的东西。
三、网页设计时使用DIV+CSS，表格，框架布局的区别？分别列出它们的优缺点和应用。
DIV+CSS 比较灵活，在样式上可以独立设计在css文件中，这一点在我们浏览网站（例如手机WAP上网）那些样式文件就不加载，而且布局上位置灵活性大，标签也很齐全。 表格做网站很少了，一般小型网站可以用表格做，位置可塑性较差，运用较简单。 框架页面只是把几个页面组合到一个页面中，在当前页面的某个区域显示指向而已，只是布局的一部分，设计网页的话还是div+css吧。
四、百度网站的设计优缺点？
优点是简洁便利，缺点没发现
以上就是关于网站页面设计的优缺点相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
