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

推荐订阅源

Engineering at Meta
Engineering at Meta
The GitHub Blog
The GitHub Blog
博客园_首页
T
The Blog of Author Tim Ferriss
H
Hackread – Cybersecurity News, Data Breaches, AI and More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
腾讯CDC
I
InfoQ
量子位
J
Java Code Geeks
P
Proofpoint News Feed
有赞技术团队
有赞技术团队
Webroot Blog
Webroot Blog
Martin Fowler
Martin Fowler
D
Docker
F
Fortinet All Blogs
云风的 BLOG
云风的 BLOG
V
Vulnerabilities – Threatpost
罗磊的独立博客
P
Proofpoint News Feed
T
The Exploit Database - CXSecurity.com
Cyberwarzone
Cyberwarzone
P
Privacy & Cybersecurity Law Blog
Last Week in AI
Last Week in AI
爱范儿
爱范儿
The Hacker News
The Hacker News
S
SegmentFault 最新的问题
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
V
V2EX
Simon Willison's Weblog
Simon Willison's Weblog
AI
AI
Y
Y Combinator Blog
Security Archives - TechRepublic
Security Archives - TechRepublic
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
GbyAI
GbyAI
V
Visual Studio Blog
H
Heimdal Security Blog
S
Secure Thoughts
B
Blog RSS Feed
雷峰网
雷峰网
T
Tenable Blog
C
Check Point Blog
G
Google Developers Blog
大猫的无限游戏
大猫的无限游戏
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
A
About on SuperTechFans
Recent Commits to openclaw:main
Recent Commits to openclaw:main

Kevin Blog

产品随想 2 产品力与人才密度 产品随想 1 做营销还是做产品 Play PyTorch Stable Diffusion and ONNX, Ollama on Intel Core Ultra 5 225H Ubuntu 25.04 Play with ROCm, PyTorch, Ollama on Ubuntu 24.04 and 780m 写在新的旅程开始前 想念自然与青春 懒猫微服体验——自由协作的神器 没有光纤的日子怎么上网?自制 Home WI-FI! Swift on Server Tour 6 关联 User 和 Post Swift on Server Tour 5 创建 Users Swift on Server Tour 4 构建 Post Controller Swift on Server Tour 3 构建 Post 的 API 将不懂的日语一拍扫尽,介绍捧读全新的「OCR 工作台」功能 Swift on Server Tour 2 连通你的数据库与服务器 Swift on Server Tour 1 你的第一个 Server App 以及它背后的故事 Swift on Server Tour 0: 为什么这可能是你的好选择 纪念左耳朵耗子 How to learn Japanese by reading Novels and News with the help of Oyomi. Write WebAssembly in Swift and use it in Swift App BenQ WiT ScreenBar Halo 体验报告 记录 2021 年考驾照的体验 捧读的 EPUB 日语轻小说阅读器来了 使用 Go Mobile 开发跨平台 Library 使用 Kotlin Native 开发跨平台 Library 小番茄 - 一个只有陪伴的自习室 保友金豪电脑椅异响维修记 青岛度假指南 2020 「捧读」更新,支持针对任意文本进行语法讲解 一次百元耳机与千元耳机的横评 高刷墨水屏的海信 A5 Pro 体验报告 「捧读」更新 Safari 扩展,轻松阅读日语网页 新 App 「捧读:日语语法学习与分析」的开发幕后思考 明基 WiT ScreenBar Plus 体验 Switch游戏推荐:「健身环大冒险」和「太鼓达人」 妥协是否是一种艺术? 「50 音起源」1.2 更新说明 作客 UX Coffee 分享了自己最近的独立开发者生活 青岛度假指南 2019 我有「快乐自由」 关于小电台这款产品 极端精英主义的崩塌 Xcode Error: CFBundleSupportedPlatforms or Mach-O LC_VERSION_MIN 自由职业一周年我收获了什么 「50音起源」从起源学习 50 音的 App iOS/Android 青岛疗养(度假)指南 关于独处的一些经验 跨省携猫🐱搬家记 关于 FilmMentor 这款小众产品的想法 选择离开北京,以及为什么可以
聊一聊 50 音起源的再设计
Kevin Zhow · 2019-02-22 · via Kevin Blog

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

新设计

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

老版本

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

「起源」再设计

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

起源

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

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

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

不可接受的主页

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

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

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

新设计的今天

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

Today

「学习」的再设计

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

学习

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

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

新学习设计

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

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

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

速查课程新设计

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

后记

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