L5定制工具设计流程分析-deepseek 0基础编程课系列.pptx

KODAK30043KODAK300

@

Deepseek0基础编程课

定制工具设计流程分析

工具设计基础思路

MD笔记工具设计工具设计流程复盘

KODAK30O43

今日课程：

KODAK300

来命名文件1mt

设计AI课程

前期准备工作

课程分析：定位用户，详程库易程度，确定课程的核心训解方式

课病设计：完成知识框架折解

寡例准备：根前课钢完成家例的设计，确保知识点能够覆盖，难易程案符合调病需求

课件设计

词程模新设计：确保模觉织一，实用，高其用性

调件设计：请保内普设计特合调纲需求，内郸酒中

动设计：新保动效不要键多，动做使用得

(0

推荐书单(2020版)

设计入/实

·大成

设计师乐安习的a计理论

·类式部哲程通m)

押n入门s.单易性可懂巴地所

naso/7h

·大家的书6：,计，能其这

ai0nl

动需T

·国6方网少有的节家

·aiutet

·大作

这万的米

h42maatm

c40中期设计实程

酒发，4DC程世应大能的书

·lmlamshmhA15a21lkne

g

KODAK30043

工具设计基础思路

轻量化工具设计的核心一定是基于自己的工作需求去定制。

xm为

n

D

F

KODAK300

w

的文

A/nnun

内

s公开

·mil60

C

4

KODAK30043

工具设计基础思路

不要思考做大而全的产品，要做小而美的工具

核心在定制化的功能必须符合你的诉求，能够解决你的问题可以借鉴成熟的产品，去做功能的简化与定制功能的增加

KODAK300

搭建框架

优先核心功能

然后复杂功能

最后不重要功能

基本样式

必须实现的核心功能

较为复杂的进阶功能

不太重要的功能

结构框架

样式与其他细节

基础功能定义

基础功能细节

KODAK30043KODAK300

工具设计流程复盘

复杂的工具，难在不知道从什么地方开始，我的建议从框架

补充需求：

1、编辑区域为文本编辑区，而非Markdown编辑模式，不必输入Markdown模式下的文本符号，而是通过文本缩进的方式来表达文本的层级结构。

2、默认页面中没有任何元素，默认第一行输入为1级标题，默认文字大小为24px,加租。每一段文字做为一个模块，需要有背景。

3、可以使用tab实现文本缩进，文本缩进意昧着缩小一级标题，比如原先是1级标题，点击tab之后变

成二级标题再点击一次变成三级标盟，每缩进一层文字大小进行缩小

4、每段文字光标在文字开始的地方的时候，使用del可以还原缩进，比如原先是三级标题，光标在文字开始的地方的时候点击del,则变成二级标题，再点击一次变成一级标题，每还原一层，文字大小进行放大。注意，这个设置只在每段文字开始的地方生效，其他地方依然是遵循del正常的文本删除逻

辑。

5、每一次换行都基于上一行的标题来进行判断，比如上一行是二级标题，那么回车后，默认下一行

也是二级标题

工具设计流程复盘

越是复杂的工具，规则越是容易抽象，所以打比方很重要

BUG:收缩隐藏功能并没有正常工作，点击收缩后，该模块下几层的元素并没有隐藏。具体化需求场景：

当点击某一个1级目录的收缩的时候，那么这个1级目录到下一个1级目录标题之间，所有的2级以及2级以下的目录都隐藏处理。以此类推

当点击某一个1级目录的展开的时候，那么这个1级目录以下之前隐藏的所有内容都展开。以此类推

43KODAK300

KODAK30O

KODAK