顯示具有 色票 標籤的文章。 顯示所有文章
顯示具有 色票 標籤的文章。 顯示所有文章

2017年10月11日 星期三

一時不知道該配什麼色嗎?別擔心!AI人工智慧選色工具幫你一次搞定!

俗話說:「好顏色讓你上天堂、怪顏色進不了廳堂。」J編今天要跟大家分享一個很特別的配色工具,不如同以往的配色工具,你不必再做「選擇」的這個動作,你不用就已經不知道要配什麼色比較好,還要在一堆色表中找他人已配好的色調。你可以用更科學、更精確的AI人工智慧工具,再也不用靠感覺、用數據分析找出屬於你自己的常用配色表,而這個網站就是Khroma。

Khroma是什麼呢


Khroma是一個,運用人工智慧,根據你已選擇的顏色解析、找出實用性高的組合,用你的常用色系,建立出一連串屬於你自己的色表。以下是Khroma詳細的使用方法,就讓我們一起來看看吧!

首先,點擊Khroma官網網址進入首頁畫面,如下圖-1,然後Personalize開始個人化你的色表!

(圖-1)

進入之後你會看到非常非常非常多色票,這時候你可以開始選你自己的常用色、或你想製造出來的色表偏哪種顏色,在這關你要選50個顏色,在你選的時候,最上方會出現一條色塊,標示著,你已經選過的顏色以及你還剩下幾個顏色可以選擇。(如下圖-2)

(圖-2)

選好之後呢,按下右上角的Start Training! 這時候電腦就會開始根據你所選的顏色,分析最適合的配色組合囉,是不是好棒棒~好放空呢~灑花灑到太平洋。(如下圖-3)

(圖-3)


按下去之後系統開始跑的畫面,是不是讓人很興奮呢!(如圖-4)

(圖-4)


跑出來的畫面如下圖-5,除了跑出色表外,還有懸浮的小提醒,教你怎麼使用這個網站,像是第一個小提示就是說:Khroma有許多種模板可以讓你對照、選擇顏色。

(圖-5)


第二個小提示(圖-6)就很貼(屁)心(話)的告訴你:「這裡可以搜尋喔~有什麼問題可以問我喔~」

(圖-6)

小提示不用我逐一說明了吧?大家都是說明書也沒拿出來看過的type吧!直接進入主題了!(有這等板主?)(有!怎樣!)

你看!假如說我喜歡的是圖-7畫面右上方那張圖,我可以按愛心加入我的最愛列表,除了按愛心表達愛意以外,我也可以按循環的按鈕(圖-8),把文字及背景的顏色對調,真是太愉悅的選色過程了啊,「進來看看齁~試穿不用錢~」:喊。(大媽貌)

(圖-7)

(圖-8)

那另外,如果你想知道精確的這個顏色的個人檔案,按一下i的標誌,畫面會翻轉出每個顏色的名稱、RGB、css語法...等等。(如圖-9)

(圖-9)

其中有趣的是,顏色呈現的方式也不只上面文字搭配著背景色塊的一種,他也有漸層色的表現(如圖-10)、海報風格的(如圖-11)、色塊的(如圖-12)、人像的(如圖-13)!

(圖-10)

(圖-11)

(圖-12)

(圖-13)

以上是這禮拜的KM整理,是不是,覺得人生可以放空到退休好棒棒呢!
(打滾)

----
資料來源:
1/PhotoshopVIP
2/Khroma官網

找J編

19 個免費配色工具

“配色方案” 是每個設計基礎中相當重要的因素之一,任何設計的配色選擇都具備一定的邏輯考量。透過色彩理論的應用,更有機會改變受眾的行為模式,達成設計的目標。
然而,對於不擅長視覺設計的人來說,免費的色彩配色工具就成了最好的工作助手。以下將介紹 19 個配色工具,可以幫助我們更直覺、輕鬆挑選合適的配色方案。

這 19 個免費配色工具,讓你的視覺設計不再猶豫!

