Home / Design
顯示具有 Design 標籤的文章。 顯示所有文章
顯示具有 Design 標籤的文章。 顯示所有文章

2015年5月7日 星期四

CSS3 Icons - 200個以上的CSS圖示語法

留言

你是個網站設計師嗎？那麼不要錯過這個「CSS3 Icons」的網站，在這個網站中整理了超過200個CSS的Icon，讓你可以直接透過CSS的方式來呈現出不同的ICON，而不需要載入圖片。

進入網站後可以左右移動不同的css圖示類別

css-icon01

再來選擇想要的圖示後網站就會跳出CSS以及HTML的語法，把它套用到網站上即可，它還會顯示與各大瀏覽器的相容性

css-icon02

繼續閱讀

2014年11月1日 星期六

超實用！網頁設計常用色彩搭配表

留言

這個網頁設計常用色彩搭配表「配色表」真的是太實用啦，有時候想替網站做不同的色彩變化時，如果本身對色彩學沒有很好的概念，配出來的結果通常會很遭，而這個網站就用一個最簡單的方式來告訴我們，怎麼樣配色、哪種顏色的搭配是最好了，對於一些站長或美工我覺得都蠻實用的喔！

就如我所說的，他是用很簡單的方式來告訴我們該搭配哪種色彩，所以我們可以直接從左邊選擇想要什麼色相，右邊就會馬上出現相關的顏色及代碼

color1

除此之外，還可以利用【按印象的搭配分類】來選擇配色，例如你想讓網頁呈現出來的感覺是活潑一點的，那麼你就可以選擇活潑、快樂、有趣的分類，這樣是不是更容易了解呢？簡單又實用呢

color2

繼續閱讀

2014年7月27日 星期日

ColorCodeHex 查詢顏色色碼相關資訊

留言

「ColorCodeHex」是個色碼查詢的網站，有時候想要16進位的顏色代碼時，這個網站我就會用到，我們可以直接輸入色碼來查詢顏色，也可以用色盤來挑選顏色後，取得對應的16進位代碼，算是一個簡單，但還算實用的網站

color01

選擇顏色後，還可以顯示相對應的RGB代碼、CMYK等資訊

color02

甚至是該顏色的互補色、色階都有相關的資訊可以參考，因此在網頁設計的時候是個很好的參考網站

color03

相關文章：Color Hex Color Codes 查詢顏色代碼

繼續閱讀

2013年3月6日 星期三

Artistic Map-Making Template 下載精美的世界地圖

留言

【Artistic Map-Making Template】可下載精美的世界地圖，PSD的格式，有需要的設計者可以參考一下喔

artistic_map_making_template

Download

繼續閱讀

2013年3月5日 星期二

讚！Pixabay 大量精美的無版權照片素材下載(Public Domain授權)

留言

pix01

想要使用精美的照片、素材，卻擔心版權問題嗎？【Pixabay】這個網站提供了我們一個蠻好的解決方案，在此上面的照片都是PUBLIC DOMAiN授權，也就是沒有版權的限制，所以我們可以將這些照片應用在我們的專案上或網站上等等

pix02

透過關鍵字就可以搜尋照片

pix03

當搜尋完畢後，找到喜歡的照片進入即可，左下角會有下載的按鈕可以下載照片素材，右下角則會有發佈的訊息等等，有些照片是會員自己上傳的

pix04

最後在下載的時候，可以選擇不同的大小來下載，很方便喔

pix05

繼續閱讀

2013年2月7日 星期四

XOO Plate 高質感網頁、圖示、PSD等素材免費下載

留言

【XOO Plate】是一個免費的素材供應網站，裡面提供了許多很有質感的網站樣版、圖示、PSD作品，也有一些向量圖喔，在使用時可以由上方的分類來選擇，或者關鍵字也可以

plate

找到想要的素材後，只要點右下角的Download就可以直接下載了，非常的方便

plate02

繼續閱讀

2012年12月7日 星期五

UIGood - UI設計分享之家

留言

ui01

【UiGood】是個很單純的網站，專門提供UI設計相關的資訊，但它並非是一個讓我們下載檔案的地方，而是整理了許多的網站連結，方便讓設計師前往朝聖、尋找資料，在分類上，有Icon的分類、部落格、設計網頁等等，大家可以依需求去找找看有沒有喜愛的

ui02

繼續閱讀

2012年9月2日 星期日

Browser Support 判斷CSS的語法在哪些瀏覽器版本有支援

留言

「Browser Support」我覺得這個線上服務很適合一些要修改網頁的設計師，它可以判斷CSS的一些語法在哪些瀏覽器版本有支援，這樣就可以知道所做出來的效果，是不是適合於所有的瀏覽器，比起自己一個一個測試要快的很多

css1

繼續閱讀
訂閱： 文章 (Atom)