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編

5 個尋找免費設計素材&圖庫的超棒網站

你是否正在尋找一些新穎的設計素材?如果你的答案是肯定的,我先前介紹過不少設計網站,例如 The Design Inspiration 或 Premium Pixels,都能讓你在設計之路獲得更多靈感,最近我找到國外另一篇文章,精選五個提供免費設計素材的網站,希望你會喜歡。

其實網路上提供設計資源的網站很多,但並非每個都值得你投入時間,而以下列出的 5個超棒網站,集合許多新鮮、免費的設計素材,讓你在搜尋上更省時間。

1. Pixeden

Pixeden 致力於提供許多高品質及免費的網頁素材和圖片設計模版(Mock-ups)。
大多是免費的素材,Mock-ups的素材比較偏多,下載會有付Psd檔案。


提供許多高品質的圖樣(pattern)供使用者免費下載,若是喜歡就點選左邊的Download即可下載,下載檔案為png檔。

3.Dribbble

雖然說他免費的素材偏少,但是它網站上有許多很酷的東西值得逛逛,國外設計師會分享作品在網站上。


4.Photock



這是一個完全免費的日本圖庫網站,整個網站都帶有日本人的嚴謹,照片的水準都非常的精緻,目前收錄約六千多張的照片素材可以下載,下載的格式有高解析度與低解析度等四種尺寸可以下載,介介覺得最有趣的是,素材除了標準的預設分類外,還會製作專輯,例如全國偉人銅像專輯、夜景專輯等,顏色分類搜尋等,喜歡日系風格的照片一定要來這個素材網站逛逛。


來自日本的免費素材,免註冊直接下載,有非常多的東方臉孔的照片,稍微說一下檔案下載除了高解析度之外,還有提供一般畫質可以下載,介面搜尋也很直覺,日本人做的免費素材真的非常用心,如果喜歡的話可以贊助它們,原則上圖片都是可以應用在商業用途,不過還是看一下授權使用的說明吧 (不能用於情色網站之類的)。 

