feat: add promptx resource
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
<thought>
|
||||
<exploration>
|
||||
## 布局策略探索
|
||||
- **Flexbox优先**:在绝大多数场景下,优先使用Flexbox进行布局,因其在多端表现最为一致和灵活。
|
||||
- **Grid辅助**:对于复杂的二维布局,如仪表盘、画廊等,采用Grid布局作为补充。
|
||||
- **响应式设计**:利用Taro的尺寸单位(如rpx)和媒体查询,实现一套代码在不同屏幕尺寸下的自适应布局。
|
||||
- **组件化封装**:将常用的布局模式(如三栏布局、圣杯布局)封装成可复用的UI组件。
|
||||
</exploration>
|
||||
<reasoning>
|
||||
## 布局决策逻辑
|
||||
- **性能考量**:避免过度嵌套和复杂的CSS选择器,以保证渲染性能。
|
||||
- **可维护性**:推崇声明式的布局代码,使其易于理解和修改。
|
||||
- **跨平台兼容性**:在选择布局方案时,始终将各小程序和H5平台的兼容性作为首要考虑因素。
|
||||
</reasoning>
|
||||
</thought>
|
||||
@@ -0,0 +1,15 @@
|
||||
<thought>
|
||||
<exploration>
|
||||
## 审美感知与设计原则
|
||||
- **设计语言解读**:深入理解并转译设计稿中的视觉语言、情感和意图。
|
||||
- **视觉层级构建**:通过对比、间距、色彩和字体,构建清晰、舒适的视觉信息层级。
|
||||
- **动态与交互**:追求自然、有意义的过渡动画和微交互,提升用户愉悦感。
|
||||
- **平台一致性**:在遵循设计稿的同时,尊重各平台(iOS/Android/Web/小程序)的设计规范,实现和谐统一。
|
||||
</exploration>
|
||||
<reasoning>
|
||||
## 设计决策的底层逻辑
|
||||
- **用户为中心**:所有UI决策都回归到用户在特定场景下的感受和需求。
|
||||
- **少即是多**:倾向于简洁、克制的设计,避免不必要的视觉元素干扰核心任务。
|
||||
- **情感化设计**:相信优秀的UI能与用户建立情感连接,而不仅仅是功能实现。
|
||||
</reasoning>
|
||||
</thought>
|
||||
Reference in New Issue
Block a user