Cheeky Palettes 網頁用色預覽工具,選定兩色即可在網頁上查看實際配置效果!

Cheeky Palettes 網頁用色預覽工具,選定兩色即可在網頁上查看實際配置效果!

當缺乏配色靈感時,網路上有許多調色盤工具可以提供協助,但是往往取得喜歡的配色組合後,並無法直接確定它們實際運用在網站上會是什麼模樣,有些顏色搭起來好看,可是也許不適合使用在網頁中,於是「Cheeky Palettes」這個網站就誕生了。 「Ch…

網頁設計路上的繆思女神「collected」收集上千網站提供隨機參考!

網頁設計路上的繆思女神「collected」收集上千網站提供隨機參考!

創作絕對是獨一無二的存在,不過靈感大多來自日常生活中的點點滴滴所累積而成,經過內化吸收後,就能成為未來創作時的養分。以網頁設計者來說,平時多多瀏覽各種不同的網站,觀察各種領域的設計,甚至是欣賞各方流派的藝術畫作,對於往後的設計都會有所幫助。 但…

I Love Adaptive 可查看網站在不同手機、平板、電腦螢幕尺寸上的呈現效果

I Love Adaptive 可查看網站在不同手機、平板、電腦螢幕尺寸上的呈現效果

以前製作網頁大多要擔心的就是在不同瀏覽器上可能會發生不同的問題,或是要去注意到不同螢幕尺寸呈現出來的效果會不會有跑版、破圖等等的狀況,現在還要再加上各種不同廠牌的手機、平板,如果手邊又沒有那麼多裝置可以做測試的話,要檢查起來就更麻煩了。 「I …

為身為貓控的網頁設計師準備的「placekitten」貓咪網頁範例圖

為身為貓控的網頁設計師準備的「placekitten」貓咪網頁範例圖

做為一位網頁設計師為客戶 Demo 網頁絕對是家常便飯常常需要做的事,但有時不是文案還沒給齊就是圖片還沒提供完整,為了要讓網頁呈現接近完成的樣貌,通常就會放入一些範例圖片跟假文章,而這些要自己做當然沒問題,只是有點浪費力氣就是了。 若你需要範例…

網頁設計師必備!TestSize.com 測試在不同螢幕解析度下網頁的呈現效果

網頁設計師必備!TestSize.com 測試在不同螢幕解析度下網頁的呈現效果

在設計網頁時,明明在自己的電腦看很完美,但一送去給客戶或主管看的時候,卻時常會發生網頁版面呈現效果不同的問題,那大部份是因為所使用的電腦螢幕解析度不同的關係,如果在網頁製作完成後,可先在各種解析度下跑過一遍,應該就能避免這個問題,不過我們要去哪…

「Fake images please?」網頁範例圖片快速產生器

「Fake images please?」網頁範例圖片快速產生器

在網頁製作初期設計版型時,都會需要填入一些範例圖片好讓你可以看到整個版面的雛型,通常都會隨便找一張圖,然後弄成需要的尺寸大小,存檔後再塞到版面中,如果只是製作簡單的網頁還好,可能需要的範例圖不會太多,但若是設計一個網站的話,可能範例圖片的使用量…