4000字快速回顾20多年的网页设计发展史!

20世纪末到21世纪开始,宣传品牌与产品的阵地不再局限于印刷品,电视、电台及现场活动,而是出现了网站,网站可以链接更多陌生人,而且没有时空限制。

美国最火的设计风格只要有人将资料放到网上,远在日本的一名中学生都可以去学习了解,所以也打破了过去信息差的优势。本回我们要跟大家聊聊网页设计的发展,但在展开内容前,要搞清楚一个问题,就是网页设计属于平面设计吗?

国内早在差不多20年前,建站公司就开始独立存在,所以这个问题蛮有争议,尤其是UI设计也很成熟之后,大家更愿意认为此学科是独立的。

平面设计的定义不管怎么粉饰,简单而言就是:以某种目的,将文字、图像、图形安排在一起。网页设计也是如此,唯一区别是网页具有动态,但这种动态属于若干个静态设定的切换关系,其关键帧也是平面设计。

我在国内蛮早就从事网页设计工作,早年甚至可以自己独立完成网站,除了页面设计,还包括套ASP程序(ActiveServerPages动态服务器页面),用table布局前端等,当然这些技术如今早已过时。

首先我们来简单回顾下互联网的发展与网页设计的演变。

国际互联网络与超级媒体

第一件大家也许比较熟悉,就是在20世纪50年代末美国国防部高级研究项目总署(theUnitedStatesDepartmentofDefense,AdvancedResearchProjectsAgency,简称ARPA)成立了。

其成立的根本原因是冷战背景下,苏联不但先于美国在1957年将卫星送上太空,而且世界第一枚多级远程弹道火箭发射也试验成功,因此苏联宣称可以将核弹送往地球任何地区。这对美国而言实在太吓人,所以ARPA是一个专门研究国防技术的“事业部”,聚合美国当时最牛的几百位科学家,研究如何将最先进技术应用到美国国防。

由于这些科学家当时分散于全国各地,因为如此厉害的科学家肯定本身有重要事务,而不是放着随传随到,因此大伙无法专门聚在一起专门干这事,而是远程协作,所以就需要一个有效的远程沟通工具。

这个工具不能只局限于语言声音,还要做到资源共享,更关键的是要高效安全,信息不可被盗取,当时负责研究此事的人是麻省理工科学家约翰·利克利德(JohnLicklider)。

此处省略一堆过程与专业技术术语,反正如此这般,利克利德因为ARPA组织这个沟通交接需求无意中发明出“国际互联网网络”(theWorldWideWeb)。

事后证明,国不国防是一回事,这才是他们最伟大的发明。这种技术能做到资源共享与防止盗取的一个重要原因是可以将信息分解成“数据包”,将他们发送到目的地后可以重新组装,也就是“分组路由”的雏形。大家了解到这个程度就可以了,再往深里说意义不大,况且我也说不清楚。

后来这个软件进化为“超级媒体”(Hypermedia),除了可以检索文字,还可以找到图形、声音、电影及电视图像。

再然后,苹果公司将这种技术跟日本索尼公司发明的CD-ROM(compactdiscreadonlymemory,于1982年发明)进行结合,变成“互动光盘”,这种光盘就等于是如今网站的鼻祖版本了。在大致容量600MGB的CD中,苹果公司的工作人员往里面塞进了文字、图形、动画,而且形成一个复杂的索引架构。

这样一来就形成一个灵活且可互动的内容库,大家可以根据需要选取想看的部分,有首页、二级栏目、三级栏目、内容详情页等。在此过程中还发明设计出一些后来常见的网站架构逻辑,比如“平行文本”、“多层”“矩阵”“网络系统”等,这里作很简单的介绍:

矩阵就是将资料布局到一个网格中方便大家查询,等于现在的产品系统,新闻系统一类。

所以最初的“互动光盘”设计其实就等于第一代网页设计。

网页设计的高速发展

1994年时候,中国有个人因为公务出差去美国见证过互联网的神奇,回国之后辞职,在1998年创立了一个如今市值1.8万亿的公司—阿里巴巴,这人就是马云。

20世纪90年代恰好是网站建设数量急剧暴增的时候,充满了商机,大家可以理解为近几年短视频暴增一样,根据回顾统计,在1997年时候仅仅一年美国本土就新增了80万个新网页。

