网页设计师风格是如何形成的呢

相关推荐

网页设计师风格是如何形成的呢

　　网页设计师风格是如何形成的呢?一起来看看下面的内容就知道了。更多内容请关注应届毕业生考试网!

网页设计师风格是如何形成的呢

　　“风格”一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上，网页设计师的风格就是在运用自己的所拥有的手段，包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力，来建立起自己独特的设计形式、独特的作风。从这个概念出发，设计师就应该有自己的风格。

　　在网络如此发达的今天，网页也是五花八门，千奇百怪，但是作为一个设计师的地位还没有得到应有的提升，造成今天的网页设计师的风格没有真正的得以体现，使网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”，使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体，本应该是方便人们的使用为目标的，却有很多的地方不能够使人满意，而这些不令人满意的地方却原封不动的保留了下来，有些是功能上的，例如在按钮或者是导航的设置上，有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥，造成了这样的僵化模式。所以在这个新的时代，急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

　　虽然现在的网页的现状有吞没设计师个性的趋势，但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的能力，开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢?首先来说他的这种风格不能背离人们的现实太远，这个现实就是人们习惯了的网页的布局，虽然可能经过长期的努力可能会使这种局面得以改观，但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户，做网页首先应该还是要考虑网络用户的使用的，如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同，那么习惯于上网的用户使用起来就会感到很不方便，这样得不到用户的支持，这样的设计是失败的;在审美上同样是如此的，目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式。

　　这样就会逐渐的形成自己的处理页面的风格，不同的网站的设计都可以把这种风格应用上去，这样风格就这样炼成了!这也是反映出要想形成自己的风格，要一步一步的将自己的风格反映出来，不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用，这个风格体现的方式大相径庭，例如有的设计师喜欢现代主义风格，喜欢它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦，所以反映到网页的设计上就是一种装饰化、流行化的风格，即所谓的新艺术风格。当然风格往往不是很单纯的一种方式反映出来，有时候是采用的结合的方式，呈现出丰富多彩的方式。

　　享誉世界的德国广告设计大师冈特`兰堡说过“一名设计师的作品停在一个水平及风格上不变化，那就是死亡”。平面设计如此，在网页设计上同样如此，在一个网页设计师的工作中要接触到许许多多、各式各样的网页的设计，在这个过程中设计师能够形成并保持自己的风格固然可贵，但是如果想取得更大的成绩就必须要赢得一种超越，在自己的设计上最熟悉的风格的基础上能够寻求突破，这才是更难能可贵的。以马斯洛的需求的层次论看，这个就应该是一种五个层次中的最高级的形式即自我实现，而能够树立自己的风格只能算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情，这需要设计师本身具有不断开拓进取的精神，在自己的设计实践的过程中不断的完善自己，不断的充实自己，不能将自己锁定在一个方面，要不断的尝试不同的艺术风格，以期找到自己的风格变化的突破口，多学习更多的传统的、现代的设计方法，吸收一些长处，在自己的实际应用中反映出来，这样就更能是自己的设计风格的突破变得更加的容易，也会使自己在这个方面变得更加的得心应手，当然在具体的网页的功能上的实践也是非常必要的，例如在变换一些网页元素的实践中，通过自己同使用这的交流，就可以很容易的得到自己的这些变化可以得到的效果。

　　一个网页设计师没有自己的风格是很可悲的，因为这样他永远就只能是在一个低水平的层次上徘徊，或者只是拾人牙慧。永远都没有自己的东西融入到网页设计中，成就不了好的成绩，只有在不断的探索和实践中总结经验，提高自己的同时树立起自己的独特的设计理念，才能够形成自己的风格，开辟出网页设计的新天地。同时也要不断的在形成自己的风格的同时，尝试一些不同的风格，寻求突破，“不破不立”，只有不断的尝试，因为只有不断的丰富自己的同时，才有机会赢得这种尝试的成功。经常有意识的这样去实践，就有可能达到自己的设计的新境界!

　　【相关阅读】网页布局基础

　　1、页面尺寸:

　　一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。网页的高度不易超过三屏。

　　2、页头:

　　页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

　　3、文本:

　　文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着Dhtml的兴起,文本已经可以按照自己的要求放置到页面的任何位置。

　　4、页脚:

　　页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。

　　5、图片

　　图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

　　了解完上述5个基本要素再深入了解DIV+CSS布局网页的要点

　　流式布局、浮动布局、绝对定位布局。

　　标准文档流、例子模型、FLOAT属性、POSITION属性。

　　自动居中——列布局安全——例子模型的使用方法。

　　浮动布局案例——float属性、解决浮动影响的方法。

　　绝对定位布局案例——绝对定位实现横向两列或多列布局。

　　W3C标准

　　结构化标准语言(HTML和XML)

　　表现标准语言(CSS)

　　行为标准语言(DOM和ECMAScript)

　　倡导结构、样式、行为分离

　　CSS中3种定位机制：

　　标准文档流

　　浮动

　　绝对定位

　　标准文档流，特点：

　　从上到下，从左到右，输出文档内容

　　由块级元素和行级元素组成

　　块级元素，特点：

　　从左到右撑满页面，独占一行

　　到页面边缘时，会自动换行

　　div\ul\li\dl\dt\p...

　　行级元素，特点：

　　能在同一行内显示

　　不会改变HTML文档结构

　　span\strong\img\input...

　　大部分表单元素

　　块级元素和行级元素都是盒子模型。

　　盒子模型

　　盒子模型=网页布局的基石，由4个部分组成：

　　边框(border)

　　外边距(margin)

　　内边距(padding)

　　盒子中的内容(content)

　　上右下左

　　上(左右)下

　　(上下)(左右)

　　(上下左右)

　　样式表：(就近样式)

　　外部样式

　　内部样式

　　行内样式

　　盒子模型三维立体图：

　　border

　　content+padding

　　background-image

　　background-color

　　margin

　　自动居中一列布局

　　三个技能点：

　　标准文档流

　　块级元素

　　margin属性

　　#wrap{width:770px; margin:0 auto;}

　　auto会根据浏览器的宽度自动的设置两边的外边距

　　(浏览器的宽度-外包含层的宽度)/2=外边距

　　浮动布局

　　CSS中规定的第二种定位机制

　　能够实现横向多列布局

　　通过设置float属性实现

　　float属性，值：

　　left——左浮动

　　right——右浮动

　　none——不浮动

　　特点：元素会左移、右移，直到触碰到窗口为止

　　设置了浮动的元素，仍旧处于标准文档流中

　　当元素没有设置宽度值，面设置了浮动属性，元素的宽度随内容的变化面变化

　　当元素设置了浮动属性后，会对相邻的元素产生影响，相邻的元素特指紧邻后面的元素

　　清除浮动的常用方法：

　　clear属性——常用clear:both;

　　clear:left; 或者 clear:right

　　同时设置width:100%;(或固定宽度) + overflow:hidden;

　　横向两列布局：

　　网页布局最觉的方式之一

　　主要应用技能

　　float属性——使纵向排列的块级元素，横向排列

　　margin属性——设置两列之间的间距

　　position属性

　　拥有3种定位形式：1静态定位 2相对定位 3绝对定位

　　可设置4个属性值

　　static(静态定位)

　　relative(相对定位)

　　absolute(绝对定位)

　　fixed(固定定位)

【网页设计师风格是如何形成的呢】相关文章：

网页设计中如何正确使用面包屑导航02-19