Web端改版
视觉 功能优化
旧设计
作为全球领先的TD效率工具,Ticktick Web版本的视觉风格显得单一陈旧,还处于早起接近Win10的视觉风格。曾经使用的线性Icon,线框和紧密的布局,伴随着功能和信息量的不断增加,已经显得过于淡薄。同时,做为工具类应用,希望弱化他的网页使用感,使之在使用体验上更像一个桌面端独立应用。
布局&空间
更好的承载内容,侧边栏功能区与内容区拉开视觉差距,提升内容区域的一体性与从属关系。优化字号与字重,去除过多的线条分割,加大上下间距,所有间距以8px为基准,提升信息的过去效率,营造空间感,节感觉,更好的阅读与输入体验。
色彩&图标
重新调整色彩体系,去除多余的色彩,每个页面仅仅保留功能性和提示行色彩。新的配色方案更加深邃,强调辨识度与辅助信息传递,不与内容信息冲突,层次感更强。
图标重绘,剪影图标的使用提高辨识度、强调功能属性。
旧版本
当前桌面端的登录注页面,还停留在第一版的设计,一直没有去做迭代优化。窗口较小,不够大气,缺乏设计感和引导性
新版本
将原有的小卡片布局调整为左右分区的大页面,排版更加透气,舒适。左侧蓝天雪山的插图,丰富了视觉,同时又与右侧登录页面在视觉上形成强区分

功能设计
新用户引导 团队版
新用户引导
对于首次安装的用户,分流新老用户。对新用户进行引导,提供内置的几个常用任务清单,常用功能。用户可以根据下载之初的意愿进行选择。更加符合用户的预期,降低使用难度。
团队版 侧边栏
伴随团队版的到来,侧边栏要在原有的基础上进行调整,添加归属团队选项,同时还要考虑后期多级标签和多级文件的功能,不能发生明显的混淆
所以,在设计之初,兼顾了多平台的不同样式的“团队”和“个人”的区分要做到统一,减少用户的学习成本。使用最本真,最简洁的设计方式,没有使用icon的方案,仅使用文本提示,同时字号减小,颜色减淡,类似Mac的分类。在文字减小和颜色减淡的同时,为了避免误触,加大了与文件夹 与其他属性的间距,视觉上也更易区分

团队版-共享清单
在共享清单的基础上,用户可以付费升级为团队版清单。可以为清单设置不同的团队,成员的权限,更好的进行团队协作

组件化设计
规范
Sketch组件库
设计的组件化不单单是为了方便设计,看着规范。更重要的是提升效率。提升整个工作流程的效率。
从基础元素构建组件。 把所有的功能模块组件化,其内部所用元素,如Icon,Icon颜色,底色,字体样式等等,都转化为可选择的组件,层层套叠,组成复合可定制的组件
安卓动画优化
快速添加任务 动画
核心功能,以纸飞机为动画载体,增加趣味性与个性。

完成任务打勾动画
在点击的一瞬间,配合震动反馈,提升用户的心理成就感。

任务详情展开
点击展开任务的连贯性

高级会员功能付费指引
高级会员的动画设计

语音添加任务&新手指南
用户可以通过长按添加按钮进入语音添加任务界面。新的语音动画想象源自于声音的波纹,整个设计和配色也符合Ticktick的一贯风格,活泼,克制。同时这个动画更加灵动舒适。真个语音等待、聆听和翻译过程,连贯自然。