所以用“网页”一词是因为最初蛮多网站都是静态,网站后台是后来慢慢才发展形成。

但网页设计最初的暴增还没有直接为平面设计师创造岗位,因为第一代网页设计师其实大部分由程序员转型而来。后来不断发展竞争升级才将程序、前端、网页设计及推广优化这样的岗位分来,以便有更专业的表现。

我在2010年时候开始从事网页设计,恰好是一个将网站建设不同岗位独立出来的时代。当时我所在公司中企动力属于国内最大型建站公司,大部分老同事都曾经是程序前端设计甚至推广这样一条龙为客户提供服务。

他们本质上就是从一名开发人员入行,所以他们会从实现效果端来规划设计,跟后来网页设计岗独立后完全不同。蛮多网页设计师其实根本不管程序实现问题,也因此产生出更多更好的视觉效果,反推程序开发与前端制作的进步。当时在公司经常见到的就是网页设计跟前端或者开发同事“干架”,争论要点就是很多效果程序根本做不出来。

这样的事情其实一直在全世界发生,所以网站制作技术也是以飞一般的速度在发展。比如我刚刚学会Table布局不久,css+div布局就成主流了,再然后HTML+css+js也成熟起来,而程序开发端则是asp到asp·net到php到java等不同开发语言在不断进化。

这样的变化结果就是不断优化网页设计的表现效果。

那时候我们往往在掌握一门自认为很牛的必杀技后不到两年就也许会过时,最典型例子莫过于Flash的“死亡”。2010年前后,懂得用fash建站的人非常吃香,因为人才稀缺,收入可以是我们的2-3倍,那时候最流行就是用flash做所谓的“体验馆”。

“体验馆”的大致效果就是能在网站场景中做一些换部件,换颜色,或者点击指引箭头切换画面等操作。印象中当时有一个奢侈品平台站就是纯flash网站,开发制作费用高达300多万。

但好景不长,因为智能手机的崛起与4G通信技术的发展,互联网的主阵地慢慢往移动端迁移,而智能手机中的浏览器是明确不支持flash组件的。所以很快flash就跌落神坛,而我们这一代网页设计从业者可以说见证了全过程。

当时身边就有同事因为精通flash被挖去甲方企业开发纯flash的眼镜商城,据说后来项目就没发展起来。

说到商城,网页设计还有一个重要的主题变化,就是从企业网站到平台网站到电子商城再到手机网站,App应用,公众号,小程序这样的不断切换。到了移动端其实网页设计就被“UI设计”(UserInterface用户界面)这样更专业化的称谓取代。

因为革命性的屏幕触摸技术的诞生,很多网站本身就可以通过触屏控制,所以从定义上来说,UI设计可以说包含了网页设计。

随着移动互联网的不断发展其实也拔高了UI设计门槛,因为要考虑很多交互体验问题与技术规格标准,有点像当时乌尔姆学院做产品设计那一套,有很多理科属性的知识融入进来。

但不管如何,这个过程中平面设计的本质属性仍然没变,只是要解决的问题更多元化,更具体了。

根据历史纪录,美国的设计师杰西卡·哈芳德(JessicaHelfand)是较早以平面设计师身份参与到网页设计中的,比如90年代她为美国“发现频道”设计了网站。

哈芳德生于1960年,目前还活跃于设计圈,她也许是最有资格感叹互联网设计形式剧烈变化的人之一。

本期内容没有谈及太多具体人物及作品,因为在有限篇幅里本期内容已经高度浓缩,更多是在给大家整理一个框架。

关于网页设计发展的经历,也欢迎大家根据自己的体会参与到讨论中,说出你们的故事。

