Download - 從 Apple Watch UI改版學到的5堂設計課
Transcript
![Page 1: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/1.jpg)
學到的5堂設計課從WATCH UI改版
![Page 2: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/2.jpg)
舊版 新版
![Page 3: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/3.jpg)
1. 對比(Contrast)溫度若是查天氣時最重要資訊,呈現可更有層次。
![Page 4: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/4.jpg)
2. 圖優效應(Picture Superiority Effect)即使圖示縮小,仍然會是使用者先注意的地方。
![Page 5: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/5.jpg)
3. 對對(Proximity)把溫度相關資訊放一起,使用者觀看更便利。
![Page 6: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/6.jpg)
4. 對齊(Alignment)無論新舊版本,視覺元素皆靠左切齊。
![Page 7: 從 Apple Watch UI改版學到的5堂設計課](https://reader031.vdocuments.net/reader031/viewer/2022020718/55850253d8b42a8f078b5016/html5/thumbnails/7.jpg)
5. 置中(Center Justify)最高?置中控的朋友,抱歉又讓你們失望了......