Rosetta Stone的UI设计

Rosetta Stone是一款有特色的语言学习类软件，其贯穿始终的卡片式设计让语言学习的过程非常清爽自在。

语言选择界面开始，其所有的卡片均为文字+实物照片的搭配风格，纯色背景色。

课程选择和扩展集的布局使用了多色卡片搭配的形式来做，课程的配色更加活泼，扩展内容的配色更加沉稳。卡片的颜色会带到对应课程的详细页面当中去，有承继感。

扩展集内容详细，以及完成课程的部分使用相同布局，左侧上层卡片显示视觉焦点内容，下层卡片显示相关内容文字及功能按钮。

课程本身以2-4张卡片进行呈现，功能包含选择和跟读，课程过程中的提示dialog以侧边卡片的形式展现，类似PS4的UI效果，保留界面主体内容的持续显示同时让提示清晰显示。

次级提示是类似PS4的成就设计，底部侧边弹出的横条配合图文标识说清想要说的内容。

最后是其竖版的设计效果。整个app是以横板为设计基础的，但同时制作了独立的竖版设计。横板设计是独立页面翻页式效果，且将“开始！”作为第一个独立页面；而竖版则是整个页面的滚动浏览方式，浏览效率会更高，完全是两种不同的体验效果，是的横竖版分别设计有了自己的意义。