G0V 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 疊出自己要的網站!
設計師填坑方式:
- 從過去的專案找出 UI
- 尋找以前的Sketch
- 看已完成的專案, 重新繪製Sketch
- 新的專案先做UI
g0v summit 2016 (2016/5)
http://hacktabl.org/president2016
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/
Yang-Hsiang Chang++
元件需求(許願池):
- 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 要出現了!!
讚!
天啊,好興奮!!