网页设计的发展历程(网页设计的发展历程简述)

　　点击“突围设计”一键关注 尽享设计考研全资讯

《突围模式》— 做中国最好的设计考研方式

掐 指 一 算 ， 距 离 2 0 1 7 设 计 考 研 还 剩 68天

距 离 2 0 1 7 突 围 模 式 11 月 冲 刺 集 训 还 剩 32天

互联网带来的变化是翻天覆地的，这种变化不仅仅表现在它对于外部世界、对于我们生活的影响，它本身的转变则显得更加巨大。而设计领域在互联网的影响之下，变化也非常的明显，也许看了今天的总结，你也会为这种改变而惊叹。

十年前的互联网，和现在非常的不一样。就在10年以前，Envato 诞生了。在过去的10年间，Envato 见证了整个互联网领域在设计上的变迁，今天的文章，我们就总结一下这10年来的变化，以为纪念。这10年来的互联网领域在设计上的变化，确实不是一篇文章足以完全承载的。从MySpace的崛起到iPhone的兴盛，拟物化设计走到了巅峰再到极简和扁平化的兴起，能说的事情太多，如果真的是聊设计趋势和技术沿革，一本书都不够讲述其中的梗概。那么，不如让我们通过这十年间设计领域的“关键时刻”，来一窥这巨大的改变吧。

　　▌2006：在线交友之年

2006年，Facebook和Youtube才刚刚兴起，而MySpace也日益普及，这个时候大家使用的电脑操作系统还是以Windows XP为主，惯于使用猫科动物作为代号的Mac OS X，此时的系统代号是老虎（Tiger）。从千禧年到2006年，当我们回忆这一阶段的时候，大家喜欢用Web 2.0 来界定这个时期：从单向的内容发布逐步变为双向参与，静态式的网页中，开始出现多人协同的维基百科式的协同。

十年之前，MySpace是美国访问量最大的网站，而Facebook和Youtube开始逐步普及并取代它的位置。此时 AOL 旗下的即时通讯软件 AIM 已经10岁了，腾讯QQ 也早已占据了中国即时通讯软件的头把交椅。

如果要用一句话来总结2006年，MySpace 的口号应该是一个不错的选择：“A place for frends.”沟通与交流，是2006年的主旨。

　　▌2007：iPhone 之年

2007年一月，重归苹果10年的乔布斯发布了第一代iPhone，而这款手机被称为“改变一切的产品”一点都不为过。在发布会上，乔帮主开玩笑说发布会将会发布三款产品，屏幕更宽的iPod，革命性的手机，以及极具突破性的互联网通讯设备，而iPhone 一点不含糊地囊括了这三者的属性。随着iPhone的发布，移动互联网和移动端设计开始进入一个全新的纪元。

　　▌2008：拟物化设计之年

拟物化设计的设计理念早已有之，它强调数字化设计要反映物理世界的真实细节与质感。MacOSX 操作系统的UI设计从一开始就贯彻了这样的设计理念，写有文字的便签纸，堆满旧文档的垃圾桶——这些细节满满的图标和UI元素，以设计感十足的方式呈现给你一个“真实”的世界和熟悉的生活气息，看到它们的那一刻，你就知道了它们都是什么！虽然有人诟病拟物化，但是它并不会就那么简简单单的消失，它现在依然是Apple Watch 的至关重要的组成部分。

2008年发生的另外一件大事，是Android 的发布，同样的，这和iPhone 也息息相关。同年，谷歌浏览器也正是开放下载。

　　▌2009：栅格之年

基于栅格的网页布局能够追溯到2007年，而大热的 960 Grid 则是到了2009年才正式面向世人，并且随后快速成为了主导网页设计的重要技术。栅格系统的设计灵感最初是来源于数学中的对称性概念和排版设计中的三分法，而真正将栅格系统发扬光大的确实是网页设计。

　　▌2010：博客之年（某种意义上）

博客（Blog）这一词其实源自90年代的Web logs一词，在2004年的时候，blog一词被韦氏词典定为当年的年度词汇。而之后，博客开始以更加独特、新颖的方式呈现出来，Twitter 被视作为“微博客”，而 Tumblr 干脆被称为ieTumblog，所以企业开始思考博客在网络日志之外的更多可能性。

随着 WordPress 3.0 在2010年发布，媒体行业的变革也催生出更多基于博客的延伸。今天我依然在使用博客，但是 它的用途比起多年以前要更加丰富，更加多样。我们今天依然在使用博客这一词，很大程度是因为我们无法找到更准确合理的词来描述在网络上发布内容这一行为。