來自設計師搭配,從數以萬計的配色方案中,尋找最符合設計情境的顏色組合。

點擊畫面,它會隨機提供兩種顏色組合,同時提供給你相近、互補的顏色。

Google 設計指南 “材質介面設計” 的線上調色板,直接告訴你對比、互補的配色方案,快速又方便。

提供全球各大品牌的配色方案,按照品牌字母依序排列,或者你也可以動手搜尋它。

只要按下鍵盤的空白鍵,Coolors 會隨機提供五種顏色的配色方案。它的特點是可以鎖定主要顏色,更換其餘的色彩組合。

它提供相近色、互補色的配色方案,幫助設計者挑選合適的色彩搭配,調整個空間更高。

蒐錄全世界知名畫家的畫作配色,包含畢卡索、達文西、莫內等。讓你的配色方案更專業、更具藝術感。

由設計師網羅蒐集的配色方案,只要點擊喜歡的顏色,即可複製色票值,相當方便。

使用者可以自由創造屬於個人的配色方案,或者選用最受歡迎的系列。

超過 2000 種配色方案,使用者可以直些選定喜歡的顏色,就是這麼便利。

它除了提供各種配色方案、高度自由的調整空間之外,還可以直接搭配 Adobe 軟體同步使用,提升工作效率。

選擇水平方向並列的調色盤後,就可以比較不同的色調和色彩。

除了提供顏色的基本訊息,更棒的是提供各種顏色轉換的數值,方便我們更精準選用色彩。對於有印刷需求的設計者,數值轉換是非常便利的工具。

“Badass” 原意是 “壞蛋” 的意思。這個網站就是要找出最 “壞” 的配色。如果你覺得不夠壞,那就動手自己創造一個吧!

它會依照你上傳的圖片色彩,分析出一套專屬的配色方案,試試看吧!

同樣是依照片色彩分析配色方案的網頁工具,可以幫助你在投影片的設計更具一致性。
如果你使用 Chrome 瀏覽器,你還可以直接安裝 Palette 小工具,快速又方便。
保留日本傳統的顏色配方,尤其是網站的動畫更是優美,極具有日系美學風格。
作者:PHOTOSHOPVIP
責任編輯:BeForAfter 編輯室

2017年1月4日 星期三

法國藝術家lucialitman-食物色票


當你手上的食物擺在色票上會是什麼樣的感覺呢?

我個人蠻喜歡他這種創意理念~

食物擺在色票卡上,不在只是食物,而是創作元素的主角。

另外一系列他把玩具眼珠放在食物上,並用英文餅乾拼成句子,拍成一張照片。

可愛之餘,還有溫暖人心的作用。















2015年12月6日 星期日

明年流行什麼色?Pantone公佈2016年度代表色!

新的一年就要到來,到底明年的流行趨勢到底是什麼?!先別著急,就讓小編來告訴妳最新公佈的2016年年度代表色,讓妳從顏色開始著手,走在流行最尖端!
美國色彩權威Pantone日前公佈2016年最新代表色,如果去年的代表色讓妳覺得太過強烈(去年是瑪薩拉酒紅),那麼今年的顏色絕對不會讓妳失望!那小編就不賣關子了,Pantone這次選了色號15-3919,顏色帶點平靜、柔和的「寧靜粉藍」,以及色號13-1520,略帶點蒼白卻溫暖的「玫瑰石英粉紅」作為明年度的代表色。
為甚麼會選擇它們作為年度代表色呢?這可是大有涵義的!Pantone認為,這兩個顏色不只能夠反映現代社會對於性別的流動性(也就是說現在已經不是古板的二元分法了!)還能體現當今大眾對於健康的期望和對於紓壓的重視。
而Pantone的執行董事Leatrice Eiseman就說了:現在我們正處在一個性別區分漸漸模糊的時代,我們不再用二分法去看待性別,尤其是在時尚界。它們所是使用的顏色則會慢慢影響其他領域,使其成為趨勢。
雖然說有一部分的人認為Pantone的選色應該考量到一些政治因素,才能讓它更能代表一個年度。但無庸置疑地,Pantone所選出的年度代表色絕對會是最有影響力、最能代表時尚潮流的標準!其實在Prada、 Fendi、 Thom Browne, Chanel,和 Valentino的秀裡已經開始出現這些顏色了呢!
看到這裡是不是已經開始對明年衣物首飾的選擇開始有些想法了呢?!不要猶豫,加點「寧靜粉藍」「玫瑰石英粉紅」準沒錯!
Pantone年度代表色影片:

