亚洲人av高清无码,好男人社区影院www,久久精品第九区免费观看 http://www.mxio.cn Fri, 06 Jan 2023 14:41:28 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.1 設(shè)計大神的配色和立體感,太贊了! http://www.mxio.cn/59945.html Fri, 06 Jan 2023 14:39:05 +0000 2.5D等軸風(fēng)格字體和圖案結(jié)合,

配色講究,立體感十足!

給人極強(qiáng)的沖擊感和空間感。

瑞典設(shè)計師Artur Tenczynski

深諳此道,功力深厚。

你有靈感了嗎?

 

]]>
獨(dú)特的配色,Iza Dudzik生活場景插畫欣賞 http://www.mxio.cn/54913.html Mon, 02 Nov 2020 06:34:37 +0000

#p#副標(biāo)題#e#

]]>
配色不夠協(xié)調(diào),該如何解決? http://www.mxio.cn/54857.html Fri, 30 Oct 2020 11:22:01 +0000 配色一直以來都是設(shè)計圈內(nèi)老生常談的話題,一幅優(yōu)秀的作品離不開合理協(xié)調(diào)的顏色搭配。不同的顏色所表達(dá)的含義不同。即便是相同的顏色,明度和純度不同,給人的視覺感受也不同。雖然說配色是感性的,但每個人對于色彩的把控力和敏感度不盡相同,所以導(dǎo)致配色能力也參差不齊,這時候我們就需要運(yùn)用到一些配色規(guī)則,提升我們對色彩的感知力。商業(yè)設(shè)計師跟藝術(shù)家不一樣,配色要考慮普通用戶的認(rèn)可度和接受能力,有效的傳遞信息才是最重要的。所以在商業(yè)設(shè)計中,配色并不是越有藝術(shù)感越好,如何做到協(xié)調(diào)才是重點(diǎn)。

 

來源:美工美邦

開眼了!原來詳情頁還可以這么做?

]]>
獨(dú)特的配色風(fēng)格!俄羅斯插畫師Valentin Tkach作品欣賞 http://www.mxio.cn/53945.html Thu, 10 Sep 2020 01:46:19 +0000

俄羅斯插畫師Valentin Tkach主要為雜志周刊等平面媒體創(chuàng)作插圖。所以他的作品經(jīng)常受到色彩的限制,但這絲毫沒有影響他作品的表現(xiàn)力,有時反而會更加突出細(xì)節(jié)的用心。切合主題的配圖,不僅為文章服務(wù),也有著單獨(dú)的藝術(shù)感。

#p#副標(biāo)題#e#

]]>
怡人的配色!融入現(xiàn)代潮流的老建筑翻新公寓 http://www.mxio.cn/53905.html Sun, 06 Sep 2020 11:47:39 +0000

本案位于一座19世紀(jì)的公寓樓里,有著獨(dú)特的歷史意義,有著高高的天花板、大窗戶和獨(dú)特的空間。設(shè)計師在空間上盡可能融入現(xiàn)代潮流,創(chuàng)造出一種帶有懷舊氣息的精致。

餐廳的墻面是大面積的低飽和度綠色。整個空間看起來清新舒適。淺粉配色的地毯也是亮點(diǎn)之一。它中和了粉色沙發(fā)的甜美,整個空間顯得柔和動人。

 

 

 

 

]]>
配色攻略-紅色篇 http://www.mxio.cn/53770.html Thu, 20 Aug 2020 02:06:40 +0000 色彩在視覺表現(xiàn)中是最敏感的因素,在人的感知能力中,首先是色彩的,其次是圖形的,最后才是文字的。在設(shè)計中,要想在第一時間吸引人的眼球,色彩是首要思考的視覺元素。

紅色在可見光譜中波長最長,穿透力最強(qiáng),對視覺的影響力也最大,是最引人注目的色彩。在設(shè)計中,紅色可以主導(dǎo)整體色調(diào),也可以作為點(diǎn)綴出現(xiàn),它的表現(xiàn)力極強(qiáng),具有強(qiáng)烈的感染力。

很多著名的品牌都以紅色為形象色,如可口可樂公司在百年歷史發(fā)展中,他的標(biāo)志、包裝經(jīng)歷了數(shù)次更換,但它的標(biāo)準(zhǔn)色——紅色一直延續(xù)下來。熱情的“紅色”象征著激情、快樂、活力,詮釋出了可口可樂的品牌精神,向人們傳達(dá)出強(qiáng)烈的品牌效應(yīng)。

結(jié)語

紅色是色彩設(shè)計中常用的顏色,它的注目性與美感,在設(shè)計用色中占了很重要的位置。紅色與其它顏色搭配時,由于純度高,往往成為矚目的中心。將其巧妙地應(yīng)用在設(shè)計作品之中,可以使設(shè)計作品產(chǎn)生許多意想不到的效果。

沒有一個色彩是獨(dú)立存在的,也沒有哪一種顏色本身是好看的顏色或是不好看的顏色,相反地,只有當(dāng)色彩成為一組顏色組成中的其中一個的時候,我們才會說這個顏色在這里是協(xié)調(diào)或是不協(xié)調(diào),適合或不適合,不同比例的搭配更可能會產(chǎn)生出截然不同的結(jié)果。

