探索世界奇观,并体验 Flutter 的强大之处。

Flutter 的愿景是让你能够在空白画布上绘制出不受限制的精美应用。最近,通过与 gskinner 团队的通力合作,我们打造了一个全新的移动应用 Wonderous 来实现这个愿景。我们采用不同以往的设计系统,借助于 Flutter 为 Wonderous 创建出了极具表现力的界面,这个界面为移动设备量身定制并实现了设计者的创意愿景。

△ Wonderous 应用截图

在开发 Wonderous 时,我们始终关注下列目标:

  1. 打造一款有用且有趣的应用。通过探索世界的神奇景观,Wonderous 应用可让用户遨游在历史、艺术和文化的交汇之地。当前,很多人都难以出门旅游,但 Wonderous 可利用精美的插图和优化的动画在你的设备上直接为你展现各地奇观。

  2. 展示高质量的用户体验。我们希望 Wonderous 在质量上可与系统框架中的其他任何应用相媲美。Wonderous 以其量身定制、富有想象力的设计吸引用户,但也使用熟悉的手势和行为来确保无缝的用户体验。

  3. 创建一个用于测试和基准测试的应用。我们使用 Wonderous 来测试 Impeller,Impeller 是一款新的渲染引擎,现已可在 iOS 系统上进行实验性预览。到目前为止,我们对测试结果感到满意,这将有助于验证我们对 Impeller 可以提高性能的假设。目下在 App Store 上架的这个版本就使用了 Impeller,欢迎下载体验,我们非常期待了解 Impeller 在生产环境中更广泛的 iOS 设备中的表现。

  4. 提供一个可供参考的、开源的最佳实践应用。我们的 Wonderous 代码 在 GitHub 开源,这是一个拥有自定义的设计、吸引人的交互方式和新颖的动画效果的最佳实践应用,并且将无障碍的功能放在首位。

  5. 创建其他人可以从中学习的材料及文档。在接下来的几周,gskinner 团队将发布更多关于 Wonderous 的内容,其中包括关于如何创建动画、如何整合无障碍功能以及应用性能最佳实践的具体信息。敬请期待!

在 App Store 或 Google Play 商店中下载 Wonderous 之后,你可能想要探索以下内容:

  • Wonders 中左右滑动时的过渡效果,如果不使用 Flutter 可能会比较难以实现;
  • 当你在“世界历史年表”中移动时的独特滚动模式;
  • 与 Wonderous 设计系统匹配的定制按钮和图标。

该应用已为国内用户提供中文版,请访问 应用官网 或者到 Wonderous 的 GitHub 开源仓库页面 了解更多。

新渲染引擎、自定义设计和高质量用户体验的样例应用 Wonderous 现已开源的更多相关文章

  1. UI设计教程分享:设计一个高质量的logo要从哪方面入手呢?

    有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo ...

  2. Blink: Chromium的新渲染引擎

    编自http://www.chromium.org/blink 关于blink Google Chrome/Chromium 从创始至今一直使用 WebKit(WebCore) 作为 HTML/CSS ...

  3. APP开发中,如何从UI设计上提升APP用户体验

    设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日 ...

  4. 设计一个高质量的API接口

    参考网址:http://url.cn/5UaTeyv 前言 在设计接口时,有很多因素要考虑,如接口的业务定位,接口的安全性,接口的可扩展性.接口的稳定性.接口的跨域性.接口的协议规则.接口的路径规则. ...

  5. How Javascript works (Javascript工作原理) (十一) 渲染引擎及性能优化小技巧

    个人总结:读完这篇文章需要20分钟,这篇文章主要讲解了浏览器中引擎的渲染机制. DOMtree       ----|   |---->  RenderTree CSSOMtree  ----| ...

  6. JavaScript 工作原理之十一-渲染引擎及性能优化小技巧

    原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十一章. 迄 ...

  7. DNSPod--国内最早提供免费智能DNS产品的网站,致力于为各类网站提供高质量的多线智能DNS免费解析

    DNSPod 建立于2006年3月份,是一款免费智能DNS产品. DNSPod 可以为同时有电信.网通.教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网 ...

  8. 追求极致的用户体验ssr(基于vue的服务端渲染)

    首先这篇博客并不是ssr建议教程,需要ssr入门的我建议也不要搜索博客了,因为官网给出了详细的入门步骤,只需要step by step就可以了,这篇博客的意义是如何使用ssr,可能不同的人有不同的意见 ...

  9. UE是什么意思?用户体验设计师与UE设计是什么关系?

    本文来自:http://blog.sina.com.cn/s/blog_a6bebb3f01015h47.html 什么是UE(UE——UE就是用户体验度) 你会发觉他的使用很人性化:功能强大但操作简 ...

随机推荐

  1. 漫谈客户端存储技术之Cookie篇

    Cookie 说到Cookie,不管作为前端开发人员还是后端开发人员并不陌生,作为一种最古老.最稳定的客户端存储形式,即便是在当下各种新的客户端存储技术层出不穷的时代,它仍旧有其一席之位.Cookie ...

  2. arcgis中nodata设为0及其小技巧

    一.arcgis中nodata设为0 两个栅格进行叠加,有时会有一部分没有数据,即用identify点击该区域,Value为NoDat a,而不是像其他非空区域一样有值. 此时注意nodata区域要赋 ...

  3. git.exe pull --progress -v --no-rebase "origin" master

    git.exe pull --progress -v --no-rebase "origin" master remote: You do not have permission ...

  4. mvc Ensure that HttpConfiguration.EnsureInitialized()

    The object has not yet been initialized. Ensure that HttpConfiguration.EnsureInitialized() is called ...

  5. ooday03 Java_引用类型数组_继承_super_向上造型

    引用类型数组: 点击查看代码 1)Bomb[] bs = new Bomb[3]; bs[0] = new Bomb(100,200); bs[1] = new Bomb(200,300); bs[2 ...

  6. docker仓库之harbor的基本使用(二)

    1 1.配置docker使用harbor仓库上传下载镜像 2 #注意:如果我们配置的是https的话,本地docker就不需要任何操作就可以访问harbor 3 测试机器 4 root@ubuntu1 ...

  7. Centos7安装最新docker

    Centos7安装最新docker(root身份运行) 环境查看 CentOS 需要7版本以上,内核最好3.10以上 1.查看Linux版本:rpm -q centos-release 2.查看内核版 ...

  8. NOI / 2.1基本算法之枚举-8759:火车上的人数

    8759:火车上的人数​​​​​​ 总时间限制: 1000ms 内存限制: 65536kB 描述 火车从始发站(称为第1站)开出,在始发站上车的人数为a,然后到达第2站,在第2站有人上.下车,但上.下 ...

  9. 循环队列(严3.30)--------西工大NOJ习题.9

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> typedef struct _Q ...

  10. AtCoder Beginner Contest 253 F - Operations on a Matrix // 树状数组

    题目传送门:F - Operations on a Matrix (atcoder.jp) 题意: 给一个N*M大小的零矩阵,以及Q次操作.操作1(l,r,x):对于 [l,r] 区间内的每列都加上x ...