您的位置  > 互联网

网站重构是把网站重新做一遍的目的是什么?

这让我想起了我在大学里学到的“美学”的概念。 审美不仅仅意味着美观,更重要的是实用。 它是用户友好的。 因此,衍生出了人体工程学,还有工业设计等学科。 当然,在网页设计方面,也有长期研究这方面的前辈。 比如阿杰翻译的一本书叫《网站设计》《重构》就涵盖了这方面的内容。 当然,还有很多其他前辈也在潜心研究人机界面、用户视图等。

我认为优秀的网页设计师最重要的品质是能够准确地分析网站。 它可以准确地知道客户在这个网站上最想表达什么,然后用最合适的方式表达出来。 例如,对于一家服装厂的网站来说,最需要向浏览者传达的可能是该厂生产的、适合当前季节的最新服装。 这家工厂不太可能获得这一荣誉。

同时,在某种程度上,网页设计师的责任感超过了这个项目的项目经理,因为网站的框架、色彩、内容的摆放都是由网页设计来实现的。 项目经理虽然负责整个项目,但对于详细设计,他可能不像设计师那么清楚。 所以,这个时候,设计者必须以认真负责的态度来架构整个网站的内容,哪怕是一个小图标。 设计。

如何才能让网站更加优化,更加符合网络标准呢?

我觉得把网站做的更加优化是必须遵循的,但不一定要严格按照标准去做。 以人为本,如何让它更加人性化,更加利于浏览,更加符合浏览者的习惯,是我们建设和重构网站的根本指导思想。

正常情况下,普通浏览者不会有耐心等待 30 秒(甚至更短)的页面打开。 可以想象,无论一个页面多么耀眼,内容多么吸引人,如果浏览者不阅读它,它就完全失去了存在的意义。 这是对我们的要求。 建立网站首先要做的就是如何让页面打开速度更快。 结构、表示和行为的分离是提高页面速度的好方法。

说到结构、性能、行为的分离,人们很自然地想到了DIV+CSS+JS(为了更好理解,请允许我暂时这样写)。 正因为如此,很多人错误地认为只要TABLE改变DIV就意味着重构网站,其实这是错误的、不够的。 TABLE 和 DIV 都是用于创建页面的 HTML 标签和元素,但它们各自执行自己的职责。 如何让标签各司其职,需要我们思维的彻底转变,结构、性能和行为的分离。

结构、性能和行为的分离,以及页面标签的合理使用,可以有效地精简页面代码,让页面在更短的时间内加载并呈现给浏览者。 结构、性能和行为的分离也有利于网站的修改和维护。 只要改变风格而不改变页面结构文件,网站就可以呈现给人们完全不同的风格。 为查看者提供完全不同的浏览体验,并且比混合结构、表示和行为的页面花费更少的时间和精力。 它还增加了页面的可读性,这不仅可以使其更好地被搜索引擎抓取,更重要的是,需要使用屏幕阅读器浏览网页的浏览器可以更好、更清晰地阅读网页上的内容。 被那些复杂的风格代码所困扰。 还是要以人为本。

使用DIV+CSS来布局页面,并使用适当的标签来丰富页面的内容。 这是创建页面的一种非常流行的方式。 那么什么才算合理使用标签呢? 例如,页面上经常出现一些表格,例如一批不同产品的属性列表。 我们也可以使用“ul”和“li”来实现所需的表格样式,但是使用“table”来实现是不是更直观更直观呢? 很方便。 又如:对于文章的标题,使用“div”或“p”标签与使用“h*”标签具有相同的效果。 那么,使用“h*”标签应该更合理吗? ETC……

总之,我认为网站重构就是思想观念的重构。 应该以人为本,从浏览者的角度出发,遵循Web标准,合理使用各个页面标签,实现最大程度的页面优化。

当然,一个好的设计师不应该过于个性,也不应该过多地流露出自己的设计风格。 我们经常会看到一些设计师制作了相同风格的网站,或者熟悉他们的人会看到相应的作品。 ,你可以猜到是他干的。 对于为客户服务的网页设计来说,这种个性化特征是不可取的。 一个好的设计师在完成后可以立即创建一个女性化妆品网站。 您可以创建一个严肃庄重的政府网站,然后立即制作出简洁大方的工业机械网站设计稿。

回到实用性方面,熟悉这个行业的人都知道一个有趣的故事。 两位设计师正在比较草稿。 其中一个确实很漂亮,另一个则没有那么漂亮,但是他放在页面上的内容是客户想要反映的内容。 ,这时候客户往往会选择后者。 前者肯定会说这个客户怎么不懂设计,也不欣赏设计。 他殊不知他输的不是美观,而是实用! 我们接触到的客户往往不懂设计,或者他们对界面美感的鉴赏能力不如专业设计师那么敏感。 设计师往往注重色彩搭配、图片的运用和动态,而客户可能更注重内容的安排和文字的放置。 因此,将设计师的审美眼光端正为美观实用的作品非常重要!