- See more at: http://www.elle.com.tw/lifestyle/news/color-year-2016-pantone#sthash.JN8LibuJ.dpuf

source: ELLE

2014年11月10日 星期一

Pantone色票小常識&對應RGB.CMYK色碼

Pantone色票上有寫英文字,分別是什麼意思?

Coated=光面紙質 (亮面)
Uncoated=不光面紙質


Photoshop裡面有Pantone色票可以選用,但名稱後面有EC/PC/UP
有什麼分別? 

EC=Euro Coated 歐洲色系光面紙質(舊式)
PC=Process Color 近似色
UP=Uncoated Process Color 不光面紙質近似色


-------------------------------------------------------------------------------------
彩通配色系統(PMS),是識別印刷油墨顏色或面料背景顏色最簡單的方法。這裡是Pantone色卡與相應的CMYK和RGB值的列表。

這個轉換工具是為了幫助您選擇最喜歡的顏色。使用時要稍微留意,因為不同的螢幕和投影儀會呈現出不同的顏色。
http://euro-bags.eu/pantone?___from_store=default&___store=eurobagschineseview&limit=40&p=1


2014年10月12日 星期日

網頁配色技巧:不同背景下文字顏色搭配

网页设计的初学者可能习惯使用漂亮的图片作为网页的背景,但是当人们浏览一些著名、专业的大型商业网站时,会发现其运用最多的是白色、蓝色、黄色等单色,这样会让浏览页显得典雅、大方和温馨,最重要的是极大地增进浏览者开启网页的速度。
一般而言,网页的背景色应该柔和、素雅,配上深色的文字之后,看起来自然、舒适。但如果为了追求醒目的视觉效果,也可以为标题使用较深的背景颜色。下面是关于网页背景色和文字色彩搭配的一些经验值,这些颜色既可作为文字底色,也可以作为标题底色,适度配合不同字体,相信会有不错的效果,希望对用户的网页制作有所帮助。

方法/步骤

  1. 背景色:“#f1fafa”
    适合做正文的背景色,比较淡雅。配以同
    色系的蓝色、深灰色或黑色文字都很好。
    网页配色技巧:不同背景下文字颜色搭配

  2. 背景色:“#e8ffe8”  
    适合做标题的背景色,搭配同色系的深绿色标题或黑色文字。  
    网页配色技巧:不同背景下文字颜色搭配

  3. 背景色:“#e8e8ff”  
    适合做正文的背景色,文字颜色配黑色比较和谐、醒目。  
    网页配色技巧:不同背景下文字颜色搭配

  4. 背景色:“#8080c0”  
    配黄色或白色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  5. 背景色:“#e8d098”  
    配浅蓝色或蓝色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  6. 背景色:“#efefda”  
    配浅蓝色或红色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  7. 背景色:“#f2fld7”  
    配浅蓝色或红色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  8. 背景色:“#336699”  
    配白色文字比较合适,对比强烈  
    网页配色技巧:不同背景下文字颜色搭配

  9. 背景色:“#6699cc”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  10. 背景色:“#66cccc”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  11. 背景色:“#b45b3e”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  12. 背景色:“#479ac7”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  13. 背景色:“#00b271”  
    配白色文字显得比较干净,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  14. 背景色:“#fbfbea”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  15. 背景色:“#d5f3f4”  
    配黑色或蓝色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  16. 背景色:“#d7fff0”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  17. 背景色:“#f0dad2”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  18. 背景色:“#ddf3ff”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配