紅色在設(shè)計中恰倒好處的運(yùn)用, 對于增強(qiáng)設(shè)計沖擊力和表現(xiàn)力、體現(xiàn)設(shè)計主題、升華設(shè)計內(nèi)涵有很大的幫助。這還要看設(shè)計師是否能在全面了解和研究“紅色”特性,深刻理解和領(lǐng)悟“紅色”內(nèi)涵的基礎(chǔ)上,靈活運(yùn)用“紅”色的巧變能力了。

 

參考資料:
《六個步驟細(xì)說電商banner圖設(shè)計之色彩的奧秘》  作者:做設(shè)計的面條https://mp.weixin.qq.com/s/i-G_YVdcX7PWBWdj84I9Lw
《淺談色彩學(xué):以紅色為主的色彩配色》 作者:優(yōu)設(shè)網(wǎng) kingtent
https://www.uisdc.com/color-red
素材來源于網(wǎng)絡(luò),如有侵權(quán)請聯(lián)系作者刪除。

 

原文地址:藝海拾貝Design(公眾號)

作者:鄧海貝

]]>
配色攻略-黑色篇 http://www.mxio.cn/53678.html Sun, 09 Aug 2020 01:29:16 +0000

從色彩定義來看,黑色是亮度最低的非彩色,是經(jīng)典的色彩,更是神秘的色彩。

黑色在設(shè)計運(yùn)用過程中,經(jīng)常給人傳遞的是一種莊重、神秘、穩(wěn)重、冷酷高端等等的一系列視覺感受,我們在用黑色作為主色調(diào)的時候,一定要慎重,黑色屬于消極色彩,從心理學(xué)角度來看,會使人聯(lián)想到神秘、黑暗等,還象征著悲哀、沉默、恐怖、罪惡、消亡等。

黑色在使用中絕不可能是孤立單一的,不同的圖案造型、不同的色彩搭配產(chǎn)生的對比效果,都會使這種消極性發(fā)生微妙變化,并使與之相配的色彩因此而賞心悅目。

有很多設(shè)計師將黑色用的出神入化的,今天我們一塊來學(xué)習(xí)這些優(yōu)秀的黑色系案例。

黑色作為一種百搭色,可以與任何色彩搭配,黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體,通過這兩個案例可以看到黑色作為背景時,強(qiáng)化了藍(lán)色科技感屬性,紅色則顯得更加熱情。

 

方案匯總

結(jié)語

本期通過手表的廣告為大家進(jìn)行黑色配色的示范,希望你有所收獲。正如任何事物都有利弊一樣,黑色具有復(fù)雜而強(qiáng)烈的性格,使用得當(dāng)給人高端大氣的感覺,使用不當(dāng)會給人以壓抑、沉悶、悲傷的感受,這需要大家在今后不斷練習(xí),慢慢體會,不斷創(chuàng)新。

 

原文地址:藝海拾貝Design(公眾號)

作者:鄧海貝

]]>
配色攻略-橙色篇 http://www.mxio.cn/52933.html Fri, 01 May 2020 08:36:56 +0000

橙色是一種次級原色,是紅色和黃色的混合色。橙色的情感是非常曖昧的,游離在紅色和黃色之間,因此,它的性格中帶著紅色的熱情和黃色的暖意。

不同的橙色表現(xiàn)出不同的調(diào)性,鮮明的橙色富于年輕感,溫暖且充滿活力。黯淡的橙色沉穩(wěn)、含蓄,具有優(yōu)雅復(fù)古感。

 

 

 

人們對色彩的聯(lián)想,雖然會因?yàn)楦鞣N原因而存在差異,但是,卻也有相當(dāng)程度的共性。設(shè)計師在應(yīng)用某種色彩之前,要充分理解和掌握這種色彩的情感意象以及它在特定環(huán)境下帶給人們的聯(lián)想與象征。

 

美味、食欲>

由于很多成熟的果實(shí)和蔬菜的顏色都是橙色 :胡蘿卜、橙子、芒果等等,于是人們會將橙色與美食聯(lián)系在一起。橙色可以刺激味蕾,是最能激發(fā)食欲的顏色,所以考慮到色彩對顧客心理感受和生理感受的影響,橙色被大量運(yùn)用在關(guān)于餐飲方面的設(shè)計中,讓人胃口大開。

豐收、喜悅>

明媚積極的橙色可以讓人聯(lián)想到金色的秋天、豐碩的果實(shí),而秋天所象征的積極意義就是豐收和富饒的季節(jié), 所以橙色又被賦予了富足、喜悅、幸福的意義。

溫暖、舒適>

相比熱情四射的紅色,橙色更加溫和,是暖色中最溫暖的顏色 ,既明朗又活力,使人如同沐浴在陽光中感覺溫暖而美好,是精神和身體都能感覺到愉悅的理想顏色,所以常使用在要表現(xiàn)溫馨場景設(shè)計中。

活潑、醒目>

橙色和黃色一樣有著高明度的屬性,鮮明的橙色總是給人以明快、活潑、令人振奮的感覺,有著引人注目的能量,顯得生機(jī)勃勃。很多代表著“新生代”的機(jī)構(gòu) ,也大量的運(yùn)用橙色,來表現(xiàn)它們的創(chuàng)造力和年輕活力 。

 

 

復(fù)古、典雅>

黯淡的橙色沉穩(wěn)、含蓄,搭配一些淡雅的色彩,能營造出懷舊的氛圍,具有優(yōu)雅復(fù)古感,因此這一類橙色運(yùn)用得當(dāng),可以演繹出雍容華貴、典雅感。

 

 

 

 

 

黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體,黑色作為主色,運(yùn)用橙色進(jìn)行點(diǎn)綴,一暗一亮,表現(xiàn)出強(qiáng)烈的對比,碰撞出了巨大的活力,很好展示出了橙色的鮮明個性,富有活力和力量感。

 

整個畫面以無彩色的黑白灰為主,橙色的出現(xiàn),增加了畫面的跳躍感,層次分明,醒目時尚,讓人印象非常深刻。

 

純凈的白色與高飽和度的橙色相搭配,顯得干凈溫暖,傳遞出簡潔大氣、明朗純凈的感受。

 

 

橙色與黃色是色相最接近的顏色,相配有一種很和諧的過渡感。由于橙色和黃色都非常明亮鮮艷,很容易營造出開心喜悅、活潑具有動感氛圍 。

 

 

 

 

紅色和橙色在色相環(huán)上相鄰,色調(diào)和諧統(tǒng)一,是充滿活力和激情的顏色,經(jīng)常使用在促銷等表現(xiàn)出熱鬧、愉快氛圍的設(shè)計中。由于這些色彩的溫度都比較高,因此畫面中應(yīng)該有一定的冷色來“降溫”,從而實(shí)現(xiàn)畫面的平衡。如下圖中大量運(yùn)用了橙色和紅色,因此用紫色作為冷色進(jìn)行平衡。

 

 

 

 

由于綠色和橙色為對比色,對比比較強(qiáng)烈,兩色搭配讓整個畫面洋溢著一股春天的大自然的氣息 ,給人自然清新、朝氣活力的感覺。

 

 

 

 

橙色和紫色為對比色,對比比較強(qiáng)烈能相互突出各自色彩特性。明亮溫暖的橙色搭配暗調(diào)偏冷的紫色可以很好的使畫面達(dá)到平衡。

 

 

 

 

藍(lán)色和橙色是互補(bǔ)色,溫暖的橙色在與偏冷的藍(lán)色搭配時,更加醒目,高亮的橙色可以很好的緩解深藍(lán)色的沉悶,增加畫面的愉悅氣氛。

 

結(jié)語>

橙色是紅色和黃色的混合色,因此,它的性格中帶著紅色的熱情和黃色的暖意。不同的橙色表現(xiàn)出不同的調(diào)性,鮮明的橙色富于年輕感,溫暖且充滿活力;黯淡的橙色沉穩(wěn)、含蓄,具有優(yōu)雅復(fù)古感;明媚積極的橙色讓人感到溫暖舒適,富足幸福。

配色總的來說并沒有定論,因?yàn)樯拾膫€人情感的層次太豐富,而這也是配色總是讓人深究又始終沒有定論。這需要不斷的觀察、練習(xí)和實(shí)踐才能更好掌握配色規(guī)律,增強(qiáng)畫面的表現(xiàn)力和提升設(shè)計內(nèi)涵。

 

 

來源:藝海拾貝Design

設(shè)計太亂?“對齊”原則肯定沒學(xué)會!

]]>
色彩設(shè)計中焦點(diǎn)配色的應(yīng)用 http://www.mxio.cn/52907.html Mon, 27 Apr 2020 15:38:27 +0000 今天跟大家聊聊設(shè)計中焦點(diǎn)配色這個話題。焦點(diǎn)這個詞對于設(shè)計師來說應(yīng)該不會感到陌生,但是這節(jié)課我們主要是從色彩的角度,來看看焦點(diǎn)在設(shè)計中的作用以及色彩焦點(diǎn)的重要性。首先我們要知道設(shè)計的目的就是通過視覺來傳達(dá)信息,而視覺的表現(xiàn)形式是有一定規(guī)律性的,在這些眾多的規(guī)律性當(dāng)中,其中有一條就是通過色彩來實(shí)現(xiàn),而焦點(diǎn)配色就是色彩設(shè)計中最有效的一個手段。

其實(shí)無論是繪畫、攝影還是我們的設(shè)計,都存在大量的焦點(diǎn)配色,只是我們平時沒有特別去注意而已。比如莫奈的這幅《日出·印象》,我們來嘗試分析一下焦點(diǎn)的設(shè)置和移動。

我想絕大多數(shù)人都應(yīng)該是這種移動路線,也就是在大面積灰色調(diào)和冷色調(diào)中先被強(qiáng)暖色的太陽所吸引,然后是近景全黑色的船,接著順延到另一條船上,當(dāng)然每個人都會有所不同。

比如也可能是這種從遠(yuǎn)景到近景的順序。

也可能有的人是從近到遠(yuǎn)的觀看順序,但是無論你是哪一種,都不重要,為什么?

因?yàn)闊o論你的視線是怎么移動的,都不會影響到我們最終焦點(diǎn)的歸屬。大家可以感受一下,當(dāng)你看這幅畫的時候,無論你先看哪后看哪,最終你的眼睛都會被這個橙紅色的太陽所吸引,這就是色彩焦點(diǎn)的魅力。

我們再來看一個攝影作品,這個跟剛才那幅畫來比,焦點(diǎn)就更加清晰了,而且這里也不需要焦點(diǎn)的移動,很明顯焦點(diǎn)就是這個人物。

