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

KODAK

30043

KODAK300@Deepseek

0基础编程课定制工具设计流程分析复杂工具规划逻辑个人工作管理工具案例

复杂工具设计思路复盘KODAK300

43今日课程：KODAK300口复杂工具规划逻辑当我们构思一个工具的时候，最容易出现的问题就是没想法。

参考成熟产品的想法，是个很好的办法。

但是不要直接抄，参考部分核心想法后要做减法。

KODAK300

43KODAK300aKODAK30043KODAK300复杂工具规划逻辑当我们构思一个工具的时候，最容易出现的问题就是没想法。在理交任务时，合理的标签设计可以据助你更好地分类、带选和器踪任务。以下是一些常见的标签类型，你可以根据实标需求选择或调整：1.

任

务

类

型用于区分任务的性质或类别。·

工作：与工作相关的任务。·

学习：与学习、提升技能相关的任务。·

生活：日常生活相关的任务，如购物、家务等。·

健康：与健康相关的任务，如运动、饮食计划等。·

创意：与创作，灵感相关的任务，如写作、设计等。x

个人管理器工具的必要元素分析为了助你设计一个高效的个人管理器工具，我们需要明律你的具体需求和工作流理，以下是一监关键元

.

你以根世自己的情况进行选择和调：1.任务管理：任务创建与编泽：能够万便地造，编辅和的抽任务，包括任务名称，描述、止日贴，优先级、标签等

.任务分类与过法：根施项目、标五、优先级等对任务进行分类和过滤，方便查看和管理。任务进发旅除：记荣任务进屋，例如完或百分比、列时等，并提供可榴化图表展示进度任务醒与通给：设置任务提醒、避免错江deudines,

并变持多种知万式(例部件、弹窗，手机通知等)。·子任务与依躲关系：不复杂任务分为子任务，并设置任务之的体颗关系，满深任务按模序光或，让AI帮你整理思路和想法是一个很聪明的选择AI能够提供最基础的想法思路，但是这个思路往往过于复杂，并且未必符合你的要求，你需要做简化和补充就蟹设计一个个人管理性工具、用来管理我的日常工作的进度，请帮我分析一下这个工具需要具哪

