互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。
当我发现设计网页有多投机取巧的方法之时,就逐渐开始对手打网页**失去兴趣。的确,许多网页设计的问题并不止一种解决方案,但是很少有方案能解决所有的浏览器兼容性问题。最令我纳闷的是,为什么会有做设计和写**的分工?
随着技术的发展,许多在过去难以解决的问题现在可以轻松搞定,但为什么与此同时一些简单的事情反而越来越难以实现?这些问题的答案并不是简单的是与否,对与错,也许我们需要从网页设计的整个发展历程来寻找答案,找到真正弥合设计与**之间隔膜的原因所在。
网页设计:黎明前的黑暗()
在互联网真正开始之时,黑色的显示屏仅能显示单色的像素。可以说,当互联网天地初开之时, 仅仅意味着字符和空格的排列组合。虽然图形化的界面早在年代初就有了,但在此时普及率并不高。
直到年代,图形化界面才真正进入千家万户,而那时候,才是属于互联网的狂野西部。
**():网页的兴起()
能够显示**的浏览器的诞生,是促使网页设计这个行业诞生的重要先决条件。实际上在当时,最接近于信息结构化的概念,是中已有的元素:**()。
所以, 在他的网页设计书《 》讲述了他设计优秀**的秘诀:在**中嵌套**,将静态的**和动态的**以巧妙的方式结合到一起。尽管**本身是用来承载数据的,用来承载内容和**有点奇怪,但是在那个时代,这种方法依然显得颇为靠谱,并且大行其道。
网页设计所面临的另外一个问题,就是如何保持网页那脆弱的结构。也正是因为这种需求,切片设计( )逐渐流行了起来。设计师创建出漂亮的网页布局,随后开发者将整个设计稿切片,找出呈现设计的最佳方法。
另一方面,**还有一些炫酷的功能,比如垂直对齐,以像素为单位或者以百分比来控制对齐。在那个时代,**可是近乎栅格系统一般的灵活的设计神器,也正是因此,那个时代的开发者并不喜欢前端的**。(**嵌套**有多乱?
)来自的救援()
的出现补足了尚且原始的。举个例子,如果你想写个弹出窗,或者想动态修改某些对象的顺序?不行,但是可以!
不过此时的主要问题在于,它处于整个网页布局的顶层并且需要单独加载。很多时候它仅仅被懒惰的开发者用作一个简单的补丁,但如果使用得当,可以非常强大。今天,同样的功能如果能实现,我们会尽量避免使用。
不可否认的是,本身确实很强大,前端常用的,后端的都是不可多得的好东西。
自由的**时代()
作为一门新技术,为网页开发者设计师带来了前所未有的自由,它打破了之前网页设计所固有的限制。借助,设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互,可以使用任何喜欢的字体,他们借助熔于一体。所有的这一切最终会被打包成为一个文件,然后被发送到浏览器端显示出来。
这也就意味着,用户只需要拥有最新的插件和些许等待时间,就可以享有一个魔术般的网页。这是启动页面( )介绍动画以及各种交互特效的**时代。不幸的是,这种设计并不开放,也不利于搜索,还需要消耗计算机大量的运算能力。
年,当苹果发布他们的第一台的时候,就决定彻底放弃,也正是在这个时候,开始走下坡路——至少在网页设计领域。
的诞生 ()
差不多是在崛起的同时,一种更好的网页结构化设计工具诞生了。的基本概念是将网页内容的样式分离出来,所以网页的外观和格式等属性将会在中被定义,但内容依然保留在中。早期版本的并没有现在那么灵活,和许多新事物一样,它最大的障碍在于许多浏览器还没来得及接纳这一新技术,对于开发者而言,这是一个头疼的事情。
需要明确说明的是,并非全新的编程语言,它仅仅只是一种声明性语言。那么网页设计师需要学习编程吗?可能需要。
但是网页设计师需要懂得么?当然需要。
栅格与框架:移动端的崛起()
此刻,在手机上浏览网页本就是一种全新的挑战。设计师除了要为不同设备设计不同的布局,还面临着内容控制的问题:小屏幕上展示的内容要和桌面端一样多,还是需要剥离开来?
桌面端网页上闪亮精致的小广告要如何在手机上呈现?加载速度也是一个大问题,移动端设备的网络加载速度不够快,而且桌面端网页会消耗大量的流量。网页设计亟待改进。
第一个重大的改进是栅格系统的出现。经过摸索,栅格系统最终胜出,经典的栏栅格被设计师们广泛的接纳,甚至成为许多设计师最常用的设计工具。接下来,各种常见的设计元素诸如**、导航、按钮被标准化,打包成为可复用的套件,这基本上就构成了视觉元素库,其中还纳入了常见的**。
其中最典型的代表就是和,它们也使得**和之间的界限逐渐模糊。当然,它们也不是没有缺点,借助这些库设计出来的网页往往大同小异,而且网页设计师要想使用它们还得深入了解相关的**知识。
响应式网页设计()
惊才绝艳的设计师决定挑战传统的网页设计,它让网页在内容不变的前提下,布局随着窗口和屏幕的变化而变化,并且将这种设计命名为响应式网页设计。网页设计师依然只需要和就可以实现这种功能,不得不承认这种设计理念非常超前。不过大家对于响应式设计依然有些许误解。
对于设计师而言,响应式设计意味着为设计许多不同的布局。对于用户而言,响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言,响应式设计意味着如何控制好****应付移动端和桌面端,在不同情形和语义下,拥有良好的**速度和呈现效果,等等。
简而言之,就是一个**能在任何情况下良好展现。至少在这一点上,所有人能达成共识。
扁平化的时代()
设计网页布局总会花费大量的时间,好在这个时候我们开始抛弃复杂的光影效果,重新专注于根本的内容呈现。在此之前,网页设计讲求精美的**和排版效果,漂亮的插画与周到的布局设计,而简化这些视觉元素之后,就是我们说所的“扁平化设计”。将复杂的效果淡化之后,视觉的扁平化,也促使内容和信息层级的扁平化。
充满光影特效的按钮被扁平化的图标所替代,矢量图形和图标字体也开始被大范围使用,网页字体和版式设计的结合令网页视觉更加漂亮。有趣的是,这时候的网页设计开始有返璞归真的感觉。
光明的未来()
技术的革新已经开始将网页设计推动到一个全新的境界。在许多设计平台上,设计师只需要在屏幕上移动不同的控件就可以生成整洁可用的**出来,并且这些**非常灵活,可控度极高!试想一下,开发者无需担心浏览器兼容性,可以专注于更加实际的问题!
新诞生的概念正在推动网页设计。中新诞生的属性,诸如和( 与 ),就使得网页元素的位置控制更加灵活自由,一次性解决了设计师纠结多年的顽疾。作为一部分的则是另一个新事物,它可以快速创建布局,轻松修改属性而无需编写过多**。
网页设计正在飞速发展,未来还会有越来越多的创新,就让我们拭目以待吧!
第三单元少年网页设计师
在学习了演示文稿软件后,本单元让学生再来学习一种主要用来表达和展示信息的软件 网页制作软件。本单元选择了三个适合制作 的活动作为主线来组织学生学习。这三个活动分别是 美丽家园 上海历史风貌 我的个人 全人类的骄傲 世界遗产 在活动过程中,循序渐进地指导学生认识网页制作软件的特点和作用,学习网页制作软...
美工或网页设计师岗位职责
职位描述 要求 2 按照 建设和网络推广要求制作各种不同类型的美工作品。3 全面支持 建设和网络推广过程中所需要的各种 和网络广告制作工作。4 不断丰富和提高自身的美术设计能力,为 建设 专题建设提供更好的服务。任职资格 1 美术 设计等相关专业专科或以上学历。2 一年以上相关专业工作经验 有优秀的...
网页设计师年度工作总结
设计工作是痛苦与快乐的炼狱,每当面临新的设计任务时,因为觉得自己的水平不够,感觉充满了压力,开始搜集各种资料,接下来寻找设计灵感,沉思 焦灼,下面是为大家准备的网页设计师年度工作总结。每当经过艰苦的磨砺,自己的劳动成果得到肯定时,便是工作中最大的快乐!充满了快意。一 工作总结 从开始连效果图都做不好...