我们的案例
部分案例欣赏

项目案例

OnePlus 7 Pro

OnePlus 7 Pro专题页是可以说是网站页面的标杆之作....

OnePlus TV 交互设计

一加电视网页站点的交互设计介绍,我们通过文件流的交互效果,实现了一流的交互效果。我们来看下Demo效果和设计过程。

海外社区APP设计

本文展示了OnePlus海外社区APP的一些设计稿。整个设计过程中,我们先完成信息构架和应用流的设计,最终 以Mo刀的Demo进行展现。在经过可用性测试和评审后,视觉设计师在早期情绪版的支持下开始进行UI设计。因为是个小项目,我们发挥余地比较大,比如主色调,考虑阅读的视觉舒适性我们大胆使用米黄色。 在完成部分UI稿的基础上,交互设计开始构建各自细节,如阅读、刷帖、发帖体验,各类过渡效果等。 该项目组主要为3个人,1视觉设计师、1UX设计师、1前端,测试人员为非固定资源。设计师直接兼任了项目经理。 Google-play 下载体验OnePlus Community App 整体方案速览 这是完成信息构架和流程设计后,制作的低保证原型。当时使用墨刀制作。 https://co-ux-colin2020.oss-cn-shenzhen.aliyuncs.com/work-gallery/videos/App-IxD-video.mp4 阅读体验 作为刷帖的App,阅读体验当然是第一位的。设计的原则是,一切功能在需要的时候恰当出现。 · 进入评论区时,回帖按钮出现。 · 进入评论区后,楼层入口会出现。 · Title栏往下滚动会收窄,提供更好的阅读体验。 · 可快速切换正文和帖子回复。 多语言方案 OnePlus海外社区,App语音本身是跟随系统,但是社区的帖子,有来自全球各地的人发出。因此需要适应多语言的使用 ,这是个非常困难的挑战。解决方案如下图。 · 刷帖的时候,用户可以筛选语言,支持同时查看多语种。 · 发帖的时,自动识别发帖的语种,支持手动修改。 帖子引用 用户需要回复帖子,会涉及到大量引用其他人的回复。为了让体验自然,这里引入了帖子放置和放出功能。 · 点击“Quote”后,收录到悬浮点,支持多数量“Quote”。 · 回复或者发帖时,点击数字,可以按顺序放出被Quote的内容。 过渡效果 进入、转场、展开帖子等 其他图库预览 进入、转场、展开帖子等 了解 项目

项目案例

加入我们

Colin.wang@OnePlus.com

实习生,视觉设计师,交互设计师,用户体验设计师,请将作品集或简历发送至邮箱;