　　▌2011：视差设计之年

视差滚动网页设计应该是2011年网页设计圈最耀眼的新星。它时尚而抢眼，在视觉上赏心悦目，是最先锋最潮流的设计趋势，从企业网站到个人作品集都不约而同地疯狂追随这一设计手法。你认为它繁复而恼人也好，觉得它微妙而漂亮也好，视差滚动的设计直到今天依然是最热门的设计趋势之一。

　　▌2012：响应式设计之年

响应式设计最早出现在2010年。相比于当时所流行的做法（比如给网站单独制作一个iPhone版页面），响应式设计更倾向于让网页自动适配给不同的平台不同屏幕的设备。

同时，2012年也是扁平化设计开始发力的一年，来自Windows 的Metro 设计带来了一种彻底的抽象而扁平的设计，最终催生出影响整个互联网设计圈开始走向扁平化设计的“不归路”。

　　▌2013：自由职业者之年

研究数据表明，有超过5300美国人（超过1/3 的劳动力！）都在通过类似UpWork网站参从事一些自由职业相关的工作，而Envato 更是在2013年的时候将 Microlancer 这个自由职业平台纳入体系内，让更多的设计师和自由职业者可以更加灵活的安排自己的时间和工作。

　　▌2014：Material Design 之年

Material Design 是谷歌式美学最集中、最系统的体现，也是在界面一致性设计上的一次成功的尝试。这个近乎扁平的设计风格通过微妙的光线、阴影和渐变重新定义出了扁平化 2.0 的概念，将现实世界的物理规则和简约扁平的设计风尚有机的结合到了一起，其中还包含了极具标志性的导航设计和微妙的动画效果。

　　▌2015：极简风之年

虽然我们都知道极简风存在的年头已经长到难以考证，从设计潮流上来说，它也算不得一个很新的趋势。但是，我始终还是认为 2015年，极简设计风开始以一种系统的方式重新回归，不仅仅出现在网页和UI设计上，同时还出现在我们生活中。如果你仔细观察最新的网页、APP甚至最新最时尚的室内设计，他们都在以一种体验非常相似的极简风呈现出来。

　　▌2016：重新定义设计

行业的细分让设计的外延变得极大丰富，现在设计拥有了网页设计、平面设计、组织结构设计、用户体验设计、设计思考等等等等多种多样的细小分支。

当我们谈到设计师一词的时候，这三个字已经无法精确传达这一角色的准确内容了。现在的设计师，已经同编辑、开发、建筑师一样，成为了一个职业类别。从某种意义上来说，设计这一词，已经拥有了全新的内涵和外延。

《突围模式》—中国最有针对性设计考研模式

—— 你的目标院校，我的专业服务 ——

视传设计 工业/交互设计 景观设计 室内设计 数媒设计

11月冲刺，时间真的不多了！

11月冲刺是2017年全年设计考研前倒数第二次的集中课程，也是查漏补缺的最后一次机会，突围11月现场确认“冲刺课程”将直接针对你的专业课程强点弱点展开强有力的冲刺训练，在最后不到一个月的冲刺时间里，我们将重点解决“专业手绘快题速度+定制化高分模板确认+专业理论高分答题技法”等多角度冲刺模式，为你最后一个月的高分冲刺计划买下保险，静待成功突围。

来到11月，相信每一位突围学员都有了自己擅长的风格与自己熟练的模板，这个阶段便是确认最终高分模板风格及内容的关键时期，属于自己的模板往往能为自己进入考场后节约大量的作图时间，平时的对于设计元素的积累、素材的掌握、画法的熟练都是为了进入考场后在短短的3个小时内能充分表现自己，所以，对于属于自己的专题模板显得格外重要，在短短的一周时间内，我们将为你的专题模板做最终的定稿确认，同时对于优缺点进行最后的调整，完善自己的冲刺计划，实现高分计划。

有了自己的画法、有了自己的套路，可是遇到一个不常见的真题，在短短的3个小时内我将如何完成呢？在一周的冲刺课程中，你将学会举一反三，用自己熟悉的设计元素去面对不同的快题考题，同时在速度的训练中，我们将重点提高自己对于作图过程中的取舍速度，明白属于自己的快题模板中，哪些是可以节省时间的，哪些是提速的等，这一系列针对快题速度的冲刺训练，将为你在最终考场的规定时间内达到自己期望的考卷效果起到推波助澜的作用。

