moedict-webkit icon indicating copy to clipboard operation
moedict-webkit copied to clipboard

Published 20 hours ago • verified publisher icon g0v

adapt material design

Open hlb opened this issue 10 years ago • 9 comments

字詞畫面：

first-screen

筆順：

sketch

搜尋字詞，Header as floating label：

search-word

偏好設定/其他：

preference

hlb avatar Aug 15 '14 17:08 hlb

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

It's... magic! :fireworks:

audreyt avatar Aug 15 '14 17:08 audreyt

Ben Crox 的建議：

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

hlb avatar Aug 16 '14 02:08 hlb

是 Material Design!

MrOrz avatar Aug 17 '14 04:08 MrOrz

+1

但楷體……？>_<

ethantw avatar Aug 17 '14 16:08 ethantw

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

audreyt avatar Aug 17 '14 16:08 audreyt

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

audreyt avatar Aug 26 '14 19:08 audreyt

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

kcwu avatar Aug 27 '14 17:08 kcwu

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

hlb avatar Aug 28 '14 06:08 hlb

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

hlb avatar Nov 03 '14 02:11 hlb