灵活手动编辑

灵活手动编辑

需要亲手微调每个细节？没问题！GemDesign 提供强大直观的手动编辑模式，让你像使用传统设计工具一样进行精准控制，确保每一个元素都完美符合你的要求。

视频演示

如何使用

1. 进入编辑模式：
   • 点击输入框的 “编辑”图标或者切换顶部编辑tab，进入编辑模式。
   • 
2. 选中目标元素：
   • 点击画布上的文字、图片、按钮、形状等元素
   • 注意：页面中部分元素是在JS代码中动态生成的，不支持手动编辑
3. 修改：

   • 调整位置：

     • 选中元素后，直接拖拽即可移动位置
     • 点击上下箭头图标可以实现元素同级移动
     • 

   • 调整元素横间距 如图所示，希望调整搜索栏中搜索框之间的间距，该如何操作 操作如下：

     • 选中这些元素外框
     • 鼠标放置到间距中间的红色横条上，鼠标指针变成左右箭头图标
     • 按住鼠标左键左右拖动改变间距

   • 调整元素垂直间距

     • 同理，若调整上下菜单间距，只需要选中整个菜单，鼠标放置到间距中间的红色竖条上，按住鼠标左键上下拖动改变间距
     • 

   • 修改文字内容：

     • 双击文字元素或者点击编辑图标，输入新内容。

     • 

   • 更改颜色 & 背景：

     • 选中元素，点击 “填充” 设置元素背景颜色
     • 

   • 替换图片：

     • 选中图片，点击 “图片” 上传本地图片替换
     • 

为什么手动编辑不可或缺

• 终极控制权： 对设计的每一个像素拥有完全掌控，满足专业设计师的精细要求。
• 精准高效： 对于明确的、可视化的调整（如对齐某个元素、微调某个颜色值），直接操作往往最快。
• 符合规范： 确保最终设计稿100%符合品牌指南或开发规范。
• 直观体验： 所见即所得的编辑方式，符合用户对设计工具的基础预期和操作习惯。
• 免费编辑：手动编辑不消耗积分