11月，每一学子的复习思路与形态基本定型，从根本改变的难度越来越大，但是对于考试技巧的改善来说还是具有一定的机会，所以这是每一个学员最后一次调整的机会，确定自己最后的冲刺步骤与节奏，如果这个月你还没有准备好自己的最佳应试状态，本宝宝只有一个建议：“赶紧突围吧”。

【2017突围模式大合照】

▼

7月 无锡史上最高温 惠山突围之路

　　8月 在突围对未来say hi~

　　10月国庆在突围，有你也有我

突围2016针对目标设计专业

【快题手绘140以上有15人，单科最高分148有2人】

【快题手绘135-139分共28人】

【快题手绘125-134分共50人】

【专业理论125以上有31人，最高分137分】

【专业理论115-124分共45人】

　　其中包揽江南大学全国总分第一、上海大学全国总分第一的双状元成绩；其中并包揽江南大学视觉传达设计、环境艺术设计、工业设计单科初复试总分第一；上海大学美术学院初复试总分第一；江南大学专硕录取率的50%出自于突围；上海大学美术学院通过率达到60%；上海大学数码学院通过率达到100%；南京林业大学通过率达到50%；浙江理工通过率达到60%；上海师范大学通过率达到60%等……我们在突围，你还没上车么？

　　突围设计考研2018全年课程计划

附：请添加微信好友：85442139直接进行全年课程咨询与书籍购买

　　突围设计考研各目标院校群号

　　突围江大群：137653445 突围江大数媒：517018898

　　突围南林群：138277714 突围上大群：68557331

　　突围武理群：334635411 突围南艺群：364981292

　　突围浙理群：477728795 突围华东理工：550366236

　　突围苏大群：456802967 突围上师大群：365976760

　　突围华东师大：364980863突围南师大群：252485047

　　突围杭师大：338229882 突围合工大群：152721627

　　突围矿大群：207425438 突围汕大群：344510094

　　豆瓣 | 知乎 | 微博 | 贴吧 | 论坛 | 淘宝 | 知道 |

　　搜索“突围设计考研”

　　关注即可查看更多设计考研资讯

　　突围设计考研原创干货分享

　　江大工设：

　　【工设/交互总分第一名】2016突围微访谈江南大学设计学院工设/交互方向(一）

　　【工设高分访谈】2016突围微访谈江南大学设计学院工业设计方向(二）

　　江大视传：

　　【视传第一名394分】2016江南大学设计学院视觉传达方向（一）

　　【视传高分访谈】2016江南大学设计学院视觉传达方向(二）

　　【视传高分访谈】2016突围微访谈江南大学设计学院视觉传达方向(三）

　　江大环艺：

　　【2016设计学院状元秀/第一名415分】2016突围微访谈江南大学设计学院环艺方向(一）

　　【环艺快题第一/第二】2016突围微访谈江南大学设计学院环艺方向

　　【景观快题高分】2016突围微访谈江南大学设计学院环艺方向（一）

　　【景观快题高分】2016突围微访谈江南大学设计学院环艺方向（一）

　　江大数媒：

　　【数媒设计经验】2016突围微访谈江南大学数字媒体学院高分经验

　　上大环艺：

　　https://v.qq.com/page/g/0/e/g0300wl9pue.html

　　https://v.qq.com/x/page/o03006ps3ph.html

　　上大视传：

　　https://v.qq.com/x/page/u0300bg2m9f.html

　　浙理学硕：

　　https://v.qq.com/page/w/0/i/w0300wwr2ei.html

　　浙理专硕：

　　https://v.qq.com/x/page/o0300om24wr.html

　　更多突围微访谈请详见主页下拉菜单中“突围微访谈”

编辑 | G.I.M

审核 | ZHOU

长按二维码关注我们

▼

　　突围设计考研2011年成立于中国现代设计教育发源地、有着设计界黄埔军校之称的江南大学，后联合上海大学、上海师范大学、华东理工大学、华东师范大学、南京林业大学、南京艺术学院、南京师范大学、浙江理工大学、中国矿业大学、苏州大学、东华大学、合肥工业大学、武汉理工大学、华中科技大学、汕头大学、杭州师范大学等江浙沪重点设计学院及周边重点设计院校在校研究生、硕士生导师、职业设计师等共同组建了全国第一支设计专业研究生联盟团队，以提供针对性目标院校为导航，目标设计专业考研专项课程服务为基础，打造国内外优秀设计师设计思维结合考研训练一体化的课程模式，致力于探索更具针对性与前瞻性的《突围模式》设计教育平台。

　　返回主页“2017报名” 在线报名