Case 07 | Imitate Design: Microsoft Design

Case 07 | Imitate Design: Microsoft Design

原網址:Microsoft Design

字體:SegoeUI font

Tips: SegoeUI font是Microsoft版權所有,所以這裡用的是open-source的一個替代字體Selawik

用到的字體大小

藍線作為一個分割線很顯眼,而且是半條線的長度有breath的空間

After 模仿

🍺思考:

  1. 灰色的背景上用白色方塊作為每一部分內容的集合,近來很多設計網站都是這個風格。

for example: App store

2. 字體的大小在相同區域內相同層級的是一樣的,對於設計和開發都是比較友好的

3. 圖片和文字風格比較接近,圖片中也有品牌顏色藍色出現。圖片中比較多線條,也讓整個頁面呈現一種鉛筆畫的質感