但是這個焦點(diǎn)是怎么通過色彩得到強(qiáng)化的呢?可能有的人會說這么明顯的人物肯定是焦點(diǎn)啊,但是你可以嘗試把人物后面的暖色光去掉看看,雖然人物同樣是這個畫面的焦點(diǎn),但是一定沒有現(xiàn)在這樣搶眼,因?yàn)榕捅尘暗睦渖纬闪藦?qiáng)烈的對比。

所以無論是繪畫、攝影還是我們接下來會看到的設(shè)計,其中都會包含一種故意的或者是有意識的色彩焦點(diǎn)的安排,而這種焦點(diǎn)的形成是怎么實(shí)現(xiàn)的呢?其實(shí)就是通過色彩對比,因?yàn)橛猩蕦Ρ缺囟óa(chǎn)生焦點(diǎn),即使沒有焦點(diǎn)我們也會努力去尋找焦點(diǎn)。我們聯(lián)想下平時的生活就會發(fā)現(xiàn),無論是我們看到一幅畫面,或者是置身于一個真實(shí)的環(huán)境中,我們都會不自覺地去尋找色彩最突出或者最醒目的東西,這就是作為人的一種本能,也就是自然而然地去尋找焦點(diǎn)。

下面我們來看一些設(shè)計作品,我們看這三個界面,不能說沒有焦點(diǎn),有,就是圖片,準(zhǔn)確地說應(yīng)該是沒有色彩焦點(diǎn),所以我們接收到的就是圖片加上信息排在一起,我們很難在短時間內(nèi)區(qū)分出哪些是重要信息哪些是次要信息。我們不知道視線應(yīng)該落在哪里,因?yàn)闆]有突出的東西,這種不知所措會讓看的人感到不舒服,這就是沒有焦點(diǎn)會造成的一種情況。

同樣這三個界面,我們什么都不變,只是在想強(qiáng)調(diào)的部分填充一個顏色,這樣就會讓看的人可以通過色彩毫不猶豫地感受到焦點(diǎn),這種交互才是人性化的交互,而這個簡單的過程其實(shí)就是色彩設(shè)計。

我們再來看一個更加簡單易懂的,比如現(xiàn)在這個,就是在一個藍(lán)色背景上編排純白的文字,可能通過字號和距離的安排我們也知道孰輕孰重,但是如果從色彩的角度來看還不夠,因?yàn)闆]有形成讓人快速識別的焦點(diǎn)。

如果在想強(qiáng)調(diào)的地方,適當(dāng)?shù)奶畛湟粋€顏色,那么瞬間就有了焦點(diǎn),而這個顏色和背景色的對比越強(qiáng),焦點(diǎn)就越明顯。

我們看這個海報,當(dāng)我們看到這個畫面的時候首先注意到的是什么?

首先注意的肯定是上方的圖片,其次會根據(jù)信息的層級大小去看主標(biāo)題,然后是次要信息。這種沒有設(shè)置色彩焦點(diǎn)的形式,雖然不太會影響信息的閱讀,但我們不妨試試有色彩焦點(diǎn)的情況。

當(dāng)原本就是畫面中比較重要的標(biāo)題信息和突出的英文被填充紅色之后,焦點(diǎn)就產(chǎn)生了并且得到強(qiáng)化。

這時候當(dāng)我們再看這個作品,就可以在短時間內(nèi)迅速獲得信息,如果想繼續(xù)了解也可以繼續(xù)閱讀,這就是有焦點(diǎn)和沒焦點(diǎn)或者焦點(diǎn)不突出的差別。

我們看這個 banner,這里我們不說它的版式怎么樣,我們就看色彩和焦點(diǎn),這個畫面有什么問題呢?就是焦點(diǎn)設(shè)置錯誤,什么意思?

也就是大家看這個畫面的時候,雖然都會先看月餅的圖片,然后是標(biāo)題到進(jìn)入專場,但是大家發(fā)現(xiàn)沒有,你的視線總會被中間這個粉色的花瓣吸引。

就是那種你不想看它,但是又不得不看的感覺,因?yàn)檫@個花瓣的顏色完全沒必要出現(xiàn)在這里,因?yàn)樗皇切畔ⅲ瑸槭裁匆洚?dāng)焦點(diǎn)呢?這就是焦點(diǎn)錯誤。

我們把花瓣去掉試試,這樣焦點(diǎn)就很清晰明確了。

現(xiàn)在我們知道了有焦點(diǎn)和沒焦點(diǎn)的差別,那焦點(diǎn)的設(shè)置其實(shí)也是有多種情況的。我們就拿這個網(wǎng)頁來舉例,版式部分保持不變,你想突出哪里就在哪里設(shè)置焦點(diǎn)。我們來看看通過色彩把焦點(diǎn)安排在不同的地方,這個頁面產(chǎn)生什么樣的效果。

比如我們可以把焦點(diǎn)設(shè)置在上半部分,也就是頂部的品牌和導(dǎo)航區(qū)域。

也可以把焦點(diǎn)設(shè)置在主標(biāo)題的文字信息上。

還可以設(shè)置在底部區(qū)域,形成色塊。

當(dāng)然也可以是自由式的焦點(diǎn)設(shè)置,強(qiáng)調(diào)你想強(qiáng)調(diào)的部分,這種情況下就有了焦點(diǎn)的移動。

