推荐阅读
法国设计师菲力浦B斯达克
小到牙刷,大到建筑 法国设计师菲力浦·斯达克(phlllipe starck)是20世纪末西方最有影响的设计师,同时也是一个发明家、思想家。 他的作品涵盖了建筑、室壬杓啤⒒车、家电、家具I域,从食品、刀叉餐具、厨房用品、沙发座椅、摩托,一直到餐要、宴会展示场和建筑。不论小到清洁口腔的牙刷,或是尺度巨大庞然的建筑物,他都可以显F出对细节的同样执着。 艺术经历 Philippe Strack于1948年一月十八日在巴黎出生,父亲是一名飞行员及飞机工程师,他是在满室设计蓝图的家庭中长大成人的。在父亲的设计桌上乱画,拆开家里的电器来研究,都是S track童年时的主要消遣,这些启发了他对建筑和设计的兴趣。 其后,Philippe Strack考进巴黎的Ecole Nissim de Camondo学院,主修建筑。毕业后Strack有感读书时过分用功,决定到世界各地去旅行,环游世界后,Philippe Strack在皮尔.卡丹担任艺术指导一职,不久他便成立自己的公司,这时他设计的三脚椅子和Cafe Costes内的布置,使他逐渐受到人们的注意。 真正令Strack声名大噪的,当然是1982年负责法国总统密特朗新居的设计工作,之后的Nani Nani大厦、Royalton和Paramount两间酒店,更令Philippe Strack成为名闻全球的名字。 幽默与设计 像很多天才一样,斯达克小时候既不是好孩子也不是好学生,他的调皮似乎随着年龄的增长而有增无减,成为他形象的一部分。这种儿时的顽皮,慢慢演变为成熟的幽默,渗透在他的设计当中。他的幽默感,从他让事务所的工作人员戴上斯达克脸孔面具可见一般,他在嘲笑自己的同时,也嘲笑了这个端庄做作的世界。尽管斯达克现在已经是设计界少数少年得志的明星,但外表还是一副标新立异、吊儿郎当的模印
关于“层”定位的问题的解答
一. 常出现的问题 当你的表格选居中的时候又插入了层(插入层方法1:object->draw layer)的时候(800*600),分辨率一旦变大、窗口最大化之后,层就错位了,而如果使用菜单(插入层方法2:Insert->Layer)插入层的时候,这个层就会与它的上级元素相对定位,但是一旦在Dreamweaver中用移动工具动了它,它就会马上变成绝对定位,不会再与上级元素相对定位了。 二. 思想: 通过object面板置入的层是绝对定位的层,这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离,代码中的写法是left与top。 通过菜单置入的层是相对定位的层,这个相对定位指的是层与它的上级元素的距离(它的上级元素的左上角),由于这个div中不再有left与top的属性,所以浏览器把它的位置定为与它的上级元素相同 (总结一:只要去掉层的left与top属性就可以相对定位!) 例图: 三. 深入思想: 现在层已经相对定位了,可是只是这样还完全不能满足要求,因为很多时候不能把表格设定得那样准确,否则会把表格搞得很麻烦,把代码搞得很大很大。 如果在上面说做出的相对定位的层的基础上再做一个层对它相对定位,不就解决问题了吗? 这就涉及到了父层与子层的问题(由于它是层的基础,在书与网上教程中就可以看到,这里不再阐述),父层相对于某点定位,而子层相对于父层定位,就可以达到层的相对定位这个目标了 四. 具*作(只介绍最简单的方法,对代码熟的朋友可以手敲的): 先在页面内插入表格(可以设居中,表格就居中了,否则几乎无意义),鼠标在某单元格内点一下,让光标在此闪动,然后通过菜单插入一个层,这个层就相对与这个单元格定位了。插入一个层之后,不要动它,而且也永远不要动,但是可以更改它的大小,比如把它的高与宽都改成"0",让它不再影响你对其他内容的编辑,否则,这个层的left与top属性出现之后就成了绝对定位了,变成绝对定位后你可以把它的left与top属性去掉,就恢复成相对定位了。变成"0"之后,有时子层会看不见,可以按[f11]键点它恢复编辑。 现在光标在这个层内闪动,再通过菜单插入子层,这时子层与父层重叠,你可以随意移动它,不管怎么动,它都是相对与父层定位。 好了,一个相对定位的层(子层)做好了,你可以在里面随意添加内容了,也可以改变它的尺寸、位置、背景等所有属性,但是不要动left与top属性,因为它是相对于父层的左上角定位的。 下面给出父层与子层在Dreamweaver中的属性面板: 父层: 子层: 五. 技巧: 先插入一个表格,在其中一个单元格中插入父层,可以把它定得小一点,比如说20象素宽、10象素高,这样它就不会盖住下面的链接,也不影响子层的相对定位。 如果要用778象素宽定义表格,可以把父层插入到表格的第一行第一个单元格中,这样就可以在所有层制作完后插入父层了!对代码熟的朋友就可以手敲父层而不必再去调整子层的位置了。
XHTML基础教程(二)
合理的添加图片可以使一个网页更加的美观。<img>标签用于在网页里插入图片。<img>标签有一个重要的属性"src",它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件,在</body>前加上如下代码: 保存后浏览网,请确认您的网页与该页面相同。 我们注意到<img>是一个空标签,需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt,我们把它叫做做替换属性,当图片由于某种原因而无法显示的时候,alt的属性值就会代替图片出现;而当图片正常显示时,只要把鼠标停在图片上就会看到alt属性的属性值。 我们在之前的教程中曾经学习过创建超级链接,下面我们打开“index.html”并且将刚插入的代码改为下面这段:
最新发布
色彩系列教程(1):基础知识
设计爱好者对色彩的喜爱更是“如痴如狂”,他们知道色彩不仅仅是点缀生活的重要角色,它也是一门学问。要在设计作品中灵活、巧妙的运用色彩,使作品达到各种精彩效果,就必须对色彩好好研究一番。今天我们首先学习一些关于色彩的最简单、基础也是很重要知识,感受一下色彩运用的妙处! 一、色彩的构成 色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩,即反射白光的色彩,如图1。图1 有彩色是指红、黄、蓝、绿等带有颜色的色彩,如图2中的色彩。图2 在一定条件下,人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下,多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。 色彩对比包括两方面。其一,时间隔序,称“同时发生的对比”;其二,空间位置,称“连贯性的对比”。对比本来是指性质对立的双方相互作用、相互排斥。然而,在某种条件下,对立的双方也会相互融合、相互协调。并置的不同色调往往相抵消对方的色彩,这种相互抵消的现象称“同化现象。对比的具体运用和效果,将在以后的文章中再详细讲解。
色彩系列教程(2):色系和色调
一、色调和色系的概念 PCCS(Practical Color-ordinate System)色彩体系是日本色彩研究所研制的,色调系列是以其为基础的色彩组织系统。其最大的特点是将色彩的三属性关系,综合成色相与色调两种观念来构成色调系列的。从色调的观念出发,平面展示了每一个色相的明度关系和纯度关系,从每―个色相在色调系列中的位置,明确的分析出色相的明度、纯度的成分含量。 二、色调系列的组织结构 色调系列是由24个色相与9个色调组成的,如图1,看到色调系列的24色色环。图1,24色色环 从图1中的24色环,我们可以总结一下24色系的组织结构: Pccs色彩体系的色环的结构,是依据“三原色学说”为理论基础的。以红(R)、黄(Y)、蓝(B)为三主色, 由红色和黄色产生间色――橙(O);黄色与蓝色产生间色――绿(G);蓝包与红色产生间色――紫(P),组成六色相。在这六个色相中,每两个色相分别再调出三个色相(如图1).便组成24色色相环。 9个色调是以24色相为主体、分别以清色系、暗色系、纯色系、浊色系色彩命名的。色调与色调之间的关系同色彩体系的三要素关系的构架是一致的,明暗中轴线由不同明度的色阶组成。 靠近明暗中轴线的色组、是低纯度的浊色系色调,Ltg色组、g色组。远离中轴线的色组、是高纯度的v色、b色组;靠近明暗中轴线上方的色组,是高明度的清色系P色组、Lt色组。中轴线下方的色组,是低明度的暗色系,dp色组、dk色组。*地带的色组,是明度、纯度居中的d色组。
色彩系列教程(3):实际运用
一、色彩知识的补充 (一)、色彩和面积的关系 色彩构成中,色彩面积的大小,直接关系到色彩意向的传达。例如红色,当它的用色面积只占画面的20%时,在作品中起到了点缀作用(如图1)。图1 如果用色面积占到90%时,那给人的感觉大不相同。如图2图2 在上一期的文章中,我们谈到主色调,在这里用色面积大的颜色就是所说的主色调。在一个作品中所用的色调不变,只改变各种色调作占的比例,将会得到意想不到的色彩效果。从以上的理论中我们可以总结出色彩的使用技法――变换色调。这种方法很简单,大家可以自己试试,变换作品中面积不同的色调,得到另一种风格的作品。如图4
Photoshop CS3亲密接触(1):体验界面进化之美
Adobe近日发布了备受瞩目的Photoshop CS3测试版。作为全球图像平面处理行业标准的Photoshop将如何进化,大家都在翘首以待。从今天开始,太平洋软件资讯频道创意设计栏目将为您连载《Photoshop CS3 Beta精彩全接触》系列文章,通过图文并茂的实例讲解,带您一同领略最新版Photoshop的风采。 序言 几天前,adobe公司发布了Photoshop cs3的beta版本供大家试用,非常有幸的成为最先试用的人之一。迫不及待的安装上了Photoshop Cs3,从安装界面就给人感觉有很大的改动。打开Photoshop,没有任何图片的蓝色启动界面,给人以非常专业的感觉(见图1)。 图1 补充一下,在还没开始用之前就有另个发现,就是cs3的开启速度很快,笔者打开的速度是6秒,一改cs2的冗长让人颇感意外;因为cs2的速度,很多人至今都还是用的cs,但是接下来的介绍,你会觉得升级成cs3是非常值得的。 Photoshop CS3界面预览 图2 开启Photoshop后可以看到非常清爽的新界面(见图2),工具栏等都有很大的变化,Adobe公司会把这一新的界面变化应用在所有的CS3套件里,你会在以后的Illustrator, Indesign等软件里看到这一界面的变化。如果你用Photoshop很多年了,对这个软件非常熟悉的话,新的界面可能一开始会让你不习惯,但笔者觉得这次的界面变化是一件非常好的事情。让我们一起来具体看看。 首先这打开一个文件,我们可以看到在界面的左边是一个单排的工具栏(见图3), 图3
