新渲染引擎、自定义设计和高质量用户体验的样例应用 Wonderous 现已开源
探索世界奇观,并体验 Flutter 的强大之处。
Flutter 的愿景是让你能够在空白画布上绘制出不受限制的精美应用。最近,通过与 gskinner 团队的通力合作,我们打造了一个全新的移动应用 Wonderous 来实现这个愿景。我们采用不同以往的设计系统,借助于 Flutter 为 Wonderous 创建出了极具表现力的界面,这个界面为移动设备量身定制并实现了设计者的创意愿景。
△ Wonderous 应用截图
在开发 Wonderous 时,我们始终关注下列目标:
打造一款有用且有趣的应用。通过探索世界的神奇景观,Wonderous 应用可让用户遨游在历史、艺术和文化的交汇之地。当前,很多人都难以出门旅游,但 Wonderous 可利用精美的插图和优化的动画在你的设备上直接为你展现各地奇观。
展示高质量的用户体验。我们希望 Wonderous 在质量上可与系统框架中的其他任何应用相媲美。Wonderous 以其量身定制、富有想象力的设计吸引用户,但也使用熟悉的手势和行为来确保无缝的用户体验。
创建一个用于测试和基准测试的应用。我们使用 Wonderous 来测试 Impeller,Impeller 是一款新的渲染引擎,现已可在 iOS 系统上进行实验性预览。到目前为止,我们对测试结果感到满意,这将有助于验证我们对 Impeller 可以提高性能的假设。目下在 App Store 上架的这个版本就使用了 Impeller,欢迎下载体验,我们非常期待了解 Impeller 在生产环境中更广泛的 iOS 设备中的表现。
提供一个可供参考的、开源的最佳实践应用。我们的 Wonderous 代码 在 GitHub 开源,这是一个拥有自定义的设计、吸引人的交互方式和新颖的动画效果的最佳实践应用,并且将无障碍的功能放在首位。
创建其他人可以从中学习的材料及文档。在接下来的几周,gskinner 团队将发布更多关于 Wonderous 的内容,其中包括关于如何创建动画、如何整合无障碍功能以及应用性能最佳实践的具体信息。敬请期待!
在 App Store 或 Google Play 商店中下载 Wonderous 之后,你可能想要探索以下内容:
- Wonders 中左右滑动时的过渡效果,如果不使用 Flutter 可能会比较难以实现;
- 当你在“世界历史年表”中移动时的独特滚动模式;
- 与 Wonderous 设计系统匹配的定制按钮和图标。
该应用已为国内用户提供中文版,请访问 应用官网 或者到 Wonderous 的 GitHub 开源仓库页面 了解更多。
新渲染引擎、自定义设计和高质量用户体验的样例应用 Wonderous 现已开源的更多相关文章
- UI设计教程分享:设计一个高质量的logo要从哪方面入手呢?
有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo ...
- Blink: Chromium的新渲染引擎
编自http://www.chromium.org/blink 关于blink Google Chrome/Chromium 从创始至今一直使用 WebKit(WebCore) 作为 HTML/CSS ...
- APP开发中,如何从UI设计上提升APP用户体验
设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日 ...
- 设计一个高质量的API接口
参考网址:http://url.cn/5UaTeyv 前言 在设计接口时,有很多因素要考虑,如接口的业务定位,接口的安全性,接口的可扩展性.接口的稳定性.接口的跨域性.接口的协议规则.接口的路径规则. ...
- How Javascript works (Javascript工作原理) (十一) 渲染引擎及性能优化小技巧
个人总结:读完这篇文章需要20分钟,这篇文章主要讲解了浏览器中引擎的渲染机制. DOMtree ----| |----> RenderTree CSSOMtree ----| ...
- JavaScript 工作原理之十一-渲染引擎及性能优化小技巧
原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十一章. 迄 ...
- DNSPod--国内最早提供免费智能DNS产品的网站,致力于为各类网站提供高质量的多线智能DNS免费解析
DNSPod 建立于2006年3月份,是一款免费智能DNS产品. DNSPod 可以为同时有电信.网通.教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网 ...
- 追求极致的用户体验ssr(基于vue的服务端渲染)
首先这篇博客并不是ssr建议教程,需要ssr入门的我建议也不要搜索博客了,因为官网给出了详细的入门步骤,只需要step by step就可以了,这篇博客的意义是如何使用ssr,可能不同的人有不同的意见 ...
- UE是什么意思?用户体验设计师与UE设计是什么关系?
本文来自:http://blog.sina.com.cn/s/blog_a6bebb3f01015h47.html 什么是UE(UE——UE就是用户体验度) 你会发觉他的使用很人性化:功能强大但操作简 ...
随机推荐
- HashMap设计原理与实现(下篇)200行带你写自己的HashMap!!!
HashMap设计原理与实现(下篇)200行带你写自己的HashMap!!! 我们在上篇文章哈希表的设计原理当中已经大体说明了哈希表的实现原理,在这篇文章当中我们将自己动手实现我们自己的HashMap ...
- CSS面试总结
文章首次发表:_时雨_CSDN 1. BFC:块级格式化上下文(重点关注) BFC基本概念:BFC是 CSS布局的一个概念,是一块独立的渲染区域(环境),里面的元素不会影响到外部的元素. BFC原理( ...
- DQL排序查询和DQL聚合函数
DQL:查询语句 排序查询 语法: order by 字句 order by 排序字段1 排序方式1,排序字段2 排序方式2... 排序方式: ASC:升序,默认的 DESC:降序 SELECT * ...
- TCP通信的概述
- linux学习(小白篇)
当前服务器:centos 7 shell命令框:xshell 文件预览及上传:xftp (界面化软件,非常好用) 数据库连接:navicat 此文是在学习linux时做一个指令合集,方便自己查阅 进文 ...
- CF Round #805 (Div. 3) 题解
A 直接模拟即可,注意 \(10^k\) 的情况(罚时!罚时!罚时!). A Code using namespace std; typedef long long ll; typedef pair& ...
- javascript打印对象函数
//js对象打印函数 function writeObj(obj) { var description = ""; for (var i in obj) { var propert ...
- Mybatis的使用(1)
1:新建maven项目,file->project->maven 2:在建好的maven项目中,打开pom.xml文件,加入mybatis所需要的依赖: <!-- mybatis核心 ...
- js仿toDoList(待办事项)练习
JS的一个小练习 展示成果 话不多说 html骨架 <!DOCTYPE html> <html lang="en"> <head> <me ...
- tomcat线程池
tomcat线程池和普通的线程池设计上有所区别,下面主要来看看它是如何设计的 tomcat中线程池的创建 org.apache.tomcat.util.net.AbstractEndpoint#cre ...