構(gòu)圖與色彩搭配

關于構(gòu)圖與色彩搭配構(gòu)圖UI界面設計分四個階段：構(gòu)圖，確定色系，編排，細節(jié)調(diào)整突出主體、主次分明、有層次感，賞心悅目。第2頁,共28頁，2024年2月25日，星期天構(gòu)圖將表現(xiàn)主題的各個構(gòu)成要素按照主次關系放置在畫面相應的區(qū)域，形成良好的視覺感受。不同的主題，產(chǎn)品使用不同的構(gòu)圖形式有著內(nèi)在規(guī)律，無論是攝影，平面廣告、banner在構(gòu)圖上原理都是一致的。下面就以攝影和門戶banner為例講解幾種常見的構(gòu)圖形式。常見的構(gòu)圖形式有：垂直構(gòu)圖，平衡式構(gòu)圖、斜線構(gòu)圖、放射線構(gòu)圖、九宮格構(gòu)圖。第3頁,共28頁，2024年2月25日，星期天構(gòu)圖1、垂直構(gòu)圖垂直的線條象征著莊嚴、堅強、有支撐力，傳達出一種永恒性。垂直的物體，也會給人一種秩序感和穩(wěn)定感。這種方法充分體現(xiàn)景物的高度和深度。在自然界中很多物體、景色都具有豎線形狀的結(jié)構(gòu)，如：萬木爭榮的森林，參天大樹，險峻的山石，飛瀉的瀑布，摩天大樓等。設計上主要用于表現(xiàn)單薄細長的物體。如：服飾、燈管等第4頁,共28頁，2024年2月25日，星期天構(gòu)圖垂直構(gòu)圖第5頁,共28頁，2024年2月25日，星期天構(gòu)圖2、平衡式構(gòu)圖與垂直構(gòu)圖相似，給人安靜，穩(wěn)定，滿足的情緒，畫面結(jié)構(gòu)完美無缺，安排巧妙，對應而平衡。攝影方面用于月夜，水面，夜景等設計方面常用于地產(chǎn)設計，水壺穩(wěn)定類產(chǎn)品banner設計第6頁,共28頁，2024年2月25日，星期天構(gòu)圖平衡式構(gòu)圖第7頁,共28頁，2024年2月25日，星期天構(gòu)圖平衡式構(gòu)圖第8頁,共28頁，2024年2月25日，星期天構(gòu)圖3、斜線構(gòu)圖可分為立式斜垂線和平式斜橫線兩種。應用廣泛，能夠非常好的表現(xiàn)空間物體的透視關系和縱深感。攝影方面表現(xiàn)運動，流動，傾斜，動蕩，失衡，緊張，危險等場面。設計方面用于表現(xiàn)運動鞋，運動服，細長鉛筆等產(chǎn)品對象第9頁,共28頁，2024年2月25日，星期天構(gòu)圖斜線構(gòu)圖第10頁,共28頁，2024年2月25日，星期天構(gòu)圖4、放射線構(gòu)圖以主體為核心，元素呈向四周擴散放射的構(gòu)圖形式。這種構(gòu)圖方式可使人的注意力集中到被攝主體，爾后又有開闊、舒展、擴散的作用。常用于需要突出主體而元素又多又復雜的場景，或是產(chǎn)品多而單一和畫面比例嚴重失調(diào)的情況。第11頁,共28頁，2024年2月25日，星期天構(gòu)圖放射線構(gòu)圖第12頁,共28頁，2024年2月25日，星期天構(gòu)圖5、九宮格構(gòu)圖簡單的說就是把主體放在四個焦點上(或者線上)，不要讓主體在正中間就會很美。九宮格構(gòu)圖最適用的題材:人像、靜物、風光第13頁,共28頁，2024年2月25日，星期天構(gòu)圖九宮格構(gòu)圖第14頁,共28頁，2024年2月25日，星期天色彩搭配“色彩搭配”這個概念是在20世紀末才開始傳入中國的，對于大多數(shù)中國人只敢穿黑，白，灰，藍來說，這無疑是一個莫大的驚喜。不到十年的時間，“色彩搭配”風靡中國的大江南北，指引著人們的穿著打扮，商業(yè)營銷，城市規(guī)劃，從此我們的世界五彩繽紛。色彩搭配的重要性第15頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配的重要性第16頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配的重要性第17頁,共28頁，2024年2月25日，星期天第18頁,共28頁，2024年2月25日，星期天第19頁,共28頁，2024年2月25日，星期天色彩搭配原色可以合成其他顏色，而其他顏色不能分解出本來的色彩，我們通常說的三原色，即紅、綠、藍，可以混合出所有顏色，三種顏色同時相加為白色。色光三原色：R、G、B(紅綠藍）色料三原色：黃、

品紅、青，用于涂料印刷

認識三原色第20頁,共28頁，2024年2月25日，星期天色彩搭配色環(huán)暖色：暖色由紅色調(diào)構(gòu)成，如紅色、橙色和黃色。這種顏色選擇給人以溫暖、舒適、有活力的感覺。這些顏色產(chǎn)生的視覺效果使其更貼近觀眾，并在頁面上更顯突出。冷色：冷色來自于藍色調(diào)，如藍色、青色和綠色。這些顏色使配色方案顯得穩(wěn)定和清爽。它們看起來還有遠離觀眾的效果，所以適于做頁面背景。

第21頁,共28頁，2024年2月25日，星期天色彩搭配色環(huán)相似色：是指在給定顏色旁邊的顏色。如給出的是橙色，那么他的相似色就是紅色和黃色，這種更接近自然的配色互補色（對比色）：是指色環(huán)上相互正對的，如果希望更鮮明的突出某種顏色，選擇對比色效果是最好的

第22頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配什么是三色搭配原則？三色搭配原則是指一個設計作品中，顏色應保持在三種之內(nèi)。三種，而不是三個(擁有獨立色值算一個顏色)。我們隨便打開一個網(wǎng)站，比如淘寶、阿里巴巴、京東、甚至蘋果等，仔細檢查里面的顏色就超過三個(鏈接、報錯、提示、金額等)。只要保持主要顏色不超過三種即可。所以說，童鞋們，發(fā)揮你的想象大膽的用色吧，不要讓限制的思想束縛你天馬行空的創(chuàng)意!第23頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配第24頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配色彩搭配三色構(gòu)成主色+輔助色+點睛色(主色調(diào))約75%主色——決定畫面的風格趨向的色彩，或色彩群。主色并不一定只能有一個顏色，它還可以是一種色調(diào)，最好選擇同色系或鄰近色中的1-3個，只要能夠保持協(xié)調(diào)就可以。輔助色(輔助圖)約20%輔助色——輔助主色，使畫面更完美，更豐富，更顯優(yōu)勢。輔助色不一定只能有一個顏色，也可以多色相輔助。點綴圖案最好有1-2種，多了容易花哨，或者分散主題。點睛色(點睛圖)約5%點綴色(點綴圖)——引導閱讀，裝飾畫面，營造獨特的畫面風格。點綴色(圖)也可以有1-3種，但要以一種為主，其它為輔，整體協(xié)調(diào)為妙。第25頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配第26頁,共28頁，2024年2月25日，星期天色彩搭配色彩搭配平時設計中的一些小技巧