G0V UI

成果 ： http://g0v.github.io/ui/

Why 為什麼要這麼做 ：

• 未來任何人建立新專案時，可以來這裡直接參考、使用這裏的所有 UI ！

How 怎麼做：

• 找出通用的主題架構（eg. 官網首頁、救災型、會議型、列表資料型），讓設計師跳坑著手設計 UI
• 設計師投稿到 https://github.com/g0v/ui/issues
  • 必備元素：一張示意圖 & Sketch 檔案
•  工程師拿到示意圖與 Sketch，完成 component 製作

What 需要什麼：

• 首頁 Landing Page 設計 (Michelle cc0)
• 設計師投稿教學視覺化設計 (Eric)
• 宇廷建制網頁 
• 設計師來投稿 UI！

Who 誰要來使用這個網頁？用樂高來比喻！

• 設計師：設計 UI
• 工程師：製作成可用元件 component
• 訪客：來用元件吧！用 Component 疊出自己要的網站！

設計師填坑方式：

1. 從過去的專案找出 UI
   1. 尋找以前的Sketch
   2. 看已完成的專案, 重新繪製Sketch
2. 新的專案先做UI

g0v summit 2016 (2016/5)

http://summit.g0v.tw/ 

http://budget.g0v.tw/

http://env.g0v.tw/air/

http://g0v.tw/

http://vote.ly.g0v.tw/

http://er.mohw.g0v.tw/

https://g0v.github.io/color

http://hacktabl.org/president2016

http://ivod.ly.g0v.tw/onair

g0v.tw UI kit

目的

從g0v.tw出發整理UI元件，希望發展成g0v的基礎工具包。未來有新坑的時候也能協助設計師、工程師複製一份去做快速修改、擴充

共同協作sketch檔案：https://drive.google.com/drive/u/0/folders/0Bz8AzyqOsxuuTFJwdURLbzZtdWc

sketch cloud線上看：https://share.sketch.cloud/an2Z/

• ++

元件需求（許願池）：

• Logo set

• 原始檔案放置地點

• 目前已整合到guideline sketch檔

• Menu
• Desk
• Mobile
• 施工建議
• Color
• Color set
• Background

• Typography
• 標題
• 段落
• Quote
• 列表
• 連結
• Button
• Icon set
• Tab
• Card
  • Grid system

目前進度概況

2016.06.18 更新 by Mooon.C

• 我來幫忙寫 css 好惹
• 好！
• g0v css framework 要出現了!!
• 讚！
• 天啊，好興奮！！