Hackpad 封存器 - g0v

[資源] 設計 / 素材 / 資訊視覺化 / 教學與資源

最後編輯：2022-05-14 建立：2014-09-03 歷史紀錄
公有地大行動 設計 零時的學習不能等 new NEWShackathon

 

    CHE L馬上應用

 

CHE LICON

 

Loading Icon

  • Kirby Wu> 為了方便大家在專案中加入社群識別，之前做過 g0v 的 loading icon，現在我把他重新建到獨立的頁面，在這裡除了下圖看到的布丁效果外, 還有 40 種不同的動畫類型可以選，需要的朋友可以自己調來玩囉~

 

Emoji

 

LOGO

 

字體

  • CNS11643中文標準交換碼全字庫(簡稱全字庫)，內含明體、正宋體及正楷體3種字型，
    • 授權：行政院國發會-政府資料開放授權條款-第1版，需要時可以直接轉 CC BY-4.0 來使用這些素材
    • https://www.facebook.com/photo.php?fbid=10209651209996624&set=a.1421355993490.50608.1820401805&type=3&theater
  • https://fonts.google.com/
  • https://www.fontfont.com
  • 日星鑄字行 http://typography.ascdc.sinica.edu.tw/%E5%AD%97/
  • https://www.facebook.com/字型下載區-1442837152678167
  • http://www.skyfont.com/
  • https://www.facebook.com/dspim/posts/1850677385194059
  • https://www.facebook.com/lovefonts/posts/1495452330534286

 

標籤雲產生器

  • Wordsift https://wordsift.org/

 

網格紙產生器

  • http://gridzzly.com/

 

筆刷

  • 台灣食物
    • https://www.plurk.com/m/p/m2xxq1
    • https://www.facebook.com/tikalyangfc/posts/1350010351712040

 

點線圖

  • 點線圖 dotsDraw 混合式的製作方式，網址: http://vea.tw/works/dotsDraw/

 

8bit

 

GIF

  • https://giphy.com/categories

 

圖表

 

表單

 

顏色 / 配色方案

配色工具與案例，Todos：應該要加上評語、說明該網站工具的特色

漸層

  • 漸層 https://webgradients.com/
  • 漸層 https://uigradients.com/#Instagram
  • 漸層 https://lstore.graphics/meshgradients/

傳統色

色覺模擬

 

 

 

插圖 / 素材

 

去背

  • Clipping Magic
    • https://free.com.tw/clipping-magic/
  • Background Burner
    • https://free.com.tw/background-burner/
  • 「Malabi」是一款免費線上去背工具
    • https://free.com.tw/malabi/
  • 全自動圖片線上去背 https://www.remove.bg
  • 去背工具
    • https://express.adobe.com/zh-Hant-TW/tools/remove-background/

 

自動化繪圖輔助

 

地圖相關

  • 在「MapChart」這個線上工具中，我們可以從一張空白的世界地圖，或是空白的亞洲、歐洲等不同地區的地圖上，開始繪製自己需要的「解說」。無論你想要解說的是某個年代的世界局勢，還是標註某些共通的文化，這個線上工具都可以幫助你快速完成需要的圖檔。只需要3個步驟：
    • https://mapchart.net/
    • 在需要解說的地方，填上不同色塊。
    • 定義每個顏色的說明。
    • 預覽並下載地圖圖檔。
  • pixelmap
    • http://pixelmap.amcharts.com/
    • http://artofslide.blogspot.tw/2017/04/pixel-map-generator.html?utm_source=%E7%B0%A1%E5%A0%B1%E8%97%9D%E8%A1%93%E7%83%98%E7%84%99%E5%9D%8A
  • Mapfessional

 

包裝刀模

  • 免費包裝刀模下載，紙袋、紙盒印刷用刀模圖下載，可轉 AI 向量格式
    • https://jiemr.com/packaging-die
  • 免費印刷刀模下載，合計50幾款紙袋與包裝盒刀模
    • https://jiemr.com/packaging-daomo-2

 