THE END
1.精选25个优秀网页设计分析广州网站建设小程序商城开发今天我们为大家带来25个优秀网站设计实例,希望能为网页设计师们带来好的灵感。 01、Ester 在这个网页设计中,采用了流行的插画风格,动态的草图插画使这些插画的纹理非常的清晰,有非常明显的手工迹象,整体看起来创意十足,给人营造出了完美的氛围。 02、Sokruta https://www.uweb.net.cn/zhishiku/jingyanfenxiang/18606.html
2.长沙网站建设seo优化网站制作设计做网站建站公司天蓬网络长沙天蓬网络科技有限公司是一家为企业提供网站建设,网站Seo优化,小程序开发以及网站托管的互联网营销策划公司,我们有资深的网页设计师,经验丰富的网站运营推广专家,坚持以用户价值为导向,为企业创造互联网品牌营销价值。https://www.cstpwl.com/
3.西安网站制作网页设计网站搭建设APP软件定制开发西安嘉瑞德软件公司从事西安APP软件开发,APP软件定制公司,小程序开发,小程序制作,公众号制作开发,西安网站制作,网站建设,网页制作,网页设计,做网站,搭建网站,英文外语网站定制开发,建外贸网站网页,网络关键词推广优化排名为主的网站搭建公司,专业的建站技术开https://www.jiaruide.net/
4.互联网+科技公司网页设计——初学者入门web开发demo之前参加互联网+项目,为了实现更好的宣传效果,学习了html,css和JavaScript进行简单的网页设计,适合之前没有接触过web开发的同学作为demo入门学习(tips:建议先学习一下基本的语法,再结合此案例食用) 笔者之前没有接触过web开发,但是做项目遇到了需求,所以赶鸭子上架现学现卖,难免存在理解不到位和偏差的现象,欢迎友友们https://blog.csdn.net/daviddou2022/article/details/140621844
5.互联网网站建设网页定制制作与开发海洋网络专注于互联网网站建设,提供免费设计首页到满意等服务,对企事业单位网站、网页定制制作与开发有丰富的建站经验,10年品牌为超过上万的公司建站服务.https://www.hy755.cn/khhz/jinrong_touzi/hulianwang/
6.4个优秀的网页界面设计案例本文为大家分享的 4 个优秀的网页界面设计案例分别是:网页设计案例(10套)、UI 设计常用尺寸规范、耳机详情页设计、响应式网页设计。这些案例都是来源于「即时设计」的资源库,本文给大家挑选的都是使用率较高而且深受好评的网页界面设计作品。如果想要提升自己的设计能力,除了过硬的操作基础,更重要的是需要源源不断的https://js.design/special/article/web-interface-design.html
7.网站建设做网站建网站网站制作网站设计深圳鸿运通网络科技有限公司拥有十几年建站经验,专业为您提供网站建设、网站制作、做网站、网站设计、网站推广等网站相关服务;提供全方位、一站式电子商务综合解决方案。https://www.61916.com/
8.青岛网站制作青岛网站设计青岛建站公司青华互联网络科技是专业的青岛建站公司,专注于青岛高端网站建设、响应式网站建设、青岛网站制作、青岛手机网站、青岛企业网站建设、青岛公司官网建设、青岛网站设计、从事php网站建设多年,是青岛本地的专业网络公司。建站咨询热线:0532-80632602https://www.qinghuahulian.com/
9.UI网站更多原创网站设计案例 全国服务电话:400-180-0307 业务咨询 要方案 各地分站 主要服务中心分站 广东分站湖北分站浙江分站南京分站苏州分站湖南分站安徽分站 旗下事业 医疗事业部 医院信息化及互联网服务 金融事业部 互联网+金融,以及银行业 互动营销和推广服务 https://www.wanhu.cn/uitiyansheji/
10.佛山网页设计佛山网站建设佛山网站制作佛山市万迪网络科技是一家专业从事网站建设,网页设计,网站制作,SEO优化推广,小程序开发,电商设计等项目的专业公司,Tel:400-699-2238,手机:13380830328,拥有10多年行业经验,欢迎咨询!https://www.onedi.cn/
11.从零开始:如何设计自己的网页设计完网页后,还需要进行优化和测试。优化包括压缩图片、减少代码量、提高网页加载速度等措施。测试则包括在不同设备和浏览器上测试网页的兼容性和稳定性。通过优化和测试,可以确保网页的质量和用户体验。 七、发布与推广 最后一步是将设计好的网页发布到互联网上,并进行推广。发布网页需要选择合适的域名和服务器,并https://www.pbids.com/aboutUs/pbidsNews/1861306464431345664
12.专业网站建设网页设计制作SEO优化推广向扬网络科技有限公司为专业提供seo、SEO优化及网站建设服务,专注网站SEO优化、网站推广、网页设计、网站制作等互联网推广服务,自2013年至今,已超过500家专业成功网站案例,对企事业单位网站建设及络营销有丰富的推广经验.-https://www.bb620.com/wlmq/https://www.bb620.com/wlmq/
13.网站网页设计网站网页设计图片网站网页设计模板觅知网为您找到116个原创网站网页设计图片,包括网站网页设计图片,网站网页设计素材,网站网页设计海报,网站网页设计背景,网站网页设计模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于网站网页设计素材、图片、海报、背景、插画、配图、矢量、UI、Phttps://www.51miz.com/so-sucai/5098812.html
14.探索网页设计行业的发展与未来趋势!在数字化时代的浪潮下,网页设计行业正迅速发展成为信息技术领域的重要组成部分。随着互联网技术的不断进步和人们审美需求的多样化,网页设计不仅仅是技术活的堆砌,更是一门集美学、心理学、用户体验于一体的综合艺术。本文旨在探究网页设计行业的发展现状,并预测其未来的发展方向。 一、网页设计行业的现状 当前,网页设计http://300.ixunpan.cn/xxzx/54212.html
15.无锡网站建设网站制作高端网站设计公司专注企业网站建设12年的品牌网站设计公司商之道网络,致力于集团站群网站建设,品牌官网设计,产品营销型网站建设,H5响应式网站开发,外贸B2B网站定制搭建,拥有自主研发网站建设平台管理系统,源码建站系统,合理价格做网站,我们值得信赖。https://www.wxee.net/
16.宁波网站建设网页设计做网站制作开发推广微信小程序创格网络致力于提供专业化互联网络服务,为市场上的大中小企业提供网络整合营销,并且提升建站设计质量和后期维护 致力于协助客户快速取得互联网营销的优势,在市场竞争中脱颖而出。 标准化产品与服务 创格网络把网站制作从价格、功能、流程到服务完全实现标准化,做到服务规范、价格透明、流程简洁,极大提高建站效率与用户满意https://www.nbkaiguan.com/
17.石家庄网站制作网站建设网站开发网站设计蓝点网络,石家庄本地网络公司2004-2023年,从事石家庄网站建设近20年,坚持高端网站制作/网站设计。承接企业网站建设、政府网站开发业务,在石家庄网站制作公司中具有很高的知名度。http://www.hb0311.com/
18.西安网站建设网站制作网站设计公司西安凡高网络公司,专业从事西安网站建设,高端网站设计,西安网站制作,做网站开发等服务.为众多知名集团上市企业策划建设网站,丰富的网页设计制作经验,西安专业网站建设公司,建站品质值得信赖.https://www.fgkj.cc/
19.天津网站建设做网站网站制作天津网页设计CCSOME,网站建议,网站策划,解决方案,网站规划建设,微信,微信营销,移动营销,Social传播,营销,社会化媒体营销,数字化营销,客户关系管理,数据&电子商务,iphone app,ipad app,Android app,安卓 apphttps://www.tjlnkj.com/
20.常州网页设计网站建设网站制作网站优化SEO常州网络公司上华网站设计公司专注常州网页设计,网站建设,网站制作,网站推广,常州网站优化,常州微信营销,微信公众号开发等业务.常州网络公司电话:0519-89814660.上华网络公司客户遍布长三角地区.常州上华互动设计yewd.com是上华广告旗下品牌,上华网络公司始终站在最终客户的http://yewd.com/
21.网站建设高端网站建设网站制作建网站公司凡科建站服务领域包括网站建设、网站制作、SEO优化、高端网站设计等网站建设一条龙服务范围,涵盖基础的域名、主机等多种应用服务,为企业量身打造一个基于搜索引擎的更加全面的搜索营销体系,帮助企业在新的全球化互联网环境中保持优势。 热门专题热门模板 网站建设与管理 https://jz.fkw.com/
22.网站建设网站制作网站设计网页设计合优网络专业提供网站建设,网页设计,网站制作,连续多年获得重合同守信用企业,2007年成立至今已为全国5万家企业建立网站,立足广东,服务全国:4006-883-088https://www.heyou51.com/
23.网站建设网页设计制作开发轩创网络是专业的昆明网站建设公司,提供网站制作及网站推广服务,专注于网页设计制作开发等互联网服务,对企事业单位网站建设及网络营销有着丰富的经验。https://www.km119.net/