通過之前的案例分析我們總結(jié)一下有焦點(diǎn)的好處:首先它滿足了人的生理需求,其次滿足了視覺傳達(dá)的需求,最后滿足了審美的需求。也就是說我們所要做的視覺設(shè)計是需要傳達(dá)信息的,你得讓受眾看到你的信息才行,而要想有效的讓人看到信息,焦點(diǎn)的設(shè)置就要滿足前面三個需求,如果沒有滿足,一定程度上說明你的作品是失敗的。實(shí)際人都是充滿惰性的,也都不喜歡延遲,當(dāng)人們看到所有的信息在它應(yīng)該在的位置,不需要眼睛和大腦再去閱讀,這時候就得到了一種觀看和閱讀的滿足感。

說了這么多焦點(diǎn)的好處,下面我們就來看看如何通過配色形成或者強(qiáng)化焦點(diǎn)。首先我們要知道的就是焦點(diǎn)是通過對比實(shí)現(xiàn)的,而這里包括了色相對比形成焦點(diǎn)、冷暖對比形成焦點(diǎn)、深淺對比形成焦點(diǎn)、有彩色與無彩色對比形成焦點(diǎn)、花色與純色對比形成焦點(diǎn)、色彩面積對比形成焦點(diǎn)。

首先我們來看色相對比形成焦點(diǎn),這里的色相對比通常是指互補(bǔ)色或?qū)Ρ壬g的對比,因?yàn)樯嗖町愒酱笤饺菀桩a(chǎn)生焦點(diǎn)。比如這個海報就是藍(lán)色和黃色的互補(bǔ)色對比,當(dāng)然需要注意的是,我們所列舉出的這些對比并不是單獨(dú)存在的,它們往往都是相互結(jié)合的,比如這個海報最明顯的就是色相上的互補(bǔ)色對比,當(dāng)然你也可以說是冷暖對比,同時也包括面積對比。

這個網(wǎng)頁作品,藍(lán)色與綠色形成了色相上的對比,同時它們二者又與背景形成了有彩色與無彩色的對比。

這個圣誕主題的 banner,整體是大面積的暗紅色,這就讓人物頭頂?shù)木G色圣誕樹成為了焦點(diǎn),也就是色相對比中通過對比色形成焦點(diǎn)。

然后是冷暖色對比產(chǎn)生焦點(diǎn),這個版面很簡單,就是文字編排加上背景,但是很明顯,通過在強(qiáng)調(diào)的地方使用藍(lán)色與背景的粉紅色形成一種冷暖對比,讓焦點(diǎn)一目了然。

這個同樣也是紅色與藍(lán)色的冷暖對比強(qiáng)調(diào)焦點(diǎn),讓人一眼就能抓住重點(diǎn)。

這個同樣也是通過冷暖對比形成焦點(diǎn),只不過這個畫面并不是單一焦點(diǎn)的形式,是多個焦點(diǎn)從大到小或從近到遠(yuǎn)的移動。

如果色相對比不夠明顯,那么通過單一色彩或近似色彩的深淺對比也可以很好的形成焦點(diǎn),同樣純度和明度差異越大越容易產(chǎn)生焦點(diǎn)。比如這個畫面中的焦點(diǎn)面包與背景形成的就是深淺對比。

這個畫面整體是褐色的基調(diào),但是杯子中的茶湯是比背景更亮一些的顏色,所以它自然而然地就成為了畫面的焦點(diǎn),而且這個焦點(diǎn)也是符合這個版面的設(shè)計邏輯的。

這個頁面的背景是偏深一些的粉紅色,當(dāng)然圖片肯定是這個畫面的第一焦點(diǎn),但除此之外,這個畫面中還有另外兩個焦點(diǎn),就是比背景偏暗一些的嘴唇,這就是利用深淺色對比形成焦點(diǎn)。

焦點(diǎn)的作用以及如何強(qiáng)調(diào)焦點(diǎn)都很好理解和操作,但是設(shè)置焦點(diǎn)背后的原理是什么呢?就是我們之前講過的色彩營銷,因?yàn)樵O(shè)計的目的是通過視覺傳達(dá)信息,而傳遞信息的目的是為了營銷,所以答案也就很明了了。也就是如何設(shè)置焦點(diǎn)以及讓誰成為焦點(diǎn),這背后的邏輯要依據(jù)營銷的目的,換句話說焦點(diǎn)的設(shè)置一定要滿足以上的需求,假如設(shè)置了錯誤的焦點(diǎn),就會適得其反,倒不如不設(shè)置焦點(diǎn)了,這個道理大家一定要明白。

我們接著往下看,下一個就是有彩色與無彩色對比產(chǎn)生焦點(diǎn)。比如我們看上面這個海報,圖片整體是黑白的,只有雨傘的部分是紅色,非常醒目的被凸顯出來,當(dāng)然就是第一焦點(diǎn),其次就是紅色的標(biāo)題性文字。因?yàn)楹谏c紅色很好的對比效果,所以類似這種形式的攝影作品大家也一定見過很多,就是整體是黑白,個別地方用紅色的形式。

雖然這個網(wǎng)頁頁面上的有彩色并不是單一色彩,但是與背景黑色的搭配,整體上依然是有彩色與無彩色搭配所產(chǎn)生的對比,從而產(chǎn)生焦點(diǎn)。

這個雖然也是有彩色與無彩色的對比,但是這個很巧妙,因?yàn)樵O(shè)計者并沒有直接在主標(biāo)題上填充有彩色,而是在標(biāo)題下方使用了一個有彩色的色塊,這也是一種變相突顯焦點(diǎn)的方式。

