在本篇案例當(dāng)中,我們將幫助各位使用Metro風(fēng)格的設(shè)計(jì)原則對原有的iOS應(yīng)用設(shè)計(jì)方案進(jìn)行重新構(gòu)思,大家會了解到怎樣將iPad當(dāng)中一些常見的界面元素及體驗(yàn)?zāi)J睫D(zhuǎn)換成為Metro風(fēng)格,以打造全新的Windows 8應(yīng)用。我們將對同一款應(yīng)用在兩個(gè)平臺中的不同設(shè)計(jì)方式進(jìn)行對比,幫助各位了解怎樣將你的應(yīng)用與Windows 8以及Metro設(shè)計(jì)原則進(jìn)行完美的融合。
我們將要研究的是一款相片日志應(yīng)用,用戶可以在線查看和管理他們的照片或視頻。下圖是這款應(yīng)用的Metro版本:
這款應(yīng)用最初是為iPad設(shè)計(jì)的,如下圖所示。
從設(shè)計(jì)及體驗(yàn)?zāi)J降慕嵌瘸霭l(fā),該應(yīng)用可以大致被解構(gòu)為六個(gè)方面:
- 布局和導(dǎo)航
- 命令與行為
- 契約(Contract):搜索、分享及其他
- 觸控與手勢
- 屏幕定向與視圖模式
- 消息通知