設計資源參考網站

這是上課後老師丟給我們的設計相關網站。
加上我以前知道的網站，全部都整理在這裡了，方便以後找東西。
以後會慢慢新增新找到的，或刪除壞掉的網站。

( 最近更新 2015/12/20 )



>> 觀摩 >> --------------------------------------------------------------------------------------------

• 各式設計參考網站
  1. Behance
  2. Delicious
  3. Pinterest
  4. Dribbble
  5. 奧革設計 - 設計師必備資源總匯
  6. OXXO.STUDIO

• 配色網站
  1. Paletton
  2. Adobe Kuler (♥♥♥)
  3. Web Colour Data
  4. Color Scheme Designe
  5. 日本の伝統色
  6. 5個色彩搭配網站

• 網頁設計
  1. New Web Pick
  2. The Best Designs
  3. Best Web Gallery
  4. SF art & design portal
  5. Webdesign-Inspiration
  6. Web Design Blog
  7. Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design
  8. 25 Best CSS Web Design Directory Every Designer Should Know

• 網頁設計獎項
  1. Favourite Website Awards
  2. Interactive Media Awards
  3. Website Design Awards (改版中沒有東西)
  4. AWWWARD

• CSS相關設計
  1. CSS Remix
  2. The Import
  3. CSS clip

• UI 介面設計
  1. Ui Parade
  2. Template Monster
  3. 關鍵字搜尋「UI Kit」
  4. 嫁給RD的UI Designer
  5. 設計大舌頭
  6. Materialup
  7. TitanUI
  8. UX Tools
  9. UX 設計資源總整理

• 創意履歷
  1. 數位履歷設計
  2. 50個創意個人履歷設計
  3. 如何讓你的履歷在第一眼就吸引人

• LOGO設計
  1. 10 Logo Design Tips for a Timeless and Creative Logo

• 其他或藝術
  1. Cromoart

>> 教學 >> --------------------------------------------------------------------------------------------

• Photoshop教學
  1. Mavis♥Design
  2. 廣告小妹
  3. ps教程吧
  5. Photoshop文字特效設計
  4. 70個Photoshop修圖技巧
  5. Tuts+
  6. Illuminated Text Effect

• AE教學
  1. AE 特效集中營
  2. ayato@web
  3. ColorVFX

• 語法設計
  1. Codecademy
  2. W3Schools
  3. Ceaser - CSS Easing Animation Tool (介紹)
  4. CodePen
  5. FLASH論壇-神魂顛倒Flash

• CSS
  1. CSS 3.0 Maker
  2. CSS Tools: Reset CSS
  3. [筆記] 好用的css 3新單位vh vw ─ 讓你的圖片可以隨著螢幕大小而不同
  4. Pure css3 design
  5. Code Combat (玩遊戲學code)
  6. CSS Diner
  7. 學習 CSS 版面配置 - 關於 position 屬性
  8. CSS可樂  (使用CSS3 :nth-child(n) 選取器教學)
  9. 壞掉的印表機
  10. CSShake

>> 資源 >> --------------------------------------------------------------------------------------------

• 各式資源整理
  1. 設計筆記本 @李介介
  2. 超強大懶人包：40 個設計師必知的免費資源

• 網頁設計資源
  1. Web Templates PSD ( 118 submissions )
  2. Viewport Sizes
  3. 網頁字級表及限制 / 網頁字數表 / 螢幕解析度查詢
  4. Google Maps Javascript API
  5. jQuery tinyMap

• jQuery1. jQuery Rain
  2. 7 jQuery Parallax and Scrolling Effect Plugins
  3. jQuery Scroll Path

• Icon資源
  1. Icons8
  2. icon 圖示免費下載！介面設計師用得到的9個免費圖庫

• 免費圖庫素材
  1. Dreamstime
  2. Morguefile
  3. FREEIMAGES
  4. Texture King
  5. 46 個免費圖庫網站總彙整
  6. ソザイング ( 商用利用ＯＫ＆無料の写真 )
  7. Freepik ( free )
  8. Motion Elements (要$!)
  9. Stockvault ( 可以用於個人跟非商業性網站 )
  10. IM FREE ( 可以合法商業使用 )
  11. Dezignus
  12. Free Digital Photos.net
  13. Free Photos Bank
  14. Pixabay
  15. picjumbo

• Photoshop筆刷
  1. FBRUSHES.COM
  2. my Photoshop Brushes.com
  3. Brusheezy
  4. QBrushes

• 免費字型
  1. FontSpace
     (免費資源網路社群的介紹)
  2. Mispeinted Type
  3. 白舟書體
  4. The 100 best free fonts
  5. 字型整理管理程式 NexusFont v2.6.1

• 免費網頁空間
  1. HiNet 我的網頁 (介紹)
  2. FC2 (介紹)

• 好用工具
  1. Smallpdf
  2. 

• 螢幕校色
  1. 免費的簡易螢幕校色軟體分享&教學 Calibrize
  2. 學後製相片前，必須先把自己的電腦螢幕校正好

>> $$$$ >> --------------------------------------------------------------------------------------------

• 接案平台
  1. Design Crowd

• 經濟部工業局的補助
  1. 數位內容產業推動服務網
  2. DCDA 數位內容產業發展補助計畫

• 其他
  1. 網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查

---------------------------------------------------------------------------------------------------------