free CAD files

  • https://grabcad.com/library

 

格式轉換

 

擬定合約

  • The Freelance Contract
    • https://www.and.co/the-freelance-contract

 

Forensically is a set of free tools for digital image forensics. It includes clone detection, error level analysis, meta data extraction and more

 

    CHE L支援多人協作的設計工具

 

網路協作工具

 

3D 與 GIS 協作工具

 

其他

 

    CHE L設計觀念探討

 

CHE L待整理

 

風格

  • 曼菲斯風格設計案例
    • http://goo.gl/TfJ2hH
  • 日本2017年1月DM分享
    • https://www.facebook.com/jack3020/media_set?set=a.10210192953292445.1073741830.1597726891&type=3
  • Baugasm - 365 Posters
    • https://www.behance.net/gallery/50411735/Baugasm-365-Posters
  • Paul Cox 與麒麟淡麗的合作
    • https://www.facebook.com/designsurfing/posts/1138746169559285
    • https://green-name.kirin.jp/
  • 同形異構的運用
    • https://goo.gl/iMbqP5

 

人因因素

  • 字級大小原則討論 https://www.facebook.com/tamago.gogogo/posts/10210435887038098
  • 「Design for Accessibility Cheatsheet」，從包含弱視、失讀、失聰等六個面向 https://www.facebook.com/data.visualize/posts/549909348512845:0
  • Microsoft Inclusive Design http://mp.weixin.qq.com/s/ihsk7luLK595Khj-hcDVFw
  • https://www.microsoft.com/en-us/design/inclusive
  • xScope - 原文寫可模擬色盲者的世界, 但其實是組功能極強大的套件組! (http://goo.gl/MHTikR )
  • 但是，要怎麼透過色盲人士的眼睛，檢查自己製作的圖表呢？網路上有一款免費的小工具「Color Oracle」，能夠解決這個問題。進入以下網址（http://colororacle.org/）
  • 易讀服務 Easy Read Service
  • 關於雲端千眼
    • http://www.edocumentservice.org/
    • 莎士比亞有句名言：「生活里沒有書籍，就好像大地沒有陽光；智慧里沒有書籍，就好像鳥兒沒有翅膀。」而『edocumentservice平台』的建立，主要便是希望透過平台，讓視障視障者能夠閱讀重製轉化後的電子書，並且透過平台自動化管理，減少視障視障者在取得資訊所遇到的困難。
  • Tools for educators. Compliance for organizations. Headaches for no one. End-to-end document accessibility for Google is here.
    • https://www.grackledocs.com/

 

 

 

    VENEV更多資源蒐集區

  • VENEVQuora: What are the best resources for learning bleeding edge web UI and UX design
  • CHE Lhttps://vide.tw/7815
  • 日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん）http://boxil.jp/magazine/uiux/
  • http://buzzorange.com/techorange/2015/05/28/design/
  • http://resources.ogdesign.tw/
  • https://www.facebook.com/data.visualize/posts/551794734990973
  • https://www.facebook.com/imDataMan/posts/1812037675741857
  • https://www.ordnancesurvey.co.uk/blog/2015/01/cartographic-design-principles-summary/#more-18093
  • http://freedesignresources.net/
  • https://medium.com/sketch-app-sources/preparing-and-exporting-svg-icons-in-sketch-1a3d65b239bb#.67jygymit
  • Tachyons 不是 css framework ，不送任何的套裝行程，但它把所有會用的 css 組合全都用最精簡而且不互相衝突的方式包起來，所以寫網頁時，直接標 class 就好，不另外寫 css ，像是 div 長寬比要多少、 padding, border 要多少等等。有興趣的人可以看這兩份字典：
    • http://tachyons.io/docs/table-of-styles/
    • http://tachyons.io/docs/table-of-properties/
  • AI WEBSITES THAT DESIGN THEMSELVES - https://thegrid.io/#7

 

 

設計社群共筆區