自 1991 年第一个网站发布以来,网页设计已经走过了漫长的道路。

该网站完全基于文本,标志着一场数字革命的开始。

虽然对“正在建设”的 GIF 和令人眼花缭乱的背景颜色的回忆让我感谢网络已经走了多远,但有一些历史性的网页设计选择实际上需要尊重。

90 年代初标志着我们网站设计时间表的开始。在这一点上,没有高速互联网连接这样的东西。它是拨号调制解调器,或者什么都不是。因此,需要为低于一流的连接速度构建网站。它们大多看起来像文字墙——我们现在认为理所当然的“设计布局”并不存在。

虽然后来的 HTML 版本允许更复杂的设计,但与今天相比,它们仍然非常基本,主要由标题、段落和链接的标签组成。

诸如排版、图像和导航之类的视觉元素和样式是不久的将来的事情。

网站要点:虽然这些早期网站的功能纯粹是提供信息,但我们可以看到一些适用于今天的设计元素。

今天的互联网可以处理媒体丰富的网站......但它仍然有一些限制。

当加载速度不如我们想要的快时,大型媒体文件、繁重的图形设计和过多的动画都会导致更高的跳出率。

网页设计的中世纪受到现场页面构建器和间隔 GIF 的困扰。

到 90 年代中期,网页设计在结构和外观方面都发生了变化。

设计师开始使用基于表格的布局来组织内容,从而获得更大的灵活性和创造力。

网站的文本仍然很繁重,但现在可以将文本分为列、行和其他导航元素以提高可读性。

图形设计元素也迅速流行起来。页面点击计数器、动画文本和跳舞的 GIF 只是网页设计中标志着这一时期的图形元素中的一小部分。

网站要点:它是向非线性页面结构迈出的第一步。

不同的元素现在可以放置在网页的不同部分,设计师必须考虑向用户呈现信息的最佳方式。

在考虑导航和内容时,页面结构仍然至关重要。它在很大程度上决定了用户如何体验以及与您的网站进行交互。

网页设计已经有了相当多的重新构想,但其中之一是随着 Flash 的引入而发生的。Flash 于 1996 年推出,开辟了一个设计可能性的世界,这是基本 HTML 无法实现的。这是虚拟图形和交互的结合。

虽然之前的许多相同设计元素仍然存在,但它们通过动画、平铺背景图像、霓虹色、3D 按钮、启动页面和其他多媒体进行了增强。

Flash 标志着以访问者为中心的设计的开始——结构和导航成为重要的考虑因素,设计师开始关注外观和可用性,而不是纯粹的内容。

网站要点:Flash 改变了游戏规则,被认为是有史以来最大的 SEO 罪过之一。

今天,选择 CSS 和 JavaScript 动画等替代方法来获得类似效果或嵌入来自视频托管网站的视频已成为常态。

2000 年代初期是可用性和灵活性真正成为网页设计最前沿的时期。

引领潮流的是CSS,一种编码语言,允许开发人员将视觉规则存储在与 HTML 分开的文件中,有效地分离内容和样式。这为网页设计师和内容开发人员提供了更大的创作自由。

CSS 使网站更易于维护(更少的代码和复杂性)、更灵活(div 标签相互独立)和更快的加载(更小的文件)。

更好地理解色彩心理学也导致更多地使用空白和减少花哨的颜色,如霓虹灯。

链接开始被添加到图标中,而不仅仅是文本,分辨率和像素化成为更重要的问题,内容的战略布局也获得了关注。

网站要点:人们通常会扫描网站以寻找他们需要的信息,因此任何使这项工作更容易的网站都会得到一个巨大的复选标记。

精明的网页设计师知道大多数用户不会阅读网站上的所有内容,并且了解读者如何获取信息。因此,直观放置的信息、视觉上强调的链接和简单的导航只是当今网站应该遵循的一些最佳实践。

始终以可用性为设计理念!

网页设计的工业革命始于 Web 2.0 的诞生。正是在这个时候,事情才真正开始走向现代网络。多媒体应用程序的增长、交互式内容的兴起以及社交媒体的出现是这一时期的一些明确特征。

此外,这些变化在很大程度上决定了网页设计的方式......好吧,完成了。

美学上的变化包括更好的颜色分布、更多的图标使用以及对排版的更多关注。

然而,最重要的是,设计变成了内容,内容变成了搜索引擎优化。

随着用户现在牢牢地处于设计的中心,销售产品(至少明确地)成为网站的次要功能——现在一切都是为了被发现。

网站要点:Web 2.0 的发展将 SEO 的增长视为一个考虑因素。尽管这些技术多年来一直在采用,但从 SEO 角度考虑您的网站仍然是大多数蓬勃发展的商业网站的首要任务。SEO需要内容,而内容在很大程度上成为这个时代网页设计的重点。

关键字优化、入站和出站链接、创作、标记和聚合技术(如 RSS)成为自然的设计元素。虽然链接垃圾邮件和关键字干扰很快利用了这些技术,但这些方法不再有效并且(我希望)在很大程度上已经失败了。

今天,在第一个网站发布二十多年后,网页设计已经牢固地确立了自己作为每个良好营销策略不可替代的组成部分的地位。

最近的研究发现,当今 50% 消费者认为网站设计对企业品牌至关重要。

在现代美学方面,我们看到了极简主义的扩散:内容、平面图形、更简单的调色板以及大胆而大胆的视觉效果。此外,UX 占据了中心位置,让位于无限滚动和单页设计等设计功能。

网页设计发展的另一个关键步骤是移动网页。

自 2007 年推出 iPhone 以来,人们对网站的结构方式进行了重新评估,以适应越来越多的移动网络用户。这包括几个采用“移动优先”方法的移动框架,并且更加关注移动速度优化,因为手机通常缺乏典型桌面的处理速度或连接强度。

