QRHacker，最強大的免費QR code生成器

QR code 近幾年成為行銷手段最被使用的工具之一，網路上也慢慢出現很多很多免費的QR code生成器，有些輸出高解析度的需要另收費，有些針對特殊使用收費，有些更提供進階應用的收費。

今天要介紹的QRHacker是目前看到最強大的生成器，別人選QR code生成器隨便來沒關係，但是設計師的你可就得有點不一樣的標準了。QRHacker可以製作網址、電話、vCard、文字、Wifi access的QR code(似乎少了sms訊息)，並且可以針對每一個格子單獨著色，放照片在背景或放在QR上，這些都是免費功能並且能輸出足夠大的尺寸(算算印刷四公分沒問題，而且基本上這種顆粒圖片印大點也不會影響什麼)。

網站：QRHacker

付費功能更完整了，甚至可以生成一個搭配你analytics統計的code，讓你的行銷計畫能更撲天蓋地的檢視成果！

Read more

Noise Generator，比Photoshop的濾鏡更強的雜訊製造器

Photoshop的雜訊(noise)濾鏡現在普遍被用來做其他材質的基本素材，透過雜訊可以做出隨機不規則的雜點，再用其他特效功能把他轉化成其他有機素材，例如做斑剝效果就多半會先做雜訊。

不過Photoshop生成雜訊的功能從2.5版至今也沒加強過了。今天要介紹的是更強的雜訊工具，而且是在網頁上直接生成的。Noise Generator透過不透明度和密度來控制雜訊的表現，尤其是密度這個屬性使得他跟Photoshop所能生成的雜訊有絕對的不同。Noise Generator還能輸出透明背景的雜訊圖片，這在Photoshop上目前還不能完全搞出來。

網站：Noise Generator

不過話說回來Noise Generator目前也只接受製作最大300px*300px的尺寸。

Read more

JPEGmini，幾乎不失真幫你降低JPEG檔

每次幫客戶做Adword的圖片廣告都被Google限制的檔案大小搞得很頭痛，明明就只差那5K，為了要讓檔案符合Google的要求而再降一個壓縮品質，最後搞出來的圖片都很難看，但自從我發現JPEGmini後，一切都變了。

網站：JPEGmini.com

可以透過重新壓縮降低到最多約1/3的工具網站，免費的！使用的技術是更精確計算的JPEG壓縮，但不會嘗試降低你的壓縮比，你的來源檔案假設壓縮品質是9，那麼他也會以9來進行重新壓縮，只是檔案會再降低一些。

實際降低的比數還是得看你圖片使用到的顏色分佈為準。

如果你要製作的是Flash的banner，當然裡面的圖片也能在這壓縮，結果也是會降低swf的檔案大小。

Read more

Guideguide，幫你計算並生成導線的Photoshop模組

在製作響應式網頁設計時，經常要在Photoshop先畫好導線，以確認每一個欄位的寬度或每個section的高度，雖說計算寬度一定要先自己算好誰也幫不上忙，但計算間隙這件事更煩人了，且實際精準地去拉導線定位時也是一個痛苦的事。Guideguide就是幫你做這兩件事的，立刻畫出來。

網站：Guideguide.me

不只是絕對位置的導線佈局

除了先行計算好自己要的整體結構佈局再用Guideguide拉導線以外，有時候我們也會從固定需要的區塊來開始延伸計算相對間隔與位置，Guideguide也能這樣畫！

這樣的模組竟然是免費的！

Read more

UI Cloud，這個荒唐的搜尋引擎讓你搜免費UI

話說我一直覺得設計師唯一能贏過工程師的就是設計，這不是廢話嗎？但是若有一天工程師取得設計師的東西沒有障礙的時候，設計師有沒有能力取得工程師的東西沒有障礙？這真是一個好問題。

有人做了一個搜尋器讓你針對全世界主要在分享免費UI設計下載的網站搜尋，想要什麼元素，就搜什麼元素，例如需要表單，那麼搜尋Form，接著就會列出一堆漂亮的表單設計讓你下載使用！

網站：UI-cloud.com

這真是荒唐！

Read more

Subtle patterns, 免費、世界最精緻的專業背景圖+PS外掛

你自己作過無縫連接的背景圖嗎？