些我需要设计进去的必要元素当我提交任务的时候，需要填写眼些标签(/2我测要设计一个个人工作管理a[布局为上下布局。上面是新工作输入区域：|新工作输入区域分三排：|第一排：工作名称、重要度、工作详情工作名称：使用输入框输入重要度：下控选框，可以选：重要，一般、不重要|工作详情：输入框，非山填项第二开始时间：使用日历选择工具，开启页面的时候读取电脑时间，默认显示为当天时间，不可选比当天更早的时间|第三肺：结束时间、提交按钮：|-结束时间分为两种不同的选择模式：日鞋选择工具和工期输入框，新认是日历选择工具可用，工期输|入框重西置灰，当点击工输入框，那么日历选择工具重置置灰，两种模式智能选择一种。|-日历选择工具，开启页面的时候读取电猫时间，默认显示为当天时间，不可选比开始时间更早的时间，如果选择工期，则不能设置运束时间|-工贴输入框，按天计算，必须选择整数，必须大于等于1,如果选择结来时间，则此处不可设置

提交按钮，点击后生成工作计划下半数是工作计划展示区域分两块区域，今日计划和来来计工作以固定庭度卡片形式进行展示|今日计划，服示今天开始的和正在进行的工作，哲括超时未点击关闭的工作未来计划，展示未来即将开始，日前尚未开始的工作省

的

8

在

二

个mi这里的需求是手动写的，但是也是符合一定的书写逻辑的开始和结尾可以按照这种方式进行书写，属于基本公式的变体中间结构按照脑海中规划的结构来进行整理复杂工具设计思路复盘第一步的需求，可以根据整体框架整理基础结构，并提出基础要求KODAK

300KODAK

30043我测费设计一个个人工作管理器，这个用区模式，使用全解自还成布用布局为上下6局.上面是新工作输入区域：|新工作输入区域分三排：|第一排：工作名称、重要度、工作详情工作名称：使用输入框输入重要度：下控选框，可以选：重要，一般、不重要|工作详情：输入框，非山填项第二作开始时间：使用日历选择工具，开启页面的时候读取电脑时间，默认显示为当天时间，不可选比当天

更早的时间|第三肺：结束时间、提交按钮：|-结束时间分为两种不同的选择模式：日鞋选择工具和工期输入框，新认是日历选择工具可用，工期输|

入框重西置灰，当点击工输入框，那么日历选择工具重置置灰，两种模式智能选择一种。|-日历选择工具，开启页面的时候读取电猫时间，默认显示为当天时间，不可选比开始时间更早的时间，如果选择工期，则不能设置运束时间|-工贴输入框，按天计算，必须选择整数，必须大于等于1,如果选择结来时间，则此处不可设置

提交规钮，点击后生成工作计划下半数是工作计划展示区域分两块区域，今日计划和来来计工作以固定庭度卡片形式进行展示|今日计划，服示今天开始的和正在进行的工作，哲括超时未点击关闭的工作未来计划，展示未来即将开始，日前尚未开始的工作所有的代科，面要封保在一Thtnl

里复杂工具设计思路复盘第一步的需求，可以根据整体框架整理基础结构，并提出基础要求口游戏制作优先级：重要剩余0天详情

延期指交发生的发优先级：不重要剩余0天详情

延期工作信息：

工作名称开始时间：

2025/02/02结束时间：

2025/82/02今日计划游戏制作优先级：

一般剩余0天详情

延期未来计划游戏制作优先级：不重要尚未开启详情

延期KODAK

300KODAK

300不重要

工作详情43区布局为上下布局。上面量新工作输入区域：新工作输入区域分三排第一排：工作名称、重要度、工作详情-工作名称：使用输入框输入-重要度：下检选框，可以选：要。一般、不重要-工作详情：输入框，非必填项第二库开始时间：使用日历选择工具，开启页面的时候读取电脑时间，默认显示为当天时间，不可选比当天

更早的时间第三肺：结来时间，提交按钮：结束时间分为两种不同的选择模式：日期选择工具和工期输入框，新认是日历选择工具可用，工期输入程加置灰，当点击工期输入框，那么日历选择工具重置置灰，两种模式智能选择一种。-日历选择工具，开启页面的时候读取电猫时间，默认显示为当天时间，不可选比开始时间更早的时间，如果选择工期，则不能设置结束时间-工期输入框，按天计算，必须选择整数，必须大于等于1,如果选排结来时间，则此处不可设置提交摊钮，点击后生成工作计利下半载是工作计划嘱示区墙分两块区域，今日计刻和来来计划工作以固定意度卡片彩式遇行展示日

计

今

天

开

和

正

在

进

行

的

工

作

、

时

米

点

击

关

的

工

作未来计题，展示未来即将开始，目前尚未开始的工作复杂工具设计思路复盘第一步的需求，可以根据整体框架整理基础结构，并提出基础要求工作信息：工作名称不重要

工作详情开始时间：2025/02/02结束时间：2025/82/02口提交未来计划游戏制作优先级：不重要尚未开启详情

延期发生的发优先级：不重要剩余0天详情

延期游戏制作优先级：重要

剩余0天详情游戏制作优先级：

一般剩余0天详情KODAK

300我需费设计一个个人工作管理器，这个编器用墙模式，使用金屏自适应布局。KODAK300疆维所有的代码，黑要封展在一个htm里今日计划43☒延期延期所有需求书写的方式都以结构化的方式进行表达，

表达角度需要符合从大到小的写作逻辑需要符合先从上到下，再从左向右描述的逻辑如果一开始脑海里不知道这个产品长什么样，

我需费设计一个个人工作管理器，这个解器用暗黑模式，使用全屏自送应布局，布局为上下布局。上面是新工作输入区域：所工作输入区理分三排：第一

用工作名称、

要度、工作详情工

作名称

理

使用

入入下选地可以

，一

般，不费T

情

入

框

非第二降|-开始时间：使用日历选择工具，开启页面的时候读取电脑时间，默认显示为当天时间，不可选比当天|更早的时间结

间

，交

按

田复杂工具设计思路复盘第一步的需求，可以根据整体框架整理基础结构，并提出基础要求结束时间分为两秤不同的选押模式：日期选择工具和工期输入框.认是日历选择工具可用，工期输

入灰当工输入税么日历选样工

灰

，两种模式智种具

，

开

时S

取

申时

熟

示

为

天

和

世

开

国

更

约

时加

果

造

工

期不能设结主时间工期输入框，按天计算，必清选择整数，必须大于等于1,如果选择结来时间，则比处不可设置

T

族

用

击

或T

作下半数是工作计划展示区域分两块区域，今日计别和来来计工作以因定宽屋卡片形式进行展示那么建议先画个草图，简单的规划一下细节描述以如下方式描述：

功能模块：功能基础需求不要指望着一次性都实现，但一定要写的细未来计划，展示未来即将开始，日前尚未开始的工作■线所有的代科，国封溪在一Thtml

里KODAK

300KODAK

300药

作的工临43我需要设计一个个人工作管理器，这个编辑器采用暗黑模式，使用全屏自适应布局。布局为上下布局上面是新工作能入区峰：新工作械入区址分三胖一I作名称、

、工作情件Es,W二网ntIA,n

,

W

P

为

s

间三精闻、复杂工具设计思路复盘提示词的写法，遵循结构化表达，我们插接一下层级关系，就能梳理清楚其中的表达逻辑BHHA.

开an*

到

间，

为

对

间

，

柯

开

时

间R

平

测

民

，

工

瓶

*网,

妖

计

m,T⁹,wa,

平

可的

E,

工

计KODAK300最终所有的代码，需要封装在一个html里下平截是工作计制展示区域，分两块区域，今日计划和来来计划，工作以国定露度卡片形式进行展录今日计，展示今天开的的和正在行的工作，

sm

国时来a出

关

的

工

作KODAK

300来计，展示*来即将开，目两来开的的工作三排

：

来时间

、

课交钳

：人

E

淋

AI.工A

可用，

Hsaa

工

AF439

为

两W人

E,WWM-

林。两

ak树复杂工具设计思路复盘R1

模式并不是完全没有任何用处的，有时候我们也可以大力出奇迹：

今日计划游对制作优

先

m时间：202502-01至20254006未来计划优先级：impotwrt时间：202502

-

03至202505深度思考(R1)V3Chat

模

式

深度思考(R1)

R1

深度思考模式(

断2025/2/01n琳因KODAK

300今日计划未来计划作502025//282025/1/20KODAK

30043网二端00KODAK

300

43

KODAK300复杂工具设计思路复盘在复杂需求中，想要R1

模式起作用，有2个必要的因素：

需求需要有足够多的细节，有足够多的限制，并且现实中有类似的案例

多刷几次，直到刷到比较理想的结果，然后继续下去工作信息：工作名称不重要

工作详情开始时间：2025/02/02结束时间：2025/02/02

口提交今日计划复杂工具设计思路复盘当基础比较好的情况下，调整起来也会比较轻松：

补

充

需

求：-工作名称为必选项，不填写不可提交-结束时间默认为当日，如果用户选择了开始时间，那么结束时间不可早于开始时间bug:结束时间的联动关系不对：结束设置中，日期选择和工期需要可以联动，选择了时间，那么工期自动

更新。输入工期，那么时间自动更新。未

来

计

划游戏制作优先级：不重要尚未开启详情发生的发优先级：不重要剩余0天详情

延期游戏制作优先级：一般剩余0天详情

延期游戏制作优先级：重要剩余0天详情

延期上半部分主功能模块调整完成KODAK300KODAK30043延期××KODAK30043复杂工具设计思路复盘当基础比较好的情况下，调整起来也会比较轻松：

补充需求：当卡片上制余时间小于等于2天但大于等于0天时，剩余时间顾色调整为黄色当卡片上剩余时间小于0天(也就是超过了结束时间),但是没有关闭，那么依然显示在今日计划

里，但是不再显示剩余时间，而是替换为显示迫期，追期为红色颜色文字今日计划游戏制作优先级：

一般剩余0天详情

延期游戏制作优先级：重要剩余0天详情×延期发生的发优先级：不重要剩余0天详情

延期工作信息：开始时间：

结束时间：2025/02/02

口

1

提交补充需求：任务卡片中去掉任务详情和开始时间以及结束时间，补充“剩余时间”的标签工作名称不重要工作详情2025/02/02补充需求：未来计划中的卡片，剩余时间均显示"尚未开启",颜色统一为灰字修正：任务卡片中的优先级显示为中文未来计划游戏制作优先级：不重要尚未开启详情

延期下半部分主功能模块调整完成KODAK300KODAK30043复杂工具设计思路复盘当基础比较好的情况下，调整起来也会比较轻松：

补充国求：每张卡片下方增加2个按钮：详情按钮：点击后长方形弹窗显示所有的任务信息，包括之前在卡片上去掉的工作详情和完成时间。

延期按钮，点击后长方形弹窗，可以在弹窗里设置延期多少天，确定延期天数后，工期和结束时间自

动更新增加。当一个弹窗点开后，再点击另一个弹窗，刹前一个弹窗自动关闭。今日计划游戏制作优先级：

一般剩余0天详情

延期游戏制作优先级：重要剩余0天详情×延期发生的发优先级：不重要剩余0天详情

延期工作名称不重要工作详情2025/02/022025/02/02

口1

提交未来计划游戏制作优先级：不重要尚未开启详情

延期增加进阶功能，到这里大的调整就差不多了工作信息：开始时间：

结束时间：KODAK300不重要

工作详情2025/02/021

提交今日计划游戏制作优先级：一般剩余0天详情

延期未来计划游戏制作优先级：不重要尚未开启详情KODAK

30043复杂工具设计思路复盘当基础比较好的情况下，调整起来也会比较轻松：

BUG:

读取的本机时间不对，今天是2日，但是页面上的开始时间和结束时间，默认显示今天是1日，

请确保是以北京时间来理解。修正：今日计划和未来计划中，对于今日的判断也需要根据开始和结束时间中的今日逻辑进行判断。比如：今天是2日，那么我提交的2日的计划应该出现在今日计划里，而不是在未来计划里修复时间的Bug,

功能完成后修复，可以一次性修复完成KODAK300发生的发优先级：不重要剩余0天优先级：重要剩余0天详情

延期详情

延期工作信息：结束时间：游戏制作开始时间：工作名称2025/02/02××延期口修正：卡片上的工作名称如果超过7个字，使用缩略显示，鼠标上移后通过下方气泡显示完整的工作名

称

。美化：任务卡片改为小卡片固定像素宽度，根据浏览器宽度判断，

一行能放多少个，就放多少个美化：卡片宽度略宽一些，确保卡片利用率和美观度美化

：第

一

排增加

一

个标题：工作信息，并与后面的组件放在

一

排第二排增加

一

个标题：开始时间，并与后面的组件放在

一

排第三排增加

一

个标题：结束时间，并与后面的组件放在

一

排整体调整提交区域各组件的宽度，确保对齐与美观注意：仅做样式上的调整，功能角度不做调整完成最终的效果优化，这里随时可以收手。复杂工具设计思路复盘当基础比较好的情况下，调整起来也会比较轻松：

今日计划游戏制作优先级：一般剩余0天详情

延期×游戏制作优先级：重要剩余0天详情

延期发生的发优先级：不重要剩余0天详情

延期不重要

工作详情1

提交游戏制作优先级：不重要尚未开启详情KODAK300KODAK

30043工作名称2025/02/02

2025/02/02未来计划开始时间：工作信息：结束时间：×延期口复杂工具设计思路复盘基础比较好的情况下，修正的步数更少，结果也会更好：详情

延

期

详

情

延

期

详情

延期未来计划延期工作刷余时闻2天详情

完成今日计划游戏制作优先级：一般剩余0天游戏制作优先级：重要剩余0天区发生的发优先级：不重要剩余0天工作名工作情同开始设置

结束设置2025/01/282026/01/25)工作名称不重要工作详情2025/02/022025/82/02

口提交深度思考(R1)

V3Chat

模式21步引导生成游戏新余时间：4天详情完成工作刷余时间：0天详情完成游戏副余时间：0天详情完成尚未开启详情完成深度思考(R1)干活尚未开启详情完成工作制余时间：3天详情完成R1

深度思考模式KODAK300工作信息：开始时间：

结束时间：14步引导生成KODAK

300未来计划今日计划43Bug:

延期提交天数后，任务的结束时间和工期没有同步调整，尤其是卡片点击详情后的弹国里，结

来时间没有加上延期的时间，这是不对的。请修复这个问题.实理效果单例说明：当前卡片任务开始时间是1月25日，结束时间是1月26日，当前卡片上显示剩余时间是天。如果这个时候我们打开延期按钮，在弹窗里选择延期1天，然后提交需求，那么卡片上的科余时间应该

整为2天，点击详情的时候，详情里的结来时间应该修改为1月27日.以此类推。BUG:

延期卡片点击确定后无法提交，没有反应。请修复此BUG回退：卡片上的延期功能去掉，其他功能保持不变。复杂工具设计思路复盘在V3版本的制作中，有几个细节值得拿出来给大家分析：

开始说置

2025/02/02结束设置2*25/02/82今日计划游戏剩余封间：0天未来计划如果问题解决不了，且这个功能不重要。

那么就及时止损：直接回退功能延期设置郑即天数认取满KODAK30043KODAK300重要文补充需求：当卡片上剩余时间小于等于2天但大于等于0天时，卡片背景训整为峰需色，卡片上的文字与按钮也根

据背景色的整，同步调整配急.当卡片上制余时间小于0天(他就是细过了结时间),但是没有关汛，那么级然量示在今日计划里，但是不两显示制众时间，而是替换为国示道期，卡片背量调整为略红色。片上的文字与按钮也

程据育量色的调整，间步调整配色。英化!进黄色卡片上，“详情“与“完成”按钮的颜色调整成黄色，按锰文字调整或白色，其他卡片文字频色调

塑为白色箱红色卡片上，*详情与“完成”按铝的激色调整或红色.按锰文字调整或白色.其他卡片文字抛色调整为白色整体视觉效果期要号虑视觉上的和谐。BUG:

暗黄色卡片和墙红色卡片的按钮颜色没有按照之前要求调整，请重新阅读需求后调整配色。回

退

：去除掉墙黄色和墙红色背景的设计，其他的设计不做调整。补充能求