这场数字革命还催生了响应式设计,其中页面元素会自动调整到浏览窗口的宽度,让网站在任何设备或屏幕上看起来都很好。

今天,响应式设计对于确保令人愉悦的移动用户体验是必要的,因为全球网站流量的一半以上来自移动设备。

网站下一步将走向何方?如果有一个因素影响了这些发展中的每一个,那就是内容。这里的每个设计元素都经过调整,以最有效的方式将最相关的内容带给用户。可访问性、适应性和可用性的概念真正定义了这个网页设计时代。

综上所述,以上就是乐逍遥网站设计介绍90年代的网页设计有哪些变化?希望可以帮助到对此感兴趣的朋友们更好的理解和加深对网站建设开发的印象,共同促进网站开发技术的学习与稳固,助力优质网站的崛起。

【乐逍遥网站设计】90年代的网页设计有哪些变化?相关推荐

  1. 90 年代的网页设计,有点搞笑

    20 年对于互联网来说是很长的一段时间,网页设计在此期间也走过了很长的路,我们现在回头看,几乎不敢相信我们曾经设计过这种东西! ▎1. Penny Juice Penny Juice 是一款为儿童制作 ...

  2. 【乐逍遥网站设计】2022年网站设计与UI元素的趋势

    后疫情时代,网络营销成为市场潮流,许多传统商家也抓住了这次机会,重新进入网络营销这盘大棋. 在各路设计风格百花齐放的状态下,网页设计产业的面貌变得更加多元化,也让人期待未来的局面. 现在,我们一起来看 ...

  3. 【乐逍遥网站设计】玻璃拟态: 为网站设计带来维度效果

    网页设计师想出了一些非常聪明的技巧,让他们的作品有一种实体感.玻璃拟态(Glassmorphism)就是这样一种技术. 当您将模糊效果与透明度相结合时,像素会呈现出磨砂玻璃的略微不透明的品质--为设计 ...

  4. 【乐逍遥网站设计】网站设计的流程与时间

    现在网站设计的流程与时间?在实际的工作里时常会有客户问设计一个网站要多久. 做一个网站的时间多久?只能给出一个大体的概念时间. 网站设计的原因太多了,从功能分析.框架规划分析页面设计.程序加入.测试约 ...

  5. 【乐逍遥网站设计】如何通过有效的网站设计提高电子商务的销售量

    谈到产品描述和网站副本,保持它的简洁但信息量大. 选项,以保持文本最小化. 还必须考虑文本中的重要信息,如运输或退货政策.条款和条件.常见问题和其他关键信息.最好为这些信息创建一个单独的页面,或者将其 ...

  6. 【乐逍遥网站设计】网站建设费用都有哪些组成?

    现在做一个网站需要花多少钱?如果去网上咨询一些公司,就会发现询问价格的区别特别大,便宜的做个网站几百几千,贵一点的几万几十万都有,那么同样都是网站,为什么区别这么大呢?这个道理其实和我们生活中也一样, ...

  7. web期末网站设计大作业:动漫网站设计——龙猫(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 动漫漫画网页设计

    web期末网站设计大作业:动漫网站设计--迪斯尼公主(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...

  8. HTML+CSS期末大作业:动漫网站设计——悬崖上的金鱼姬(5页) / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品 学生DW网页设计作业成品 web课程设计网页规划与设计...

    HTML+CSS期末大作业:动漫网站设计--悬崖上的金鱼姬(5页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...

  9. HTML5期末大作业:京东网购网站设计——京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业

    HTML5期末大作业:京东网购网站设计--京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业 常见网页设计作业题材有 个人. 美食. ...

最新文章

  1. PE知识复习之PE的导出表
  2. linux之awk命令学习笔记
  3. 【转】Microsoft Cloud全新认证体系介绍
  4. 常染色体的隐性疾病数学建模(代数模型)
  5. 华为手机怎么看图片属性_华为手机怎么才能息屏显示时间?操作方法很简单,看完涨知识了...
  6. HashMap get不出对象时出错 解决
  7. java占位符打印_什么是 Java 构造器?
  8. 网页中使用任意字体之实际操作
  9. Chrome 浏览器 NET::ERR_SSL_OBSOLETE_VERSION 问题及解决方式
  10. Git Extensions 2.33出现unhandled exception has ……解决方法
  11. 在angular的自定义回调中操作$scope
  12. 阿里云服务器mysql莫名丢失_MySQL5.6 突然死掉 阿里云端的 服务器上搭建的
  13. c51汇编语言教程,汇编语言入门视频教程
  14. spss入门——简单的数据预处理到时间序列分析系列(六)
  15. 布尔(BOOL)代数及其运算
  16. 顺丰快递商家寄件发货接口API类型和接入流程方案【快递100接口Demo】
  17. 如何在Java中实现画图(图文并茂)(内附美丽的分型图片哦)
  18. 毕业设计 树莓派指纹识别与RFID考勤系统 - 嵌入式 单片机 物联网
  19. 第十届全球云计算大会 | 华云数据荣获“2013-2022十周年特别贡献奖”
  20. 硕士卖房,到底是行业内卷,还是自我突破

热门文章

  1. wintogo论坛_新一代垃圾佬的大辅助装-WIN TO GO
  2. 基于属性加密方案的发展
  3. 1、测试用例通用模板
  4. log.io:浏览器端实时日志监管系统
  5. 玩机搞机---关于安卓机型工厂固件 刷机 端口解密 解bl锁 写串 nv损坏 等相关常识
  6. JAVA->实现图书管理系统
  7. 集体智慧编程——提供推荐
  8. MySQL 服务基础
  9. uClinux 内核编译常见错误及解决方法(zt)
  10. 强化学习笔记二 -- MDP