明暗與透視web
明暗原理:網站
透視(平行透視):spa
咱們平常所接觸到的物體以六面立方體爲最多,如:建築物,桌椅,櫃,櫥,舟車等物,這些物體無論它的形狀如何不一樣,均可以概括在一個或數個立方體中,一個六面立方體,有上下,先後,兩側三種面,只要有一種面與畫面成平行的方向,就叫平行透視.
正六面體的平行透視最少看見一個面,最多看見三個面。正六面體做圖的線段有水平線、垂直線和消失線,三組邊線的透視方向是:兩組各四條邊線與畫面平行,不消失,有四條邊線與畫面垂直,這四條邊線向主點消失。消失點在視平線上,凡是物體居於視平線上方的任何一點,都比人的眼睛高,反之比眼睛低。如圖所示的水平粗線即爲視平線。設計
透視(成角透視):3d
成角透視就是景物縱深與視中線成必定角度的透視,凡是與畫面既不平行又不垂直的水平直線,都消失於視平線上的一點,叫餘點,餘點在視平線上景物的縱深由於與視中線不平行而向主點兩側的餘點消失。凡是平行的直線都消失於同一個餘點,例如樓房的每層交界線都消失於同一個餘點。因此,對於立方體景物,在成角透視中都有兩個餘點,這兩個餘點在主點異側。blog
色彩原理
色彩三要素:色相、明度、純度(飽和度)淘寶
色相:反射
色相,即各種色彩的相貌稱謂,如大紅、普藍、檸檬黃等。色相是色彩的首要特徵,是區別各類不一樣色彩的最準確的標準。事實上任何黑白灰之外的顏色都有色相的屬性,而色相也就是由原(元)色、間色和複色來構成的。im
加色原理三原色(物理光學)
紅 綠 藍
減色原理三原色(美術學)
紅 黃 藍
明度:
色彩的明暗程度,亦稱「亮度」。明度對純度產生影響。明度不只決定物體照明程度,並且決定物體表面的反射係數。若是咱們看到的光線來源於光源,那麼明度決定於光源的強度。若是咱們看到的是來源於物體表面反射的光線,那麼明度決定於照明的光源的強度和物體表面的反射係數。
簡單說,明度能夠簡單理解爲顏色的亮度,不一樣的顏色具備不一樣的明度,其中黃色明度最高,紫色明度最低,綠、紅、藍、橙的明度相近,爲中間明度。另外在同一色相的明度中還存在深淺的變化。如綠色中由淺到深有粉綠、淡綠、翠綠等明度變化。
純度(飽和度):
色彩的飽和程度,亦稱「鮮豔度」、「純淨度」。純度不夠時,色相區分不明顯
從科學的角度看,一種顏色的鮮豔度取決於這一色相發射光的單一程度。人眼能辨別的有單色光特徵的色,都具備必定的鮮豔度。不一樣的色相不只明度不一樣,純度也不相同。
色彩情感:
色彩的冷暖
暖色:人們見到紅、紅橙、橙、黃橙、紅紫等顏色後就聯想到太陽、火焰、熱血等物像,產生溫暖、熱烈、危險等感受,令人產生衝動情緒。
冷色:見到藍、藍紫、藍綠等色後,則容易聯想到太空、冰雪、海洋等物像,就會產生寒冷、理智、平靜等感受。
色彩的輕重感(軟硬感)
其感受主要也來自色彩的明度,但與純度亦有必定的關係。明度越高感受越軟,明度越低則感受越硬,但白色反而軟感略改。明度高、純底低的色彩有軟感,中純度的色也呈柔感,由於它們易令人聯想起駱駝、狐狸、貓、狗等好多動物的皮毛,還有毛呢,絨織物等。高純度和低純度的色彩都呈硬感,如它們明度又低則硬感更明顯。色相與色彩的軟、硬感幾乎無關。
色彩的空間感
由各類不一樣波長的色彩在人眼視網膜上的成像有先後,紅、橙等光波長的色在後面成像,感受比較迫近,藍、紫等光波短的色則在外側成像,在一樣距離內感受就比較後退。
實際上這是視錯覺的一種現象,通常暖色、純色、高明度色、強烈對比色、大面積色、集中色等有前進感受,相反,冷色、濁色、低明度色、弱對比色、小面積色、分散色等有後退感受。
色彩體系
初步的瞭解了色彩的感情因素,可是咱們會發覺其實不少時候,色彩運用其實也是有他的規律的,就比如咱們在看到藍色的廣告的時候,就會聯想到冷飲,冰棒,或者游泳池。樓盤站通常會使用金色搭配咖啡色,或是採用大量的綠色素材進行裝點。女性站點會用上紅色搭配紫色,或者採用粉紅色,娛樂站點通常是採用黑色搭配誇張的紅色,淺灰,或者是質感出衆的金屬色等。其實色彩的搭配也是有他必定的規律的,規律通常能夠從色彩的情感方面取得,也能夠從經驗取得,也能夠從客戶本身的VI中取得。
單色搭配:
同種色彩搭配是指首先選定一種色彩,而後調整其透明度和飽和度,將色彩變淡或加深,而產生新的色彩,這樣的頁面看起來色彩統一,具備層次感。
特色:
色相相同、明度或純度不一樣
優劣:
對比效果統1、文靜、雅緻、含蓄、穩重,但易產生單調、呆板的弊病
近似色搭配:
特色:
色相環上相鄰二至三色對比,距離大約30度左右,爲弱對比類型
優劣:
效果感受柔和、和諧、雅緻、文靜,但感受單調、模糊、乏味、無力,必須調節差來增強效果
補色搭配:
是廣義上的對比色。在色環上劃直徑,正好相對(即距離最遠)的兩種色彩互爲補色。
特色:
色相對比距離180度左右
優劣:
兩種顏色互爲補色的時候,一種顏色佔的面積遠大於另外一種顏色的面積的時候,就能夠加強畫面的對比,使畫面可以很顯眼。通常狀況下,補色運用有得有失。
搭配消色(黑白灰)
所謂的消色,就是指黑白灰,這類顏色因爲自己沒有色性,因此能夠說是萬用搭配色。固然,說是說萬用搭配色,可是也是有一些須要注意的地方:首先,因爲自己沒有色性,他們必須和色性比較強的顏色搭配會比較出效果;其次,消色與其餘顏色搭配的時候,比例必定要控制好,尤爲是灰色,灰色是一種很「高檔」的顏色,可是問題是使用的過多,會使得頁面灰濛濛沒有質感。
1.不要將全部顏色都用到,儘可能控制在三種色系之內。
2.背景和前文的對比儘可能要大(絕對不要用花紋繁複的圖案做背景),以便突出主要文字內容。
忌髒——背景與文字內容對比不強烈,灰暗的背景使人沮喪!
忌純——豔麗的純色對人的刺激太強烈抗議,缺少內涵。
忌跳——再好看的顏色,也不能脫離總體。脫離羣衆是自取其辱!
忌花——要有一種主色貫穿其中,主色並非面積最大的顏色,而是最重要,最能揭示和反映主題的 顏色, 就象領導者同樣,雖然在人數上居少數,但起決定做用。
忌粉——顏色淺當然顯的乾淨,但若是對比過弱,整得蒼白無力了,就象病夫同樣無可救藥。
各web元素的色彩實際應用
網站背景儘量的選擇一些低純度的顏色。
網頁元素根據主次關係一次排列純度關係。
LOGO → 導航 → 按鈕
WEB設計中顏色用得最多的是藍色與灰色
比較好搭配其餘色系,藍色系比較經典耐看,純度與明度的變化對顏色自己無太大影響,均可試用
紅色與橙色在電子商城網站中應用得特別多。顏色自己熱情奔放,視覺衝級強。
各顏色具體情感
紅色 不適宜採用低純度色系、高明度色系。
一般爲高純度、低明度顏色,例中國紅、酒紅、深紅
案例:淘寶商城 紅孩子商城 京東商城
橙色 不適宜採用低純度色系、低明度色系。
一般爲高純度、高明度顏色,
案例:淘寶網 拉手網
綠色 天然而富有生機,不適宜採用高純度色系、高明度色系。
一般將綠色系偏黃或者偏藍來使用,例翠綠 果綠 嫩綠
紫色 通常用的少,顏色豔麗而刺眼,不耐看 。
經常使用於女性化的網站。化妝品類、美容類。
黃色 自己顏色明度過高,在淺色下顯現不出效果,對應都是與深色搭配。或下降明度與純度,調出高貴的金色系,或者深褐色系。用於地產、汽車等高端受衆人羣網站。