iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
0
Modern Web

Daily UI : 開發者版系列 第 1

30 DAILY UI:Day1 — 開頭簡介很老套,但真的很重要

選題緣起

稍微瀏覽一下本屆參賽題目,真的臥虎藏龍
原本也想來個獨門技術文參賽,好死不死這個月在趕大型專案XD
只好折衷,來個創意十足的參賽主題( 自己說,不要臉 )

我想,搞前端開發的,就算沒碰 UI 設計,多少也聽說過 Daily UI
簡單來講,就是當年由某位國外老兄 Paul Flavius Nechita 發起
不間斷每天發自己做的 UI 設計圖,連續 100 天
所以有時又稱 100 Daily UI

剛好,工作上涉及平面設計、UI 設計、程式設計
自己也很熱衷於深鑽這三個領域
所以打算在這 30 天
每天挑出一個 Paul Flavius Nechita 的作品
並以 UI Framework 實作
也是向他致敬( 我會通知他本人 )

最後,因為賽事時程,
還有我這下半年真的要忙翻了
所以當然不是 100 天( 拜託給個機會別嫌我XD )

選用技術

隨時代進步,前端技術像瘋了一樣的發展已是不爭的事實
當然,UI 領域的工具也如雨後春筍的冒出
網頁介面也越來越炫,特效越來越多
Paul Flavius Nechita 的作品
很有 Modern Web 的味道

筆者自己是 Vue 重度使用者
( 當年從 Angular 轉到 Vue 就回不去了 )
本次用以實作的 UI Framework
我想,選定 Vuetify 再也合適不過了

其實每天在實作的過程中
就會講解到技術細節
所以主題副標應該變成:30 天精通 Vuetify ? ( 哪來的精通啊? )
( 怎麼總覺得第一天在發廢文的感覺 )

每日專題

以下暫列出這 30 天要實作出的 UI
最近都在瘋狂加班,因應時間、體力上的限制
可能有時依實作困難度( 還有 Fu ),調整順序或重挑
我知道參加鐵人賽有一些技巧,例如就是提前累積一些文章
然後比賽時慢慢發,可惜的是,我還真忙到連先積累文章的機會都沒有 . . .

原本想寫的

隨著 UI/UX 的被重視
前端技術也越來越發達,UI 與程式實作上的 Gap
慢慢的有越來越多軟體被開發出來,嘗試解決相關問題
而筆者也在某個層次上不斷嘗試解決這類問題:

因為小弟重度熱衷 Design Process( 你要稱為 Iterative Design 也好, whatever )
如何在設計流程上,使用 Wireframe, Flow Chart, Mockup, Prototype . . . 等工具
去分析、過濾需求,並串接現有專案合作工具,達到更好的開發進度追蹤,
製作出對工程師更友善的開發文件 . . .

簡單來講原本想以一個小專題為核心
以較簡單的方式講解我從設計面到開發面的運作流程
設計面包含 Sketch 的一些 Best Practices、推薦 Plugins、設計文件 . . .
開發面就是以 Nuxt.js, Vue CLI 3 實作的技術細節、 Best Practices . . .

哎,不過在稍微策劃、
估算這種主題的 30 天文章所需時間
發現目前對我來說,時間上是保證絕對不可能的
所以決定把這個主題留在明年好了XD
若有人對這類主題有興趣,請不吝留言給我喔 ❤️

可惡,我真的好想寫原本想的主題 . . .
@M#L@#@(@)@#L@K . . .

最後的最後

這真的是最後了XDDDDD
就是,如果你願意幫我抓 typo
我會超愛你ㄉ


下一篇
30 DAILY UI:Day2 — Credit Card Payment
系列文
Daily UI : 開發者版30

尚未有邦友留言

立即登入留言