搜索

[23379] 2014-12-15_9个GIF动画阐述Web设计的25年历史

文档创建者：s7ckTeam
浏览次数：3
最后更新：2025-01-18
2014-12-15_9个GIF动画阐述Web设计的25年历史 9 个 G I F 动 画 阐 述 W e b 设 计 的 2 5 年 历 史 L i n u x 中 国   2 0 1 4 - 1 2 - 1 5 F r o o n t ， 一 家 为 w e b 设 计 师 制 作 工 具 的 旧 金 山 公 司 ， 用 9 个 G I F 格 式 动 画 来 表 现 网 页 设 计 在 过 去 2 5 年 的 发 展 历 程 。 如 果 你 想 知 道 为 什 么 C S S 这 么 重 要 ， 为 什 么 F l a s h 会 逐 渐 淘 汰 ， 这 些 动 画 图 或 许 能 让 你 一 窥 究 竟 。 网 页 设 计 的 单 色 时 代 网 页 设 计 的 单 色 时 代 ， 约 1 9 8 9 年 。 想 想 L y n x 和 其 他 以 U n i x 为 基 础 的 w e b 浏 览 器 ， 这 些 浏 览 器 只 会 通 过 网 络 从 这 个 终 端 到 另 一 个 终 端 一 个 字 一 个 字 地 蹦 出 来 。 没 有 图 形 用 户 界 面 ， 只 有 一 串 字 母 和 一 个 闪 烁 的 光 标 。 现 代 化 的 开 始 现 代 化 的 开 始 ， 约 1 9 9 5 年 。 第 一 个 浏 览 器 ， 例 如 M o s a i c ， 允 许 设 计 人 员 在 网 站 上 显 示 图 片 ， 但 是 唯 一 的 方 法 是 将 这 些 网 页 元 素 丢 进 不 雅 的 表
格 布 局 中 。 由 于 这 真 的 很 难 精 确 定 位 ， 所 以 设 计 师 得 琢 磨 地 非 常 清 楚 如 何 写 好 表 格 嵌 套 表 格 再 嵌 套 表 格 的 代 码 以 便 正 确 显 示 内 容 。 J a v a S c r i p t 出 现 幸 运 的 是 ， J a v a S c r i p t 出 现 了 ， 为 设 计 师 提 供 了 很 大 的 便 捷 。 F l a s h 让 我 们 创 建 动 态 网 站 的 设 计 更 为 简 便 ： 例 如 ， 弹 出 窗 口 和 在 页 面 上 动 态 修 改 内 容 顺 序 。 但 是 相 较 于 本 地 H T M L ， J a v a S c r i p t 速 度 很 慢 。 F l a s h 尽 管 F l a s h 也 曾 风 靡 一 时 ， 但 是 现 在 几 乎 已 经 被 H T M L 5 干 掉 了 ， 但 是 在 1 9 9 6 年 ， 它 代 表 了 网 页 设 计 的 一 个 新 高 度 ： 能 够 让 设 计 师 按 他 们 自 己 的 方 式 使 得 页 面 生 动 起 来 。 这 也 是 F r o o n t 飞 出 页 面 和 开 场 动 画 等 的 黄 金 时 代 。 但 是 ， F l a s h 会 占 用 计 算 机 大 量 的 处 理 资 源 ， 这 也 使 得 它 成 为 一 种 特 别 不 友 好 的 技 术 ， 尤 其 是 对 于 移 动 设 备 例 如 笔 记 本 电 脑 和 智 能 手 机 而 言 。 C S S C S S ， 首 次 发 布 于 1 9 9 8 年 ， 解 决 了 很 多 早 期 的 w e b 设 计 问 题 。 通 过 将 网 站 美 观 度 从 网 页 内 容 中 剥 离 出 来 ， 设 计 师 终 于 可 以 按 照 自 己 的 想 法 制 作 或 者 为 客 户 定 制 网 页 了 。 虽 然 最 早 的 C S S 版 本 不 是 非 常 灵 活 ， 但 是 现 在 的 C S S 已 然 成 为 了 设 计 师 需 要 掌 握 的 最 重 要 的 网 络 技 术 。 网 格 系 统
原 文 ：   h t t p : / / w w w . f a s t c o d e s i g n . c o m / 3 0 3 9 4 0 2 / t h e - h i s t o r y - o f - w e b - d e s i g n - e x p l a i n e d - i n - 9 - g i f s 2 0 0 7 年 i P h o n e 的 问 世 给 设 计 人 员 带 来 了 一 个 全 新 的 难 题 ： 如 何 在 智 能 手 机 这 个 更 小 的 屏 幕 上 设 计 网 页 ？ 一 开 始 设 计 人 员 想 到 的 是 使 用 一 种 网 格 系 统 ， 这 种 网 格 系 统 可 以 根 据 设 备 屏 幕 的 尺 寸 将 网 页 分 割 成 若 干 列 。 响 应 式 设 计 2 0 1 0 年 ， 对 于 如 何 在 移 动 设 备 显 示 网 页 的 问 题 ， E t h a n   M a r c o t t e 想 到 了 另 一 种 解 决 方 案 ： 响 应 式 设 计 。 扁 平 化 设 计 在 响 应 性 设 计 之 后 ， 一 种 撇 去 华 丽 效 果 重 视 内 容 的 扁 平 化 设 计 也 出 来 了 。 这 种 设 计 简 化 了 视 觉 元 素 ， 通 过 突 出 漂 亮 的 字 体 来 创 建 w e b 体 验 ， 而 且 显 示 在 任 何 设 备 上 的 效 果 都 非 常 棒 。 未 来 至 于 未 来 会 如 何 ？ F r o o n t 表 示 ， 更 好 的 w e b 设 计 还 在 研 究 开 发 中 。 以 后 ， 设 计 人 员 将 不 需 要 再 担 心 浏 览 器 的 兼 容 性 问 题 ， 各 种 适 用 于 任 何 设 备 的 工 具 也 都 随 手 可 得 。 以 后 的 技 术 将 不 会 再 成 为 设 计 的 限 制 ， 设 计 师 可 以 集 中 精 力 解 决 U I 和 U X 问 题 ， 而 不 是 把 时 间 浪 费 在 排 除 故 障 上 。
译 文 ：   h t t p : / / w w w . c o d e c e o . c o m / a r t i c l e / 9 - g i f - w e b - d e s i g n - h i s t o r y . h t m l 译 者 ：   小 峰 阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理