這是以前整理的資料,給大家參考參考

啥咪是智慧型網頁配色系統吧~~~

你有沒有做網頁的時候不知道怎摸配色呢?
或是配色怎嚜配怎嚜怪的情況?
很苦惱嗎?來看看現代的科技新玩意吧:)

=== 認識網頁配色產生器 ===
ColorMatch 5K

圖上方三個拉霸為RGB三顏色拉一拉選好自己喜歡的顏色會出現在右邊
下面六個色票第一個是你自己選的,其他五個是系統建議泥的色票,粉不錯吧^^

ColorMatch 10K

10k=.=......顧名思義就是5k的進階版...orz
操作模式同上,比較特別的是右列提供四個主色票記憶
讓你可以選擇四種喜歡的顏色,在去搭配出心中最想要的顏色

Color Schema Generator 2

這個超強的....360度的色票選擇器,提供多種細部模式選擇,右邊有四種預覽模式,還可以調整建議色票的順序改變預覽結果......超級用心的傑作阿@@

technicolor

最後介紹的這個,比較像我上次跟妳門提的歐~
一樣左上方可以選顏色,左下方出現十二種相關建議色票的組合,選擇完後按一下Auto-paint那個按鈕
右邊預覽區塊就會出現樣版套上你選擇顏色的樣子好預覽
真的很讚,他還提供一個細心的小功能,右邊預覽下面有個xxx CSS的按鈕,點下去他把這個樣版所有的CSS設定都寫好嚕,真的是......懶人的便利程式壓^^ccc


而實際操作過,瞭解製作這個是有一定難度的


=== 網頁樣版 ===
這個網站提供了40種網頁樣版
對於不知如何切割往頁框架的新手粉便利哦!!!



=== 實作智慧型網頁配色系統的案例 ===
上次看到日崎貼的2006年開源碼內容管理系統
剛好被偶發現第二名的Drupal 5.0新版在布景主題功能設定裡提供此功能。

與上面的工具很像,提供360度的色盤選擇,中間方塊選擇顏色,左邊要設定五種顏色(沒建議色票),設定完之後呢,請看下圖

這是預覽圖,此系統提供即時預覽,不像剛剛講的"technicolor"還要自己按按鈕才能預覽,不過差別還是如果有建議色票會更好阿。但方便的是,更改網頁配色從此簡單化了,點幾下就ok,不用改HTML也不用自己寫CSS,真是方便阿!!!!

這裡提供  試 玩 哦^^


=== 智慧型網頁配色系統實作 ===
介紹了這摸多......寫到手軟了=.=
之前畫的流程草圖大概的想法是這樣
流程如下:

使用者上傳一張圖片/系統讀取圖片

系統分析出最多的色票範圍

系統秀出建議使用者的色票,供使用者選擇

配合多樣網頁樣版

預覽網頁

與使用者資料結合

輸出網頁/CSS檔


至於這個東西有啥好處
不論實用性/貢獻度都很高
而至於應用與成果實例,不管是BLOG做應用
或是弄成獨立套件推廣都是沒問題^^ccc


推薦網址:
這裡有一份英文的教學文件,有興趣可以看看:)
Color, Contrast & Dimension in News Design


延伸閱讀:
網頁設計人員的好幫手-網頁配色器
創作者介紹
創作者 blogtalk 的頭像
blogtalk

瞇瞇眼看世界 Blog-Talk

blogtalk 發表在 痞客邦 留言(0) 人氣()