Adobe Dreamweaver,簡稱“DW”,中文名稱夢想編織者,最初為美國Macromedia公司開發,2005年被Adobe公司收購。DW是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。
更網頁配色請參考:網頁配色方案大全 色彩視覺的構成 在黑暗中,人們看不到周圍物體的形狀和色彩;在日光下若看不清色彩,可能是因為有視覺障礙或眼睛過度疲勞所致。在同一種光線條件下,人們看到不同景物具有不同顏色,這是因為物體表面具有不同的吸收與反射光線的能力,因此,色彩的發生是光對人的眼睛和大腦產生作用的結果,是一種視知覺。 光透過下列三種形式產生視覺。 ■ 光源光 是指光源發出的有色光直接進入視覺系統。霓虹燈、臺燈、燭火等發出的光都是光源光。 ■ 透射光 光源光穿過透明或半透明的物體之后,再進入視覺系統的光線即為透射光。透射光的亮度和顏色取決于入射光穿過被透射物體后的光透射率及波長。 ■ 反射光 在光線照射之下,眼睛能看到的任何物體都是該物體的反射光進入視覺器官所致。視覺色彩可分為物體色和固有色兩類。 ■ 物體色 是指光線投射到某個物體后,通過反射所呈現的顏色。日常生活中所見到的非發光物體呈現不同的顏色,是光源光、反射光、透射光產生復合色光的結果。例如,在白色日光的照射下,白色表面幾乎反射全部光線,黑色表面幾乎吸收全部光線,因此會呈現白、黑兩種不同的物體色;藍色表面吸收日光中除了藍色以外的其他色光,因而反射出藍色光。當透射光由白色變為單色時,,情況就不同了。例如,同樣是白色的表面,用綠色光照射時,因為只有一種綠色光可以反射,因此就會呈現綠色;而紅色表面由于沒有紅色光可以反射,因而會把綠色的投射光吸收掉,呈現偏黑的顏色。 ■ 固有色 固有色并不是個非常準確的概念,因為物體本身的色彩不是固定不變的,只是由于它最具有普遍性,因此人們的直覺中便形成了對某一物體的色彩印象。人類的活動時間主要是在白天,在這個特定條件下,光線強烈時,物體的固有色呈現在接近受光和明暗之間的灰色中間區域;光線微弱時,物體的固有色變得暗淡模糊。例如,在正常光線下觀察紅色的花朵,玫瑰花的基本色是紫紅色,荷花為粉紅色,美人蕉則偏朱紅色。也就是說,這些不同品種的花盡管都給人紅色的印象,但呈現出來的紅色面貌卻不相同,這種“不同”或“差異”就是物體各自的固有色,而籠統地稱“紅色,,就是通常所說的“概念色”。
色彩屬性的分類 色相、明度與彩度被稱為色彩三屬性或色彩三要素。除了無彩色之外,無論何種色彩都具有這三個基本屬性。 ■ 色相 色相是指色彩的名稱,如紅、黃、藍、綠。最基本的色相為紅、橙、黃、綠、藍、紫,在各色中間插入一二個中間色,其頭尾色相按光譜順序排列為紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫。1 2種色相的色彩變化在光譜色感上是均勻的,如果進一步再找出其中間色,可以得到20種色相。若把光譜中的紅、橙黃、綠、藍、紫等各色帶圈起來,在紅和紫之間插入半幅,構成環形的色相關系,則構成色相環。在基本色相之間取中間色,可以得到1 2色相環,如圖所示;更進~步則構成24色相環。1 2色相環中每一色間距為30,24色相環中每一色間距為15。 ■ 明度 明度是指色彩的明暗程度,以無彩色來說,最亮是白,最暗是黑,黑白之間是不同程度的灰,都具有明暗強度的表現;有彩色則是依據本身具有的明亮度值,依靠加減灰、白來調節明暗。若按一定的問隔劃分,可構成明暗尺度。明度變化如圖所示。 ■ 彩度 同一種色相也有強弱之分。以正紅色來說,有鮮艷無雜質的純紅,有像凋謝玫瑰似的紅,也有較淡薄的粉紅,它們的色相都相同,但強弱不一,也稱做飽和度不同。彩度常使用高低來描述:彩度越高,顏色越純、越鮮艷;彩度越低,顏色越干澀、越濁。彩度變化如圖所示。 色彩性質的分類 任何顏色都可以使用三原色——紅、綠、藍組合而成,三原色中只有紅色是暖色,所以要判斷作品顏色的冷暖,可以依據紅色成分的多少而定。色調主要由明度與彩度組合而成,用來表示顏色的狀態。 ■ 暖色調 暖色調包含紅紫、紅、紅橙、橙、黃橙,這類色彩給人很強烈的j中擊感,有擴張及迫近視線的作用,令人產生溫暖的感覺。
■ 冷色調 冷暖之間的關系是通過比較得到的,明度和彩度較弱的色相,如青、青綠、藍、藍紫等以青色為中心的顏色及其接近的顏色,會給人帶來收縮、疏遠和寒冷的印象。冷色會使人聯想到藍天、綠水等景物,產生深邃、嚴肅的感覺。 ■ 中性色調 讀者可能會發現,紫、黃、綠等色彩沒有在暖色調與冷色調中出現,這是因為這些顏色既不屬于冷色,也不屬于暖色,由于其所包含的冷暖比例不定而稱為中性色。 色彩對比與調和 在對比狀態下,色彩相互作用與單一色彩所帶給人的感覺不一樣,這種現象是由視覺殘影引起的。當我們長時間注視某一彩色圖像之后,再看白色背景時,眼前會出現色相、明度關系大體相仿的補色圖像。如果背景有彩色,殘影就會與背景色混合,成為由補色殘影所形成的視覺效果。色彩調和是指將兩種或兩種以上的色彩合理搭配,產生統一、和諧的效果。它有兩層含義:其一,它是美的一種形態;其二,它是配色的一種手段。色彩調和的基礎是色彩對比。 一、明度的對比與調和 明度對比是指同一色相不同明度的對比以及不同色相不同明度的對比,是色彩構成中最重要的因素之一。 同一色相不同明度的對比會呈現不同的深淺層次,有助于表現色彩的空間關系和秩序,產生色彩漸變的韻味。不同色相不同明度的對比不僅可以呈現色相的區別,加入不同明度后所產生的顏色差異也會使色彩顯得豐富而多變。明度對比越大,色相的色彩效果越強烈;明度對比越小,并且色相的冷暖差別也不大,色彩效果則越柔和。
二、彩度的對比與調和 彩度對比是將不同彩度的顏色搭配在一起,互相襯托的對比方法。在彩度對比中,如果其中面積最大的色彩或色相屬于線顏色(彩度高的顏色),而另一色彩的彩度低,會構成鮮明對比。一般說來,線顏色的色相明確,引人注目,視覺興趣強,色相的心理作用明顯,但容易使人感覺疲倦,不能持續注視。色彩的模糊與生動主要是由彩度對比引起的,色彩的對比有助于強化色彩之間的相互襯托。例如,使用灰色來襯托鮮艷的純色,由于這兩種色彩產生對比,鮮艷的純色會更加生動。 在色相、明度相等的條件下,彩度對比最大的特點是柔和。彩度差越小,柔和感越強。同~彩度能調和不同色相、不同明度的顏色,但要打破沉穩的色彩結構,還是需要變化色相和明度。臨近彩度的調和需要增加色相和明度的變化;對比彩度調和則需要通過色相和明度的統一來增進和諧。 三、色相的對比與調和 色相對比是由每一色相的差別形成的,其強弱可以使用色彩在色相環上的距離大小來表示。在24色相環上任選色,將其明度加強或減弱后產生的顏色為此色的同種色,與此色相相鄰的色彩為鄰近色,與此色相相鄰60°左右的色彩為相似色,與此色相相鄰90°左右的為中差色,與此色相相鄰120°左右的為對比色,與此色相相鄰1 80°左右的為補色。同種色、鄰近色、相似色為色相弱對比:中差色為色相中對比;對比色、補色為色相強對比。 無彩色系的顏色最容易調和,但必須注意各色彩之間的明度變化;距離太近的顏色會含混不清,距離太遠的顏色則會過于生硬。同一種色彩調和,色相單一,顯得單調,必須調整明度和彩度,才能產生富有變化的色彩。除了采用“小間隔”的方法配色外,還可以增加對比色來點綴。鄰近色之間極其相似,通常要改變明度和彩度以增加層次。雖然相似色較鄰近色有變化,但由于色相的變化不明顯,容易顯得單調,這時需要改變明度和彩度,讓色彩變得活潑生動。 認識色相環 不同類型網頁中會使用到的色彩相關知識,什么是色相環呢?下面我們就來認識色相環。 一、鄰近色 鄰近色是指色相環中最相近的三種顏色,如圖所示。鄰近色的搭配會給人舒適、自然的視覺感受,在網站設計中運用最廣泛。 二、分裂互補色 分裂互補色是由補色兩邊的顏色組成的,如圖所示。選擇一種顏色,在色相環的相對方向找到補色,然后使用補色左右兩邊的色彩。 三、互補色 互補色是指色相環中正好相對的兩種顏色,如圖所示。如果希望突顯某些色彩,使其更加鮮明,使用互補色是個好方法。使用時也可以調整一下補色的明亮度,試試不同的效果。 三、三色組 三色組是色相環上等距離的任何三種顏色,如圖所示。若在配色時使用三色組,會帶給人緊張的感覺,這是因為這三種顏色的對比很強烈。 四、暖色 暖色跟黑色調和之后可以達到很好的效果,如圖所示,一般應用于購物、電子商務與兒童類型的網站,以展現商品的豐富與多元化,使網站看起來既活潑又溫馨。 五、冷色 冷色跟白色調和之后可以達到很好的效果,如圖所示,一般應用于資訊、科技與游戲類型的網站,使網站以嚴謹、穩重的效果呈現。 六、對比色 而色相環中的互補色則呈現最大的彩色對比。人的肉眼對于彩色的對比比對無彩色的對比更敏感。當使用一種顏色,并針對其提高或降低明度時,就能建立單色對比,如圖所示。 七、色彩均衡 若要讓網站看起來舒適、協調,除了文字、圖片、多媒體等內容合理的配置之外,色彩均衡也是相當重要的因素。網頁不可能只使用一種單一顏色來設計,不同色彩的運用及其所占比例都是色彩是否均衡的關鍵,例如,鮮艷明亮的色彩只占一點點面積,就能令人感覺舒適、不刺眼。 色彩心理學及其感受 這里所說的色彩心理學及其感受是指視覺對色彩的反應隨外在環境而改變。人們受色彩的明度及彩度的影響,會產生冷暖、輕重、遠近、脹縮、動靜等不同視覺感受與心理聯想。色彩由視覺辨識,但卻能影響到人們的心理,作用于人們的情感,甚至左右人們的精神與情緒。就本質而言,色彩并無感情,而是經過在生活中積累的普遍經驗的作用,人們形成了對色彩的心理感受。 一、冷暖感 色彩的冷暖被稱為“色性”,色彩的冷暖感覺主要取決于色調,如圖所示。色彩的各種感覺中,首先感覺到的是冷暖感。在繪畫與設計中,色彩的冷暖有著很大的適用性,因此得到廣泛的使用,如表現熱烈歡樂的氣氛時多考慮用暖色調。 二、輕重感 色彩的輕重感主要取決于明度。明度高的色彩感覺輕,富有動感,暗色具有穩重感。明度相同時,純度高的比純度低的感覺輕。以色相分,輕重次序排列為白、黃、橙、紅、灰、綠、藍、紫、黑。設計者常利用色彩的輕重感處理畫面的均衡,通常會收到良好的效果。 三、遠近感 遠近感是色性、明度、純度、面積等多種對比造成的錯覺現象。亮色、暖色、純色,比如紅、橙、黃暖色系,看起來有逼近之感,稱做“前進色”;暗色、冷色、灰色,比如青、綠、紫冷色系,有推遠之感,稱做“后退色”。色彩的前進與后退還與背景和面積對比密切相關,進退效果在畫面上可以造成空間感覺,是設計者重要的造型手段之一。色彩的遠近感能產生千變萬化的美妙構想,并使主題得以突出強調。 四、脹縮感 色彩的脹縮感是一種錯覺,明度的不同是形成色彩脹縮感的主要因素。運用色彩脹縮感的典型實例要算法國的三色國旗設計了,其紅、白、藍三色的寬度之比為白30、紅33、藍37,三色雖不等分,但在視覺上卻造成了感覺上的等分,這是一個很有說服力的例子。 五、動靜感 色彩的動靜感也稱“奮靜感”,是人的情緒在視覺上的反映。紅、橙、黃色給人以興奮感,青、藍色給人以沉靜感,而綠和紫屬中性,介于兩種感覺之間。白和黑以及純度高的色彩給人緊張感,灰色及純度低的色彩給人以舒適感。動靜感也來源于人們的聯想,它與色彩對心理產生作用密切相關。色彩的動靜感與畫面色調氣氛和意境也有著緊密的關系。色彩的運用應服務于主題,在進行色調設計時,色彩的動靜感效果是必不可少的思考因素。 由于人們的年齡、性別、經歷、修養、性格、情緒、民族傳統、宗教信仰、地區風俗、環境等不同,對色彩的心理反應也不盡相同,所以不能把色彩的心理反應絕對化。 以上就是有色彩心理學及其感受的內容,希望對你有所幫助。
色彩三原色原理及色彩視覺: 無法由其他任何色彩混合調配而得的基本色彩被稱為原色。人類眼球的內部有錐狀細胞,能夠感受到紅光、綠光與藍光,雖然眼球并非對紅、綠、藍色的感受度最強,但所能感受的頻寬最大,也能夠獨立刺激這三種顏色的受光體,所以紅、綠、藍三色被視為原色。這三種色彩是獨立的,其中任一原色都不能由另外兩種原色混合產生。
人眼所見的各種色彩是因為光線有不同的波長所產生。經過實驗發現,人的眼球對紅光,綠光與藍光三種波長的光線感受特別強烈,只要適當調整這三種光線的強度.幾乎就可以讓人感受到自然界中所有的顏色。 二、印刷的三原色 顏料的特征剛好和光線相反,顏料是吸收光線,而非增強光線,因此印刷的三原色(CMY)必須是可以吸收紅、綠、藍的顏色,也就是它們的補色:青(cyan)、洋紅(magenta)與黃(yellow),以濃度O~100來表示。 三、暖色系視覺效果 1、紅色 紅色容易引起注意,所以在各種媒體中被廣泛采用。它除了具有較佳的視覺效果,更被用來傳達活力、積極、熱誠、溫暖等印象與精神。另外,該色也常作為警告、危險、防火等標志的用色。 2、橙色 橙色的明度高,在工業安全用色中是警戒色。例如,火車頭、登山服裝、背包、救生衣等常使用橙色。由于橙色明亮刺眼,有時會給人負面、低價的印象,所以在運用時要注意與其搭配的色彩與表現方式,這樣才能發揮其明亮活潑的特性。 3、黃色 黃色的明度高,在工業安全用色中是警告危險色,常用來警告危險或提醒注意。例如,交通標志、工程用的大型機械、雨衣和雨鞋等常使用黃橙色。 色彩搭配原理分析及技巧: 研究色彩是為了使用色彩,也就是說最大限度地發揮色彩的作用。色彩的意義與內容在藝術創造和表現方面是復雜多變的,但在欣賞和解釋方面又有共通的國際特性,可見它在人們心目中不但是活的,也是一種很美的大眾語言。所以,通過對色彩的各種心理分析,找出它們的各種特性,可以做到合理而有效地使用色彩。 一、紅色系 紅色系是從色相環上的紅紫色到朱紅色之間的色彩。它的刺激作用很大,具有很高的注目性和視認性。大紅色是暖色系里溫度最高的色彩,紅色系原色彩對人的心理能產生很大的鼓舞作用。 1.純色使人產生如下心理感受:熱的、活潑的、寬大的、引人注目、辣辣的、令人疲勞、不透明、健康的、血、熱鬧、圣誕節、太陽、口紅、共產黨、干燥、喜氣洋洋、結婚、愉快、熱情、熱心、熱愛、艷麗、危險、火災、權勢、活力、幸福、吉祥、豐富、野蠻、忠誠、大方、革命、暴力、殘忍、貪婪、憤怒、浪漫、開放、莊重、公正、激昂、恐怖。 二、黃色系 黃紅色系的性質和紅色系性質很接近,該色系大致以橘紅色為中心,另有橙色、黃丹、柿紅、赭石、琥珀等色彩組成黃紅色系。其色彩刺激沒有紅色那么大,但其色彩性質輕浮而沖動,所以具有很大的視覺警戒力,具有很強的視認性和引人注目的感覺。喜歡高純度黃紅色的人不太多,而當該色系變淺或變濁時,喜歡的人就很多。日常生活上見到的許多物品均是這一類色彩,尤其是淡米黃類的色彩,具有促進食欲的作用;茶褐色一類的色彩使人感覺沉著安定,這樣的色彩均是理想的設計色彩。 1.純色使人產生如下心理感受:橘子、柿子、火焰的尖端、強烈的、沖動的、開朗的、跳動的、熱烈搖滾、嬉皮、華麗、艷陽天、豐富、甜蜜、甘美、光明、歡樂、興奮、少壯、力量充沛、頑皮、疑惑、暴躁、厭煩、嫉妒、悲傷、勇氣十足、容易輕舉妄動、野心。 三、黃色系 黃色系是具有最亮彩系的色彩,也是與純色和一般其他的色彩感情區別最大的色系。它包括金黃、藤黃、檸檬黃、米黃、蛋黃、土黃等色彩。黃色系明度高,最引人注目,但在暖色系中較溫和,刺激性不大,所以給人帶來中和的感覺。 1.純色使人產生如下心理感受:黃金、目光、金光、香蕉黃、木瓜黃、向日葵、光輝、刺眼、明朗、快活、健康、有自信、可發展、前途光明、希望、榮譽、高貴、貴重、有價值、大方、大膽、進取向上、財富、有信用、大地、增加、膨脹、佛、神仙、上帝、黃帝、德高望重、富于心計、警惕、猜疑。 四、黃綠色系 黃綠色是黃色和綠色的中間色,也是春天草木萌芽的色彩,翠綠、嫩綠、淺綠是它的主要色彩。黃綠色系的色彩很溫和,從心理上感覺,這一色系比其他顏色單純,而且有中性的感覺。 1.純色使人產生如下心理感受:新綠、幼芽、新鮮、春天、三月、生長、茁長、青翠、年 五、綠色系 綠色多數是植物色彩。在自然界中除了天與海,綠色所占面積最大。在人們的印象中,綠色的范圍是從黃綠到青綠,實際上,正確的范圍應以草綠色為中心,左右各18。范圍內為準。綠色的刺激和明度均不高,性質極為溫和,屬于中性偏冷的色彩,多數人喜好此色。 1.純色使人產生如下心理感受:草木、草坪、綠葉、公園、綠地、田園、自然、新鮮、未成熟、羞澀的、平靜、安逸、安心、安慰、舒服、遠望、健全、有生物、永遠、活的、和平、有保障、有安全感、可靠、信任、實在、公平、互惠、理智、理想、親情、滿足、保守、清閑、安息、能解除疲勞、純真、中庸、純樸、解放、平凡、卑賤。 六、青綠色系 該色系是夾在青色和綠色中間的色彩,接近深綠。草木的綠葉接近天青色的很少,一般都是從黃紅、黃、黃綠、綠到青綠為止。青綠色的明度或注目性與綠色差不多,除了比綠色更冷靜和涼濕之外,給人的其他心理感受與綠色系差不多。 1.純色使人產生如下心理感受:濃陰、茂盛的樹葉、深谷清泉、大樹、森林、黑松、青潭、草湖、深海、蒼嶺、涼爽、清涼、深遠、濃厚、沉重、安寧、熟睡、幽靜、恬靜、惰性、平穩、有思想、智慧、經濟的、冷漠、傲慢、氣急、不平、陰氣、內向、堅毅、酸澀、低賤、嫉妒。 七、青色系 通常指的是天青色,該色系包括偏青紫和偏青綠兩邊的色彩,諸如水青、孔雀藍、拂青、鈷青、紺青、群青、普魯士藍等在內的色彩。青色明度比藍色高而鮮艷,青色系的性格頗為冷靜,它與朱紅色的刺激性相反,尤其適宜年齡較大的人或者知識分子。青色系的色彩沉著、穩定、沒有錯覺變化,所以,在分量、面積、輕重、時間的感覺應用上,有很多地方值得人們研究。 1.純色使人產生如下心理感受:天空、海面、冷水、太空、青云、青玉、寒冷、遙遠、浩瀚、無限、自由、飛翔、驕傲、永恒、透明感、冷淡、消極、沉靜、理智、冥思、高深、清高、仁善、尊嚴、權威、法律、氣魄、幽靜、無聊、清淡、冷酷、深奧、能耐的、簡樸、沉思、憂郁。 八、青紫色系 青紫色系與黃色互為補色,是明度很低的色彩, 般稱為湛藍色。青紫色的顏色本身較暗,所以純度效果不明顯,注目性也較差,必須用背景來襯托,色彩具有收縮和后退的感覺。 1.純色使人產生如下心理感受:鈍重、打傷、冷澈的太空、深遠、稀少、凄涼、殘酷、秘密、哲理、神奇、閃電、暴力、恐懼、幽靈、鬼祟、神圣、陰險、地獄、刺激、孤獨、貴族、霸權、嚴厲、粗莽、兇猛、拘謹、性情多變、哀傷、崇高、高聳、珍貴、好高騖遠、幻覺。 九、紫色系 紫色是中性色之一,它的視認性不如注目性,即視覺效果不如感受效果大。女性尤其是成熟的女性,更適宜使用紫色系。它是女性最喜歡的顏色之一,具有成熟老練的特征。 1.純色使人產生如下心理感受:朝霞、紫云、化妝品、少婦、舞池、咖啡屋、藝術性、優美、情調、神秘、神圣、創新、高貴、嫻淑、風韻、大方、嬌媚、溫柔、表現、豐富、昂貴、自傲、奢侈、華麗、粉飾、驕傲、美夢、虛幻、氣氛、肅穆、向往、信守、戀愛、魅力、疼愛、浪漫的、虔誠、貞操。 十、紅紫色系 紅紫色冷暖度感覺比紫色高,但沒有紅色熱,屬于一種中性暖色。視認性和注目性介于紫、紅兩色之間,是男女都喜歡的色彩。 1.純色使人產生如下心理感受: 十一、白色系 白色是中性色之 (屬無彩色),除了溫度心理外,從明視度及注目性上說,它是高而活潑的色彩,尤其是在配色上,白色的地位很高,具有能普遍參與色彩活動的特性。它的反射率最高,對生理和心理的刺激很大。白色雖然沒有色相和純度上的變化,但因反射率的不同,也會產生偏冷或偏暖的感覺,或是通過對比產生補色傾向。 黑色系 十二、灰色系 灰色是種地道的中性色彩,它是由黑色加白色產生的淺黑色。它的視認性和注目性都很低,而且色彩性質比較順從,其作用是不但不干涉其他色彩,還易于和其他色彩混合在一起,并且具有協調其他色彩的作用;疑纳蕪臏\灰色到暗灰色,層次變化很多,其色彩感覺各異。 ![]() Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標準通用標記語言下的一個應用)編輯的功能,借助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!