接下來是花色與純色對比產(chǎn)生焦點(diǎn),這個算是很常見很通用的一種形式了,尤其是照片上編排文字的形式,如果圖片本身的色彩就比較豐富,那么文字色必然要使用單一的色彩才能保證很好的識別。

這個雜志封面的背景是由多種色彩所形成的插畫圖形,而人物一身黑色位于中間形成了第一焦點(diǎn),其次是位于人物上的綠色文字,可以說既是有彩色與無彩色的對比,又是有彩色與花色之間的對比。

這個海報上的圖片雖然色彩并沒有多純,但是由于色彩比較分散,所以可想而知,在它上方編排文字難免會造成識別度很低的情況,所以設(shè)計師也很巧妙地使用了添加色塊的方式,利用這種圖片花色與色塊純色的對比來突出焦點(diǎn)。

最后就是通過色彩面積大小產(chǎn)生焦點(diǎn),這種面積的對比可以說是非常常見的,可以說大部分有色彩焦點(diǎn)的畫面都是之前的那幾種形式與面積對比的一個結(jié)合,但是并沒有誰重要誰不重要一說,就比如這個海報上的紅色圓形,無論你是把它的面積放大,還是把它換成和藍(lán)色相近的顏色,焦點(diǎn)的效果都沒有現(xiàn)在的好。所以我們在具體設(shè)計配色的時候千萬不要有強(qiáng)迫癥,因?yàn)檫@些方法往往都是結(jié)合使用的。

這個也是面積對比產(chǎn)生的焦點(diǎn),同時又有藍(lán)色與紅色的冷暖對比。

這個頁面也是,通過在大面積綠色調(diào)中使用一個紅色塊,快速形成對比,從而確定焦點(diǎn)。

以上我們主要講解了通過配色形成焦點(diǎn)的一些方法,但其實(shí)細(xì)心的同學(xué)就會發(fā)現(xiàn),這里面還是有一些潛規(guī)則的,有的是和色彩有關(guān),有的可能和色彩無關(guān)。比如說同樣的色彩或同樣大小的對象,具象的東西比抽象的東西容易形成焦點(diǎn)、人物比場景或風(fēng)景容易形成焦點(diǎn)、圖像比文字容易形成焦點(diǎn)、標(biāo)題文字比內(nèi)文容易形成焦點(diǎn)、暖色比冷色容易形成焦點(diǎn)、強(qiáng)對比比弱對比容易形成焦點(diǎn),最后我們就分別來看一下。

具象的事物比抽象的事物容易形成焦點(diǎn),這個似乎沒什么可說的,大家應(yīng)該都能明顯的感覺到,就比如這個海報,即使人臉的周圍有著密密麻麻的抽象圖像,我們的注意力依然在人臉的部分。

人物要比場景更容易產(chǎn)生焦點(diǎn),比如這個海報,同時存在兩張圖片,雖然上方的圖片是一匹馬不是人,但是道理是一樣的,我們的視線總是想關(guān)注這個馬的眼睛,而下方的海水我們可能只是一掃而過。

圖片比文字更容易形成焦點(diǎn),這個也是無需多說的一點(diǎn),因?yàn)榧词苟际呛诎椎膱D片和文字,我們也會首先注意到圖片,這是圖片所具有的天然魅力。比如這個海報,假如我們把圖片遮掉,那么紅色的「魂」字毋庸置疑就是第一焦點(diǎn),因?yàn)樵谝欢押谏淖种兴鼘?shí)在太顯眼了,但是加上人物圖片的話,就沒有多少人會去關(guān)注「魂」字了。

標(biāo)題比內(nèi)文更容易產(chǎn)生焦點(diǎn),這是因?yàn)闃?biāo)題所具有的天然優(yōu)勢,也就是面積優(yōu)勢,比如我們看這個海報,其實(shí)它這里的標(biāo)題使用與圖片一樣的藍(lán)色并不是很突出,雖然日期和副標(biāo)題使用了色相對比,也確實(shí)成為了焦點(diǎn),但是對于主標(biāo)題的影響并不是很大,我們依然不會忽略掉主標(biāo)題,這就是面積原因所造成的,因?yàn)樗銐虼蟆?/p>

暖色比冷色更容易形成焦點(diǎn),這個海報就是一個很好的說明,因?yàn)楹笾袃蓚€圖片大小相當(dāng),唯一的區(qū)別就是一個是暖色一個是冷色,那么哪個更吸引你呢?一定是暖色,如果你說你就是被冷色所吸引那也沒關(guān)系,但是你自己保留意見,我不接受反駁。

最后就是強(qiáng)對比大于弱對比,比如我們看這個海報,其實(shí)本身背景色上有色相的對比,但是因?yàn)閷Ρ炔粔驈?qiáng),所以就讓上方的紅色成為了焦點(diǎn),因?yàn)榧t色與整體背景形成了強(qiáng)烈的深淺對比。

本期教程到這里就結(jié)束了,簡單總結(jié)一下,首先我們通過一些案例說明了色彩焦點(diǎn)的重要性,也就是滿足了人的三種需求:生理需求、視覺傳達(dá)的需求以及審美的需求。其次我們講解了如何形成或強(qiáng)調(diào)焦點(diǎn),也就是通過一些色彩對比來實(shí)現(xiàn)。最后補(bǔ)充了一些焦點(diǎn)配色中存在的潛規(guī)則,也就是哪些內(nèi)容或形式具有形成焦點(diǎn)的天然優(yōu)勢。當(dāng)然這一切的落腳點(diǎn)還要?dú)w到視覺傳達(dá)以及色彩營銷上。

 

