search

g0v / moedict-webkit

萌典網站
https://www.moedict.tw/
589 stars 98 forks source link

adapt material design #127

Open hlb opened 9 years ago

hlb commented 9 years ago

字詞畫面：

first-screen

筆順：

sketch

搜尋字詞，Header as floating label：

search-word

偏好設定/其他：

preference

audreyt commented 9 years ago

:confetti_ball: :tophat: :santa: :necktie:

It's... magic! :fireworks:

hlb commented 9 years ago

Ben Crox 的建議：

有些設計問題源自 Android 本身的 UI 特點。像是 Setting 那垂三點，對 Android 用戶來說或有習性，但絕對比不起 iOS 字典那個 Ribbon 般具層次感。 撇開 Android 定式。觸發筆順的圖示，我感覺是「來修改我」。 從標題去搜尋，好像是亮點但又不太直觀。也許是托起標題的那條線，太過穩定，再加入其下入「人 + 5 = 7 」，形成一坨上下平衡的架構，把標題鎖得更穩固，沒有了去觸摸的意識。 也許一條稍有首尾 ticks 的線，會帶來填充／修改的意味。

MrOrz commented 9 years ago

是 Material Design!

ethantw commented 9 years ago

+1

但楷體……？>_<

audreyt commented 9 years ago

+1 內文還是保持黑體吧，不是人人都有 Retina Display XD

audreyt commented 9 years ago

終於有勇者填坑做出 https://sanderspies.github.io/react-material/ 了，所以等 hlb 的 mockup ready 之後就可以實作了。

kcwu commented 9 years ago

所有能點的詞條未 hover 前就都加上底線?

hlb commented 9 years ago

@kcwu 抱歉應該沒有底線，完全是 1hr work 直接 copy/paste HTML 的結果

hlb commented 9 years ago

目前看起來比較適合的 library 是 http://fezvrasta.github.io/bootstrap-material-design/