我猜不少人都沒有自己做過吧？我也是，最多只改過或者做一些簡單的圖騰式的。挪威有個愛做高級精緻背景圖的設計師開了Subtlepatterns.com這個網站，提供高精緻的背景圖免費下載，不但免費還特別分類並細心的打包成.zip檔案提供下載，所有檔案並且分類成10種類別以方便瀏覽取用。

網站：Subtlepatterns.com

網頁每一頁的最下面有一個Top Tags把圖片分類好，點選任何一個都會過濾呈現的背景圖庫。瀏覽時亦可使用圖庫最上方的工具選擇預覽方式，好讓選擇時進入到最佳的視野。

不但如此，現在還提供Photoshop外掛
看到首頁上綠色的按鈕嗎？點過去就會進到外掛介紹頁面，不過這個方便的外掛是要11.99美金的。

Subtlepatterns.com的背景圖是目前免費原創背景圖裡最精緻的，在Themeforest的許多Top設計師都特別愛用他的背景圖來增加設計水平。如果你細細瀏覽一次全部的背景，一定會替你的設計工作永遠的、強強的加上不少分數。

Read more

X-icon Editor，最好的線上網頁icon 製作網站

想起Vista和Windows7初生時代在製作windows icon時使用 Axialis 公司的IconWorkShop，這是個很完美的專業icon解決方案，可以製作出完全符合微軟和蘋果作業系統需要的高解析icon，更能支援多尺寸的icon規格。網路的發展快速，僅擁有一個個人網站已經不夠，你會需要一些個人化設計的視覺識別來突顯自己。

X-icon Editor能讓你自己設計一個網站用icon，直覺的線上編輯器支援多種工具包含打字、畫圖、著色等等，並且還支援上傳圖片檔案作為你設計icon的基礎圖片。

網站：X-icon Editor

最後你會得到一個favicon.ico檔案。

完成的圖片就像你看到這個站的圖像

Read more

Patternify，最好的Pattern生成工具網站

不論是在Photoshop需要一個填色圖案，或設計一個網站用圖騰，Patternify 都可以為你做最棒的工作，直接輸出一個png擋，或者拿到Base64 編碼的語法。

什麼是Base64 編碼？
英文是Base64 Code，這個語法可以使用在CSS上，就是傳說中用語法寫出來的點陣圖呢，通常被用在網頁背景圖。

Read more

Pictaculous，主要色彩解析工具

Pictaculous是一個實用的色彩工具網站，任意上傳一張圖片，Pictaculous都可以立即解析出圖片上所用到的主要色相，然後立刻給你其他相關聯的配色建議。

網站：Pictaculous

使用方式：
直接點畫面中間的上傳工具，選擇一張照片後按確定，按Get My Palette。

Read more

Color Hexa，色彩研究工具網站

一個色彩到底有多少關聯數據，這要讓Color Hexa告訴你。只要簡單的輸入一個色碼，就可以查詢跟這個顏色有關的所有數據，Color Hexa在這一方面是絕對的專家工具。

網站：Color Hexa

使用方法：
沒有！因為Color Hexa已經甚至把使用方式都帶進各種關聯裡了，任何在這網站上出現的顏色都可以點選直接成為索引色，然後進入這個顏色的數據世界裡。

Read more

Kular，配色與色彩計畫社群

有時候因為壓抑在工作氛圍裡，我們會不信任自己對色彩的配色結果，沒關係Kular上有來自全球設計師的配色，並且都是受到推薦的。

網站：Kuler

到Kular網站可以立即玩玩配色，亦可點選左上方Explore瀏覽現有存檔的配色、或者打開自己存檔的配色。

Kular也是一個雲端色票社群網站。當然，在Explore也可以用關鍵字搜尋一個現有的關聯配色。例如我曾經在一個專案中需要適合布達佩斯(budapest匈牙利古城)的色彩，就是在這兒找到一組的。

Adobe
Kular目前是Adobe旗下的一個免費服務社群網站，Photoshop的使用者亦可在Extension裡開啟Kular面板直接瀏覽或者存儲自己的配色(需要adobe帳號，而且不是破解版)。
當然也可以在某個配色上跟其他使用者討論自己的看法！

Read more