模板网页设计发展史概述.pptx

网页设计史;;基于文本设计的网页 90年代初的第一个网站是单栏设计的，基于文本页面的HTML;设 计 代 表;大 事 件;Yahoo! (1996);;基于表单设计的网站在线网页设计 表单布局可以创造出多栏目的网页，这扩大了基于文本的设计模式，更好的体现了内容组织与导航布局;设 计 代 表;大 事 件;Yahoo! (2002);;. FLASH的崛起 . 90年代后期，Flash开始吸引设计师们的眼球，许多网站是由表格设计和Flash元素相组合的;设 计 代 表;大 事 件;Altavista (2002);;. CSS设计全面占领主流网页 . 1.层桑样式表（CSS）可将网页内容与样式分离 2.利用CSS控制Web页面的外观，如背景色，文本大小等可以都可以自定义，而不是沿用HTML网页本身 3.可以定义多页结构，省去了为每页创建新的标记结构的麻烦;设 计 代 表;大 事 件;;. JavaScript的崛起 . 1.网页设计师开始舍弃表格转而使用JavaScript来布局页面 2.JavaScript成功将智能添加到了网页中。利用它，设计师可以在没有Flash的情况下使用动画菜单计算机数据;设 计 代 表;大 事 件;Apple (2000);;. The Semantic Web . 1.语义网掀起了网页设计热潮，旨在让计算机能同时像使用者一样了解网页 2.W3C通过语义网使得计算机充满灵性色彩，能够理解人类的需求，并且能够执行繁琐的运算与程序以满足用户各种需求，并且用户可以毫不费劲的享受其带来的功能 3.语义网的设计师试图通过插入机器可读的元数据网页和与之相关的超链接来实现这一目标，从而使得计算更好的识别网页;;;. WEB 2.0 . 1.在21世纪后期，网页设计开始走向交互内容和应用程序 2.基于Web2.0，设计师为了更好的传递内容开发应用程序，因而对JavaScript和XML给予了极大的关注与重视;设 计 代 表;大 事 件;;1.2008年移动访问量首次超过互联网。自此，越来越多的网页开始选择设计移动版本的页面 2.移动网页包办了最基本的页面布局，提供用户浏览主要信息，并注重于于东客户端的兼容性;设 计 代 表;大 事 件;;1.流动布局（fluid grid）是一种自适应的网格布局，其中每个元素都可以yogaCSS语言根据屏幕分辨率按比例缩放，不需要进一步的结构或后端编码 2.触摸屏，重力感应横竖屏幕切换，手势控制等;案例.;1997年时的苹果官网主页主页看起来就和一份彩色报纸一样;1998年时，苹果对自己的官网进行了大幅精简，并在主页用大量空间突出了全新iMac的广告。;1999年，苹果在官网上力推当时最新推出的iBook系列笔记本电脑。 我们将这款线条柔和色彩活泼的笔记本亲切的称为“贝壳机”。;Mac OS 9也在同年推出，设计上延续了Mac OS 8。但是在用色和字体上看出，这一次的升级在视觉上更加现代了，图标和UI控件的细节打磨得更加细腻了。;2000年时，苹果在自己的官网主页设计了一个顶部导航栏，而这一设计一直沿用到了现在。 更令人难忘的是顶部导航栏所制作出的水滴质感，也许我们今天看并没有太深的感受，但是这种名为Aqua（拉丁语，水）的设计风格，是整个UI设计发展史上的一个重要里程碑。;Mac OS X DP2，第二个开发预览版;将左上角的红色苹果Logo更换成了蓝色的水滴风格;;苹果一直在官网最显著的位置以巨大的空间着重推荐自己的最新产品。 苹果在网页设计上不再拘泥于白色背景+产品图的经典搭配，更具包容性。;苹果再次对官网的顶部导航栏进行了重新设计，而当年的主角毫无疑问是横空出世的iPhone。;;;;THX.