网页设计是一个需求手艺常识微气势派头感的领域。咱们不只有假想完满的页面;咱们也必需建造它。这个请求是一个应战,咱们怎样创立一个既美观又连结最好机能的网站?
多年来各人更多的是只能实现此中一点,要不思索美观而舍去机能,归正亦然。作为有网页设计多年教训的我十分分明这一点。比方,就像我知道大图象会拖慢加载时间,但为了美观美观我仍是尽可能放大。可是,在现代网络上,若是这象征着光鲜明显的机能损失,是否值得施行任何视觉加强?鉴于正确的要领,您不该该必需如许做。
起首,用户不倾向于逗留在迟缓的网站加载上。他们只会在别处找到他们正在寻觅的任何东西。别的,网络再也不是奇怪事物。以为用户会等候您花梢的引见性演示是不现实的。人们出于特定目的访问您的网站。因而,任何阻碍他们的工作能够都不值得施行。
作为一位设计师,很容易养成运用复杂的媒体文件来加强网站外观的习气。几十年来,这一直是干事的体式格局。无论是全屏图象仍是视频背景,这些项目都具备变化性。可是,它们也会影响机能。幸福的是,现代 css 和 javascript 可以提供更好的代替计划。每一个都具备可以替换媒体或使阅读器更易消化这些文件的功用。
css 突变和混淆形式等视觉成效就是很好的例子。它们看起来和你可以在 photoshop 中制作的任何东西同样好,但没有一切过剩的膨胀。若是您想增加运动,css 动画和 javascript 库(比方 gsap)可以知足请求。它们不只可以发生使人张口结舌的外观,并且这些手艺也十分疾速。别的,延迟加载提供了一个很好的折中计划——至少对付不在页面初始视口内的媒体而言。包括图象和 iframe 在内的元素只会在需求时加载。这可以节俭加载时间,同时依然可以运用这些资产。本机阅读器支持使实现比以往更易。巧妙地运用这些手艺可以协助您制止为了外观而低落机能。相反,您将实现更可连续的均衡。
一个网站不只仅是它的外观、内容或功用。这是一个有凝聚力的用户体验。这象征着这些方面中的每回个都必需连系在一块儿才气为用户提供服务。为了有用地做到这一点,网站还必需优先思索机能。多年前,一个外观大度但加载迟缓的网站能够更易逃走。在壮大的设备和疾速的互联网泛起以前,速率没必要然是用户的冀望。
这发生了伟大的变化。咱们此刻糊口在一个随需应变的世界中,咱们需求的一切都只需点击一下便可。若是您的网站没有兑现这一许诺,就很难与访问者建立耐久的关系。网页设计师需求跟着这些冀望而改动。在实践中,它需求咱们细心思虑咱们创立的视觉元素以及咱们怎样实现它们。像咱们一直做的那样干事能够再也不可行。相反,一切都必需着眼于最好机能。这是一个应战,当然。好消息是咱们领有正确的工具和手艺来实现这一方针。