這是以前整理的資料,給大家參考參考
啥咪是
智慧型網頁配色系統吧~~~
你有沒有做網頁的時候不知道怎摸配色呢?
或是配色怎嚜配怎嚜怪的情況?
很苦惱嗎?來看看現代的科技新玩意吧:)
=== 認識網頁配色產生器 ===ColorMatch 5K圖上方三個拉霸為RGB三顏色拉一拉選好自己喜歡的顏色會出現在右邊
下面六個色票第一個是你自己選的,其他五個是系統建議泥的色票,粉不錯吧^^
ColorMatch 10K10k=.=......顧名思義就是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延伸閱讀:
。
網頁設計人員的好幫手-網頁配色器