後台改版Material Design5

後台改版Material Design5

在商品列表裡我們新增了一個新的按鈕『商品排序』從改版後起,smartweb 電商後台上架的產品可以使用拖曳來更換商品排序囉!...閱讀更多

BY Grace │ 2019-12-23
後台改版Material Design4

後台改版Material Design4

這次要來介紹產品上架的介面。綜合許多使用者在上架時會遇到的問題,加以改善,並應用material design,讓畫面看起來舒適。...閱讀更多

BY Grace │ 2019-12-13
後台改版Material Design3

後台改版Material Design3

這次要修改的是在Smartweb後台很常會使用到訂單匯出的部分,訂單匯出可以用來了解商品銷售詳細,消費者喜好客群分析報表用,如此好用的功能當然在借面上也希望大家能使用的更直覺!...閱讀更多

BY Grace │ 2019-12-05
後台改版Material Design2

後台改版Material Design2

彈跳對話視窗用意即讓使用者停下原畫面專注在小區塊內操作,所以這部份我們直接選用了material design材料設計的Dialog樣式來用...閱讀更多

BY Grace │ 2019-11-15
後台改版Material Design1

後台改版Material Design1

強大的電商後台系統,如果在改版上套用Material Design質感設計,想必所有後台管理者操作上心情應該會更愉悅吧!...閱讀更多

BY Grace │ 2019-11-15
比較Material Design 1

比較Material Design 1

繼上次簡易說明material design (質感設計)的規範,這次直接圖解來比較.....閱讀更多

BY Grace │ 2019-09-27
Material Design 動態效果

Material Design 動態效果

有意義的動態效果(Motion),不只加強了UI更有助於使用者操作上簡單明瞭,除了更凸顯操作重點...閱讀更多

BY Grace │ 2019-09-26
卡片列表與圖片列表

卡片列表與圖片列表

卡片列表(Cards)與圖片列表(Image lists)是常用的網頁設計排版,在Material design也有其規範在,實際與一般應用差異...閱讀更多

BY Grace │ 2019-09-26
Dark theme 深色主題

Dark theme 深色主題

Google在2019 I/O大會慎重特別的推出了Material Design Dark theme,顧名思義就是在深色背景主題下的運用規劃,在這次發表主題裡也有解釋到...閱讀更多

BY Grace │ 2019-09-26
Material Design 的對話視窗

Material Design 的對話視窗

不論前台瀏覽、後台設定經常出現半遮蓋Dialong視窗(對話視窗),中斷操作,讓你做重複確認動作。這種在系統上重複確認的動作......閱讀更多

BY Grace │ 2019-09-26
Material Design-文字排版與應用

Material Design-文字排版與應用

把13種字型定義出來,在建構各種元素才能達到畫面統一和協...閱讀更多

BY Grace │ 2019-09-26
Material Design 按鈕介紹

Material Design 按鈕介紹

關於Material Design 的按鈕(Button) 其實也是有一套準則在內,今天就整理其種類與尺寸規範給大家參考...閱讀更多

BY Grace │ 2019-09-26
Material Design 改版實例

Material Design 改版實例

品牌形象屬於較有質感細緻的商城,所以文字、間距調整會小一點,但整體一樣符合material design 下去調整 ...閱讀更多

BY Grace │ 2019-09-26
Material Design 網頁版比較

Material Design 網頁版比較

依照質感設計規範下去設計介面,一起來感受網頁版修改前後差異吧!...閱讀更多

BY Grace │ 2019-09-26
Material Design 卡片設計

Material Design 卡片設計

UI設計最常使用到的『卡片式排版(Card)』,在Material Design(質感設計)的規範下如何使用呢?...閱讀更多

BY Grace │ 2019-05-13