(文章改編自:https://free.com.tw/9-perfect-websites-to-find-free-design-resources/)

2017 網頁設計師們青睞的3種設計趨勢 & 影片製作救星─MOTIONELEMENTS 免費影片素材

1、底部導航設計

在手機上底部導航是滿普及的設計,但是在網頁上就不算多見了。
雖然側邊欄和垂直導航基本上要脫離實驗性設計的身份了,
但是底部導航這種“反習慣”的設計,仍然算是激進的一種設計手法。

底部導航在網頁上是先鋒的設計,所以它不是兼容所有用戶的一種設計策略。
如果你做的是一個強調設計、受眾接受性較強的網站,可以嘗試接入這一設計趨勢。

如要使用底部導航加持設計,那麼你需要正確地使用它:

○ 保持簡約,在不用向下滾動的頁面上使用上佳,少數頁面使用為好
○ 設計的要醒目,不要讓用戶忽略它們
○ 如果頁面較長,使用懸浮固定的底部導航
○ 搭配極簡風格的設計框架,複雜的網頁設計會讓用戶忽略底部導航
○ 加入一些額外的元素來強化導航功能,確保用戶不會迷失




































2、Box元素

Box 是一種非常實用的頁面元素載體,在數字設計日趨多樣繁複的2017年,Box 元素簡直是設計師手裡的攻城利器。從功能上來說,它和 Material Design 中卡片的概念是高度相似的,但是它並沒有限制在這個風格當中。和卡片一樣,Box 元素可以承載各種各樣的內容,它非常符合今年設計師對於多樣性的需求。

當你開始使用 Box 元素的時候,應該注意下面的問題:

○ 使用 Box 來創建視覺焦點,比如下面的 Cedrick Lachot 這個網站
○ 使用 Box 將不同的元素分層,類似下面的 Feudi Di San Gregorio 這樣設計
○ 使用 Box 來強化流程和視覺。 Beoplay 的網站就使用堆疊的Box來創建視覺路徑,每個 Box     中承載不同的動畫,吸引用戶滾動瀏覽




















3、直線元素

雖然用戶並不一定會時刻注意到網頁背後的柵格系統,但是恰到好處的直線元素,絕對能夠強化整個網頁的設計感。

直線元素主要還是起到裝飾性的作用,和我們常見的圓形、矩形和橫線元素不同,直線元素其實出現的非常少,在很多時候能夠給整個設計一種有趣、別具一格的體驗。

直線元素無疑會讓網頁更加風格化,不過它的侵略性並不強,所以,它的應用範疇還是很廣的:

○ 可以嘗試使用較細的直線融入背景
○ 創建垂直豎線的圖像拼貼
○ 在主圖上使用直線元素創造視覺深度,強化層次
○ 使用直線穿過圖片上的視覺焦點
○ 使用分屏式的設計,創造出垂直分割的視覺體驗
○ 使用其他的小元素縱向排列,在背景中使用
○ 讓元素在縱向上堆疊,而不是常見的橫向排列





















-------------------------------------------------------------------------------------------------


MotionElements 除了有提供免費影片素材之外,也有提供免費音樂素材與 AE 模板,比較特別的地方是 MotionElements 的免費素材庫是每週更新的。對於製作商用影片需要影片、音樂素材、AE 模板又沒有預算的人來說,MotionElements 的免費影音素材庫是一個非常好的免費素材來源。


使用教學

STEP 1

開啟 MotionElements 網站後,點擊首頁右下方,大大的 FREE 紅色 Banner。













STEP 2

點擊該 banner 後,即會前往 MotionElements 免費影音素材庫,在大標題下方可以切換到不同的素材類型(音樂或 AE 模板),在該頁面即可瀏覽喜歡的素材,看到喜歡的便可以直接點進去下載。
















STEP 3

進到素材頁面後,點擊右側的下載按鈕,同時在下方也會標註該影片的格式、大小和來源,授權的部分請不用擔心,MotionElements 免費影音素材庫裡所提供的授權都是可商用,並可以不限次數的使用,也不用標示作者與來源,詳細使用說明可以前往他們的授權說明頁面。














STEP 4

點擊下載後,輸入希望收到檔案的 Email,再按下傳送,就可以免費收到心儀的素材囉!



認識印度新年「屠妖節(Deepavali)」



屠妖節
對我國的印度教徒來說,其中最為重要的莫過於印度新年「屠妖節(Deepavali)」。


這個節日融合著印度數千年的宗教、神話與藝術,盛大熱烈的慶祝屠妖節似乎是馬來西亞印度教徒與生俱來的使命。




屠妖節米粒藝術 古拉姆Indian Kolam Painting製作美麗的‘ Kolam ’是每逢屠妖節,印度人必行的風俗之一,功用是迎接在佳節期間到訪的客人。



除了迎賓的意義外,更重要的是能促進人們團結合作的精神。
在準備迎接屠妖節的來臨前,印度人會用染上色彩的米粒,拼成一幅幅大大小小的‘ Kolam ’鋪在大門前,誠意和創意拼成的米粒拼圖乍看之下,就像一幅五彩地毯,其重要性就好比中國新年的門聯,中秋的月餅。






相傳世界被妖魔所侵擾,天神與大地女神生下唯一兒子,取名「Naraka Suran」(那拉卡蘇拉)。
那拉卡蘇拉被賦予神的力量與武器,但祂卻濫用權勢興建城堡,以殘忍的手段欺壓人民,並由於祂個人畏懼光明、留戀黑暗,甚至禁止民眾晚上點燈。
結果另一位天神向神主克利斯納(Krishna)申訴,展開了正邪大戰。
在一場激烈的戰鬥中,魔王納拉可蘇拉被女神莎雅巴瑪(Satyabama)所殺,聞訊的人民皆鼓舞歡呼,大肆慶祝,並燃起油燈將整個城市點亮,慶祝這一個光明重生的時刻,故被稱為「屠妖節」。

















他們用食物染色料把白米染上各種不同的顏色,然後把它曬至乾透。再依照著所設計的圖案,用手把適合的彩色米粒一一地拼上去。

說起來簡單,做起來可得花上一番心思喔。最困難的就在於如何調出圖案原本的色彩,以及有耐心的把米粒,一層層的鋪在空白的圖案上。
而人像圖案可說是難度最高的作品之一了,因為它必須使用很多的色彩來混合製造漸層的立體效果一般的物體圖案就簡單多了,只需用幾種單一的顏色來拼組。



除了以白米拼成Kolam外,更可用幼細的椰絲、粉末等代替,拼出來的效果也別有風味。

使用的材料雖然不一樣,代表的心意卻是不變的。
白米拼成的藝術,Kolam可謂“粒粒皆辛苦”。

單從染色、調色、拼排的步驟,每一顆細小的米粒,都蘊含著作者們的用心與誠意。



人們在街邊燃起酥油燈、蠟燭祈福,是排燈節的特殊場景。


除了點燈之外,近年來施放煙火也成排燈節特色之一。



這是以屠妖節為主題設計的~~

 

FROM: https://www.facebook.com/search/top/?q=shopping99.my


















19 個免費配色工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

關於妝廣字號

化粧品廣告事前審查違憲 食藥署:取消此規定

節錄自2017/1/6蘋果日報

大法官今作出釋字第744號解釋,宣告《化粧品衛生管理條例》規定化粧品廣告須事前審查已違憲。
現行《化粧品衛生管理條例》第24條第2項規定:「化粧品廠商登載或宣播廣告時,應於事前......申請中央或直轄市衛生主管機關核准......。」同條例第30條第1項規定:「違反第24條第2項規定者,處新台幣5萬元以下罰鍰。」販售DHC品牌化粧品的台灣蝶翠詩公司此前為這項規定遭罰,後聲請大法官解釋,結果大法官於今宣告此相關法令違憲,理由是事前審查限制化粧品廠商的言論自由。食藥署醫粧組科長洪國登說,目前許多先進國家,包括美國、歐盟,及鄰近的日本、南韓等,其實對於化粧品廣告都已取消事前審查制度,而該署在《化粧品衛生管理條例》修正草案中也與國際接軌,不再明文要求事前審查,並於去年9月送入立法院,現待審查通過。目前藥品廣告也需經事前審查,不過洪國登說,大法官於1996年已對藥品廣告事前審查的法規作出釋字第414號解釋,認為藥物使用悠關人身安全,經權衡人命與言論自由的輕重比例,已宣告藥品廣告事前審查並未違憲。




詳細法律條文解釋
 http://www.pshuang.cc/2017/01/blog-post.html

節錄重點
本次大法官認為化妝品廣告性質上屬於「商業言論」,而商業言論內容非虛偽不實、不致產生誤導作用,是以合法交易為目的且有助於消費中做出經濟上合理選擇,受到憲法言論自由保障。對化妝品廣告採事前審查會是對言論自由的重大干預

化妝品廣告之功能在誘引消費者購買產品,尚未對人民生命、身體、健康發生直接、立即之威脅,對這種化妝品廣告的事前審查,難認為是在防止人民生命、身體、健康遭受直接、立即及難以回復之危害。因此認定採取事前審查方式,與特別重要之公共利益間沒有直接及絕對必要之關聯。



原申請流程

在做美妝品的行銷,廣告素材相當重要,因為美美的素材才能喚醒消費者的需求,而且素材還必須推陳出新,維持新鮮感。可是,美妝品的廣告稿在刊出前,必須先送各縣市衛生局進行審查,每次的審查都還需要繳交審查費,審一次就要付5,400元,累積下來也是一筆不小的開銷。
雖然一份稿子可以同時申請各種不同媒體使用,但只要經審查,內容就不可以隨意更動,如果被人檢舉,而廣告又沒送審,或是擅自修改內容,都會被處以罰鍰。


過去商品只要有銷售行為:

上市前必須將

廠證字號+公司營登+該產品全成份比例表/ 核定該成份
送審確認是否適當及符合規定
及廣告內容敘述是否確實有該作用及效能
如今大法官最後裁定:廣告播出或上架前要送審是違憲
即日起消費者在選用保養品和食品之前請多停看聽了!


消費者該怎麼做
節錄自https://www.medpartner.club/false-advertisement-report/

不實廣告檢舉流程

以台北市衛生局為例,看到不實廣告可以直接到檢舉網站填妥資料即完成檢舉。其他縣市的聯絡管道及網站可以參考這篇文章最下面的附件,確定檢舉方法後發信給各縣市衛生局完成檢舉。
判斷廣告是否有誇大的成分,可以參考我們寫過的各類文章,或是衛福部公布的這份廣告得宣稱及不得宣稱例句
通常網路檢舉是沒有獎金的,而實體的 DM、型錄、傳單檢舉是有檢舉獎金的。各縣市規定不同,可以參照規定。大家一起監督廠商,有點小錢是好事,不過得失心不用太重喔~