原文作者:研習(xí)設(shè)

只提供一個設(shè)計方案:傳奇設(shè)計工作室Thonik

]]>
蘋果Google微軟魔鬼般的配色設(shè)計技巧 http://www.mxio.cn/51939.html Fri, 06 Dec 2019 01:34:39 +0000 今天和大家聊聊色彩,不分享虛的,直接分享大家蘋果谷配色方法,幫你搞定一套界面中色彩體系和規(guī)范!

在我收藏夾里,收藏著大量優(yōu)秀的設(shè)計,每次去看的時候,不停問自己為什么當(dāng)初這個設(shè)計吸引了我,后來終于找到一個點(diǎn),就是色彩,在第一眼看到的時候,奪走我視覺焦點(diǎn)的就是色彩。

色彩是設(shè)計師的一個魔法棒,它能吸引你的注意力,喚起設(shè)計情感,在電商設(shè)計中,人們對產(chǎn)出做出的90%的快速決策來源于色彩,所以為什么國內(nèi)電商的“立即購買”會是橙色,紅色,因?yàn)檫@個顏色能刺激用戶,能產(chǎn)生購買沖動!

那么怎么去定義一套色彩呢?一起來了解下

 

色彩怎么定義 

1.了解產(chǎn)品性格

在定義色板的時候,首先需要去確定設(shè)計的目的是什么,試著去問問自己,我們的這個色彩需要給用戶傳遞什么樣的信息,是希望他有購買欲望,還是希望他感受到尊貴感受,還是希望喚起他某種情緒,色彩可設(shè)定品牌基調(diào),情緒。

▲ 可口可樂旗下Fuze Tea紅茶品牌,采用自然的綠色作為品牌顏色,來傳遞這款茶,融合植物、茶淬取物和其他健康成分。

▲ Uber (優(yōu)步)越南推出的網(wǎng)路“摩托車”接送服務(wù),在UberMOTO全新品牌形象設(shè)計中,因?yàn)樵谠侥咸鞖夂苎谉幔圆捎昧怂{(lán)色綠色配色,斜45度的色塊拼接,延伸出了會反光的安全外套,還有醒目的安全帽,在一大票的“摩托車”群中,立刻就可以一目了然司機(jī)的位置。

 

2.了解用戶人群

▲ 男生和女生最喜歡的顏色

▲ 男生和女生最討厭的顏色

男性通常更喜歡大膽的顏色,而女性喜歡更柔和的顏色。此外,男性更喜歡深色的顏色(加入黑色的顏色),而女性更容易接受明亮的顏色(添加了白色的色彩)。

人們對于顏色的看法不同,顏色根據(jù)個人喜好,文化宗教信仰不同,有不同的寓意,所以我們在設(shè)計時候一定要去考慮我們的用戶誰在使用!

▲ 在西方世界里面,紅色代表恐怖和死亡,火災(zāi),暴力戰(zhàn)爭。

▲ 在我們這,紅色卻是和繁榮富強(qiáng),性格,火熱激情等聯(lián)系在一起,不同文化差異是我們做設(shè)計時候需要去考慮。

▲ 在西方國家,黑白代表純潔,優(yōu)雅,尊貴,高端感覺,包括很多大牌的服裝設(shè)計,店面裝修都是采用黑白。

▲ 在日本韓國,黑白代表死亡,喪禮等,文化的差異,和人群差異所以在設(shè)計的時候一定要重復(fù)考慮到。

 

3.了解色彩心理學(xué)

了解基礎(chǔ)的色彩心理學(xué),有興趣的同學(xué)可以去搜索相關(guān)資料看看。

▲ 紅色:最容易引起人的注意、興奮、激動、緊張。

▲ 橙色:充滿生機(jī)和活力的顏色讓人聯(lián)想到大地以及秋色,變化和運(yùn)動的感覺。

▲ 黃色:明亮、輝煌、燦爛、愉快、親切、柔和的印象。

▲ 綠色:是豐饒、充實(shí)、平靜與希望綠色繼承了藍(lán)色所有具備的平靜的屬性。

▲ 藍(lán)色:藍(lán)色是冷色,讓人感到崇高、深遠(yuǎn)、純潔、透明、智慧。藍(lán)色也是公司最偏愛的顏色,代表著科技和理性。

▲ 紫色:紫色給人高貴、優(yōu)越、奢華、優(yōu)雅、流動、不安的感覺,灰暗的紫色則是傷痛、疾病,容易造成心理上的憂郁、痛苦和不安的感覺。因此,紫色時而有脅迫性,時而有鼓舞性,在設(shè)計中一定要慎重使用。

 

4.尋找色彩靈感

早期時候很難去選定一個品牌色,,這個時候我們一定要去尋找靈感,下面推薦幾個工具

▲ https:/ /brandcolors.net/是一個特別好的網(wǎng)站,里面有全世界500強(qiáng)的品牌色板,所有知名公司的品牌色板這里都可以找到答案,可以從他們的品牌色板中去尋找我們想要的那種,和我們產(chǎn)品比較匹配的顏色。

▲ Dribbble和Behanc上搜索關(guān)鍵詞也能找到很多設(shè)計師的色板

▲ https:/ /www.materialui.co/colors谷歌色板庫上很多值得我們?nèi)W(xué)習(xí)

