惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
P
Proofpoint News Feed
宝玉的分享
宝玉的分享
人人都是产品经理
人人都是产品经理
博客园_首页
爱范儿
爱范儿
博客园 - 叶小钗
aimingoo的专栏
aimingoo的专栏
S
SegmentFault 最新的问题
MyScale Blog
MyScale Blog
阮一峰的网络日志
阮一峰的网络日志
IT之家
IT之家
Microsoft Security Blog
Microsoft Security Blog
Blog — PlanetScale
Blog — PlanetScale
博客园 - 【当耐特】
Y
Y Combinator Blog
量子位
博客园 - 三生石上(FineUI控件)
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
The Blog of Author Tim Ferriss
月光博客
月光博客
有赞技术团队
有赞技术团队
Apple Machine Learning Research
Apple Machine Learning Research
A
About on SuperTechFans

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
「起源」再设计
2019-02-22 · via 少数派

在春节期间 50音起源 发布了重新设计的 1.1 版本。

新设计

这里也一并拿出老版本的设计对比一下。

老版本

重新设计的起因,是因为之前的版本是作为「最小可用」的产品去设计的,因此当希望进行功能拓展时,并不能适应新的需求。考虑到这也是一个尝试一些新设计,突破自我的时候,我喝了杯咖啡便开动了。

「起源」再设计

很显然,随着用户的重度使用,起源相关的内容会逐渐被掌握,这个页面的查看几率也会逐步下降,直到用户几乎忽略这部分功能。

起源

恰好,在新版中,我有几个想要实现的功能

  • 根据用户的学习情况,动态提示用户学习和复习的内容
  • 特训功能,帮助用户针对自己的弱项高强度学习
  • 提供一些和人文相关的日常信息,比如星期几,月份的传统讲法

为了融合这两部分,我尝试在原版的风格上进行拓展,及其艰难的,我设计出了下图的状况

不可接受的主页

在起身观看这半截设计的时候,我觉得是无法接受的,这是一个毫无美感,甚至比之前更差,难以协调的设计。抱着对自己怀疑和羞耻之情,我重新开了一个 Sketch 文档,和过去彻底做一个了断。

所幸的是,这种了断真的减轻了我的思想包袱,我得以很轻松的去尝试新的设计。在新的设计中,我希望给用户一种愉悦,宁静的心情,所以色彩成了我首先考虑的元素。

基于 iOS 的 Large Title 去简化了界面元素,删除分割线,再按照功能去划分了不同的 Section. 每个 Section 按照对应的功能特色去进行「形式」的设计。

新设计的今天

最终「起源」就完成了它的再设计,成为了「今天」

Today

「学习」的再设计

在旧版的设计中,学习的部分在现在来看,是简单过头了

学习

更让我介意的是,配合这样的白色主题,学习过程会显得比较乏味。我希望在新的设计中,通过色彩的变化,给用户新鲜感。每个不同的学习项目,都配合了不同的颜色主题,这个主题和「今天」中的卡片颜色是对应一致的。

同时,选择题的圆形会很大程度上限制内容的长度,因此也做了对应的修改。

新学习设计

最终得到的结果还是让我满意的,抛弃了 iOS 的系统主题框架,新的进度条和课程提示信息也显得更加赏心悦目。

「速查」与「课程」的再设计

这部分的改动其实不多,主要是对主题色彩进行了统一

速查课程新设计

修改了会让气氛显得严肃的衬线体,从而在整体上能够保持让用户感到轻松的心情。

后记

这次再设计,整体上已经能够承担未来 1 年多的功能演化,在这个过程中,及时与旧设计说再见想来是我做的非常正确的一个决定,如果一个设计已经不能够给你灵感,那么确实也是时候去做些改变了。