From 72f2dd4428be0dafbb74ea10616cc760c55693a3 Mon Sep 17 00:00:00 2001 From: Kudzu29 Date: Tue, 10 Jun 2025 09:33:11 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0=E5=A4=87=E4=BB=BD=EF=BC=9A20?= =?UTF-8?q?25-06-10=2009:33:10?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .obsidian/plugins/keep-the-rhythm/data.json | 13 + .obsidian/plugins/novel-word-count/data.json | 260 ++++++++++-------- .../plugins/recent-files-obsidian/data.json | 12 +- .obsidian/workspace.json | 22 +- A1-Work/UI设计/尺寸规范.md | 52 ++++ README.md | 3 +- 6 files changed, 239 insertions(+), 123 deletions(-) create mode 100644 A1-Work/UI设计/尺寸规范.md diff --git a/.obsidian/plugins/keep-the-rhythm/data.json b/.obsidian/plugins/keep-the-rhythm/data.json index 28ab5cd..04a3897 100644 --- a/.obsidian/plugins/keep-the-rhythm/data.json +++ b/.obsidian/plugins/keep-the-rhythm/data.json @@ -166,6 +166,19 @@ "current": 6115 } } + }, + "2025-06-10": { + "totalDelta": 988, + "files": { + "README.md": { + "initial": 200, + "current": 199 + }, + "A1-Work/UI设计/尺寸规范.md": { + "initial": 0, + "current": 989 + } + } } }, "d807157b-6aca-4be4-b029-3f7ad824acc4": { diff --git a/.obsidian/plugins/novel-word-count/data.json b/.obsidian/plugins/novel-word-count/data.json index a7e8fd0..254070f 100644 --- a/.obsidian/plugins/novel-word-count/data.json +++ b/.obsidian/plugins/novel-word-count/data.json @@ -71,55 +71,68 @@ "A7-Template/标准模板.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, + "noteCount": 1, "wordCount": 0, "wordCountTowardGoal": 0, - "wordGoal": 0, + "wordGoal": null, "pageCount": 0, - "characterCount": 0, + "characterCount": 1, "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, + "newlineCount": 2, "readingTimeInMinutes": 0, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1747980726362, "modifiedDate": 1747980875861, "sizeInBytes": 74, "sessionStart": { - "noteCount": 0, + "noteCount": 1, "pageCount": 0, "wordCount": 0, - "characterCount": 0, + "characterCount": 1, "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "newlineCount": 2 + }, + "frontmatter": { + "title": null, + "author": "Kudzu", + "description": null, + "tags": null, + "data": { + "{ date:YYYY-MM-DD }": null + } } }, "README.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 16, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.05333333333333334, + "characterCount": 145, + "nonWhitespaceCharacterCount": 113, + "newlineCount": 15, + "readingTimeInMinutes": 0.05683018867924529, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1748051711066, - "modifiedDate": 1748057983617, - "sizeInBytes": 219, + "modifiedDate": 1749517933637, + "sizeInBytes": 214, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 0.05333333333333334, + "wordCount": 16, + "characterCount": 150, + "nonWhitespaceCharacterCount": 113, + "newlineCount": 16 + }, + "frontmatter": { + "banner": "A5-Attachments/Banner/Home.webp", + "banner_y": 0.335 } }, "A5-Attachments/Banner/Home.webp": { @@ -152,156 +165,183 @@ "A3-Tools/Obsidian/插件/推荐插件.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 73, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.24333333333333335, + "characterCount": 466, + "nonWhitespaceCharacterCount": 436, + "newlineCount": 17, + "readingTimeInMinutes": 0.19211320754716982, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1747972253616, "modifiedDate": 1747988289824, "sizeInBytes": 566, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 0.24333333333333335, + "wordCount": 73, + "characterCount": 466, + "nonWhitespaceCharacterCount": 436, + "newlineCount": 17 } }, "A3-Tools/Obsidian/代码片段/图片位置.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 286, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.9533333333333334, + "characterCount": 1044, + "nonWhitespaceCharacterCount": 974, + "newlineCount": 33, + "readingTimeInMinutes": 0.6340754716981132, "linkCount": 0, - "embedCount": 0, - "aliases": [], + "embedCount": 4, + "aliases": null, "createdDate": 1747817256943, "modifiedDate": 1747988255005, "sizeInBytes": 1582, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 0.9533333333333334, + "wordCount": 286, + "characterCount": 1044, + "nonWhitespaceCharacterCount": 974, + "newlineCount": 33 } }, "A3-Tools/SSH/添加其他密钥.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 89, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.2966666666666667, + "characterCount": 389, + "nonWhitespaceCharacterCount": 306, + "newlineCount": 26, + "readingTimeInMinutes": 0.2418490566037736, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1749434874784, "modifiedDate": 1749434874784, "sizeInBytes": 495, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 0.2966666666666667, + "wordCount": 89, + "characterCount": 389, + "nonWhitespaceCharacterCount": 306, + "newlineCount": 26 } }, "A3-Tools/Dify/知识库相关配置.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 115, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.38333333333333336, + "characterCount": 284, + "nonWhitespaceCharacterCount": 220, + "newlineCount": 20, + "readingTimeInMinutes": 0.25660377358490566, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1747898701619, "modifiedDate": 1747988282660, "sizeInBytes": 510, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 0.38333333333333336, + "wordCount": 115, + "characterCount": 284, + "nonWhitespaceCharacterCount": 220, + "newlineCount": 20 } }, "A4-Other/课程推荐.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 1827, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 6.09, + "characterCount": 6260, + "nonWhitespaceCharacterCount": 5808, + "newlineCount": 129, + "readingTimeInMinutes": 4.26943396226415, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1749434874783, "modifiedDate": 1749434874783, "sizeInBytes": 9630, "sessionStart": { - "noteCount": 0, - "pageCount": 0, - "wordCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0 + "noteCount": 1, + "pageCount": 6.09, + "wordCount": 1827, + "characterCount": 6260, + "nonWhitespaceCharacterCount": 5808, + "newlineCount": 129 } }, "A1-Work/接单/电梯维保系统.md": { "isCountable": true, "targetNodeType": "file", - "noteCount": 0, - "wordCount": 0, + "noteCount": 1, + "wordCount": 299, "wordCountTowardGoal": 0, - "wordGoal": 0, - "pageCount": 0, - "characterCount": 0, - "nonWhitespaceCharacterCount": 0, - "newlineCount": 0, - "readingTimeInMinutes": 0, + "wordGoal": null, + "pageCount": 0.9966666666666667, + "characterCount": 2310, + "nonWhitespaceCharacterCount": 1988, + "newlineCount": 87, + "readingTimeInMinutes": 0.8037358490566038, "linkCount": 0, "embedCount": 0, - "aliases": [], + "aliases": null, "createdDate": 1749434874783, "modifiedDate": 1749434874783, "sizeInBytes": 2692, + "sessionStart": { + "noteCount": 1, + "pageCount": 0.9966666666666667, + "wordCount": 299, + "characterCount": 2310, + "nonWhitespaceCharacterCount": 1988, + "newlineCount": 87 + } + }, + "A1-Work/UI设计/尺寸规范.md": { + "isCountable": true, + "targetNodeType": "file", + "noteCount": 1, + "wordCount": 591, + "wordCountTowardGoal": 0, + "wordGoal": null, + "pageCount": 1.97, + "characterCount": 1159, + "nonWhitespaceCharacterCount": 852, + "newlineCount": 53, + "readingTimeInMinutes": 1.2405283018867925, + "linkCount": 0, + "embedCount": 0, + "aliases": null, + "createdDate": 1749517959912, + "modifiedDate": 1749519130403, + "sizeInBytes": 2335, "sessionStart": { "noteCount": 0, "pageCount": 0, diff --git a/.obsidian/plugins/recent-files-obsidian/data.json b/.obsidian/plugins/recent-files-obsidian/data.json index 66e3803..c910232 100644 --- a/.obsidian/plugins/recent-files-obsidian/data.json +++ b/.obsidian/plugins/recent-files-obsidian/data.json @@ -1,5 +1,13 @@ { "recentFiles": [ + { + "basename": "尺寸规范", + "path": "A1-Work/UI设计/尺寸规范.md" + }, + { + "basename": "README", + "path": "README.md" + }, { "basename": "课程推荐", "path": "A4-Other/课程推荐.md" @@ -15,10 +23,6 @@ { "basename": "添加其他密钥", "path": "A3-Tools/SSH/添加其他密钥.md" - }, - { - "basename": "README", - "path": "README.md" } ], "omittedPaths": [], diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json index 3d92e00..5a6fffe 100644 --- a/.obsidian/workspace.json +++ b/.obsidian/workspace.json @@ -11,10 +11,15 @@ "id": "8daea897ad0d1b21", "type": "leaf", "state": { - "type": "empty", - "state": {}, + "type": "markdown", + "state": { + "file": "A1-Work/UI设计/尺寸规范.md", + "mode": "source", + "source": true, + "backlinks": false + }, "icon": "lucide-file", - "title": "新标签页" + "title": "尺寸规范" } } ] @@ -117,12 +122,13 @@ "state": { "type": "outline", "state": { + "file": "A1-Work/UI设计/尺寸规范.md", "followCursor": false, "showSearch": false, "searchQuery": "" }, "icon": "lucide-list", - "title": "大纲" + "title": "尺寸规范 的大纲" } }, { @@ -237,16 +243,19 @@ "cmdr:打开浏览器视图": false, "tg-emoji-search:Emoji suggester": true, "keep-the-rhythm:Word Count Stats": true, - "oz-clear-unused-images:Clear Unused Images": false + "oz-clear-unused-images:Clear Unused Images": false, + "obsidian-task-progress-bar:打开 Task Genius 视图": false } }, "active": "8daea897ad0d1b21", "lastOpenFiles": [ + "README.md", + "A1-Work/UI设计/尺寸规范.md", + "A1-Work/UI设计", "A4-Other/课程推荐.md", "A3-Tools/Obsidian/代码片段/图片位置.md", "A3-Tools/Obsidian/插件/推荐插件.md", "A3-Tools/SSH/添加其他密钥.md", - "README.md", "A5-Attachments/ZP1GkHez7OxJhZwBj6fa7CFa-kPRF31rfw4eccWxvrUfrO4lAq__eZeKxGQvYoIEbUkWGFaW41qjhxq9IOxX-Q.png", "A5-Attachments/YsT7BLHJKjKcgDB9uBKBnHMOzqF-tHwwNVEBlWP4depIriHepwbO3XyosIaDrpeYbcitstkE7l7mlqVjP0xFQg.png", "A5-Attachments/Yh71J-91zvnKNOZ3guxPSZOtGlaNimoHajkpKC4HngwXSYnU2942khd-tmLjCZ7_WcJUTmmgKcQJrMj3A26hTg.png", @@ -262,7 +271,6 @@ "A0-Diary/广铁笔试.md", "A0-Diary/Drawing 2025-05-26 16.20.34.excalidraw.md", "A0-Diary/未命名.canvas", - "A1-Work/未命名", "A1-Work/接单/电梯维保系统.md", "A1-Work/接单/未命名.md", "A3-Tools/Dify/知识库相关配置.md", diff --git a/A1-Work/UI设计/尺寸规范.md b/A1-Work/UI设计/尺寸规范.md new file mode 100644 index 0000000..accd96d --- /dev/null +++ b/A1-Work/UI设计/尺寸规范.md @@ -0,0 +1,52 @@ +## 全局边距 +- 32px +- 30px：最舒服的边距，苹果使用 +- 24px：支付宝 +- 20px：微信 +- 通栏：这个一般用在图文的内容展示上 + +## 卡片间距 +通常不低于 16px，但是也不宜过大，间距的颜色设置可以与分割线一致，也可以更浅一些，不需要承载太多信息的内容可以用大间距，例如苹果设置用到 70px，而通知中心则使用 16px，微信发现则为 40px +- 16px +- 20px +- 24px +- 30px +- 40px + +## 内容间距 +单个元素之间的相对距离会影响我们感知它是否以及如何组织在一起，互相靠近的元素看起来属于一组，而那些距离较远的则自动划分组外，距离近的关系紧密 + +## 内容布局 +### 列表式布局 +注意列表舒适体验的最小高度为 80px，最大的高度要视内容的多少而定，例如微信和 QQ 是 132px，自如为 110px，唯品会为 106px + +### 卡片式布局 +每张卡片的内容和形式都是可以相互独立、互不干扰的，所以可以在同一个页面中出现不同的卡片承载不同的内容，在使用卡片布局的时候要注意，卡片本身一般是白色，之间的间距一般是浅灰色，也可以根据产品风格颜色来设置 + +## 界面图片设计比例 +- 16:9 +- 4:3 +- 1:1 +- 1:0.618 + +## 统一风格的图标 + +## App 版式设计规范 +- 对齐 +- 对称 +- 分组 + +## 界面文字设计规范 +一款 APP 中的字号范围一般在 20-36 之间，字号必须为偶数，上下级内容字号差为 2-4 号 + +| 字号 | 使用场景 | 备注 | +|:---- |:---------------------------- |:---------------------- | +| 36px | 用在少数标题 | 如导航标题、分类名称等 | +| 32px | 用在少数标题 | 如列表店铺标题等 | +| 30px | 用在较为重要的文字或操作按钮 | 如列表性标题分类名称等 | +| 28px | 用于段落文字 | 如列表性商品标题等 | +| 26px | 用于段落文字 | 如小标题模块描述等 | +| 24px | 用于辅助性文字 | 次要的标语等 | +| 22px | 用于辅助性文字 | 次要的备注信息等 | + +字体的颜色很少用纯黑色，一般用浅灰色和深灰色、细体和粗体来区分重要信息和次要信息 diff --git a/README.md b/README.md index 1640244..5856b6d 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,7 @@ banner_y: 0.335 ```C #include -int main(int argc, char - const * argv[]) { +int main(int argc, char const* argv[]) { printf("Hello World"); return 0; }