▲ http://www.home-designing.com/也可以從室內(nèi)設(shè)計師經(jīng)常用的室內(nèi)網(wǎng)站配色中去獲得一些設(shè)計靈感。

▲ 當(dāng)你找到喜歡的配色方案時,你可以用吸管根據(jù)來梳理喜歡的這個配色,做成色板,有必要吋候可以迸行凋整。

 

如何去定義一套UI配色  

如何去定義一套APP的配色,如何用HSB去定義套配色。

 

什么的HSB?

HSB是一種顔色模式,在HSB模式中,H代表色相,S代表飽和度,B代表亮度!

 

1.多嘗試不同配色

在制作色板的時候,需要我們盡可能的把所有顏色和顏色靈感都創(chuàng)造出來,不要怕嘗試不好,然后把所有顏色嘗試處理后,再去縮小色板范圍,怎么縮小范圍,可以結(jié)合我前面說的那些原則,在UI設(shè)計中,可能額外需要注意幾個問題:

  1. 超鏈接顏色
  2. 品牌色
  3. 主要顏色,輔助顏色
  4. 成功顏色,錯誤顏色
  5. 文字顏色,背景顏色

 

2.利用HSB色彩模型

第一步確定品牌色,品牌色一般企業(yè)LOGO的顏色,如果沒有可以去定義一個

 

以品牌色為基準(zhǔn)得出24色帶

我們拿Spotify這個軟件舉例,他品牌色是綠色,來定義它的一套色彩體系

h值(色相)以15,S和B不変,遞增得到基于品牌色的24個色帶,為什么是24個,24X15=360剛好圍繞色環(huán)盤一圏,因此得到一圈基于品牌色,明度和飽和度一致性的顔色。

 

基于色帶得出16色相環(huán)

細(xì)心的同學(xué)可能發(fā)現(xiàn)色帶上其實(shí)很多顔色都比較接近,比如綠色、藍(lán)色,我們需要再進(jìn)一步篩選出合適的顏色作為16色相環(huán),盡量選取一些和主品牌色比較舒服的顏色搭配。

最后根據(jù)篩選后得出的16色相環(huán)

 

調(diào)整B (亮度)和S (飽和度)

這一步我們需要去定義同頻的輔助色,也就是16色相環(huán)的輔助色,可以在亮度(B) 按-10,-20去加減,也可以在H上面以+-5去増加色相,原則就是需要有對比度,需要明顯。

調(diào)整飽和度值

調(diào)整明度,如果對比不明顯,可以-20, -30

 

最后得出一套同頻下的色盤,但是很相近,所以我們需要去排除一些

 

制定色板

和品牌色同頻的輔助色板

制定色板,這里需要使用到一個網(wǎng)站https://coolors.co/這里只需要輸入對應(yīng)的品牌色,就可以得出根據(jù)明度遞減遞增的色板,當(dāng)然你也可以去調(diào)整明度來得出色板。

自此我們得出了整個產(chǎn)品的調(diào)色板,很多電商大促,包括Airbnb和谷歌都是通過類似的方法得出他們的色盤!最后根據(jù)我們前面定義的,警告色,超鏈接顏色,成功提示色,我們可以從輔助色盤中得出對應(yīng)的顏色,警告用紅色,超鏈接用藍(lán)色,警告黃色,成功綠色等等。

 

漸變色板

取品牌輔助色相鄰近色顏色做漸變

 

最后  

以上就是今天的分享,如何定義一個色彩體系和色盤。知識量比較大,特別是關(guān)于HSB的運(yùn)用,色盤出來了其實(shí)只是根據(jù),關(guān)于如何色彩搭配其實(shí)是需要我們不斷的去嘗試!希望大家都能掌握這個方法。

 

原文地址:我們的設(shè)計日記(公眾號)

作者: sky

]]>
主站蜘蛛池模板: 日韩高清亚洲日韩精品一区二区三区| 亚洲bbw性色大片| 专区亚洲欧洲日产国码AV| 妺妺窝人体色www在线| 久久丫精品国产| av日韩精品在线播放| 日本不卡高字幕在线2019| 久久这里有精品国产电影网| 婷婷五月亚洲综合图区| 亚洲av色在线播放一区| av高清无码 在线播放| 国产+免费+无码| 乱码专区一卡二卡国色天香| 国产亚洲精品品视频在线| 亚洲一本到无码av中文字幕| 99热亚洲人色精品国产88| 国产欧美另类久久久精品不卡| 国产精品久久久久7777| 麻豆国产精品va在线观看不卡 | 亚州av第二区国产精品| 久久无码超清激情av| 中文字幕最新精品资源| 国产日产欧产精品| 伊在人亞洲香蕉精品區| 欧美40老熟妇色xxxxx| 无码区日韩专区免费系列| 日本高清在线www3344| 四虎国产精品永久在线观看 | 蜜桃麻豆www久久国产sex| 国产波霸爆乳一区二区| 大战丰满无码人妻50p| 少妇大叫太大太爽受不了| 丝袜亚洲精品中文字幕一区| 国产成人精品视频网站| 一本一久本久a久久精品综合| 欧美亚洲一区二区三区| www激情内射在线看| 曰本女人与公拘交酡| 成人黄网站高清免费视频| 亚州毛色毛片免费观看| 天天澡天天揉揉av在线|