CN106846429A - 一种家庭装饰设计系统 - Google Patents

Abstract

本发明属于仿真设计技术领域，公开了一种家庭装饰设计系统，包括素材库服务器、人机操作模块、显示屏、处理模块和存储模块；素材库服务器包括硬装和软装效果图数据库；人机交互模块包括调用和拖拽模块；调用模块用于输入素材调用命令至处理模块，处理模块从素材库服务器中调用指定素材，并通过显示屏显示所调用的素材信息；拖拽模块用于输入拖拽命令至处理模块，处理模块将素材放置于指定位置；存储模块用于存储素材的属性信息，并生成图片。该系统把所有的素材拍成照片，形成独立的素材库。用户仅需要将素材元素直接拖入空房屋图片或照片里面，不需要专业知识，操作简单，而且成图质量效果非常逼真，为用户节省了大量时间和费用。

Description

一种家庭装饰设计系统

技术领域

本发明属于仿真设计技术领域，具体地，涉及一种应用于家庭装饰的设计系统。

背景技术

家庭装修设计，是指在家庭正式装潢开工前进行功能格局上的规划设计，以及各空间界面的装饰设计。传统的家庭装修模式为，客户向设计师提出自己的要求和建议，表明自己的风格意向。设计师根据客户的需求做出最佳的设计方案，供客户选择。传统的家庭装修模式存在诸多缺陷，设计师与客户的沟通交流不便，客户看到的效果图与真实的有差距，体验不到真实的效果图场景，客户要求重新装修，不仅浪费装修资金，而且浪费不少的精力。

随着互联网+技术的发展，目前市面上出现了一些家庭装饰设计系统。例如，杭州群核信息技术有限公司开发的“酷家乐”设计平台，是基于3Dmax软件的经简化处理后的设计工具。所有的素材(如家具，灯具，装饰物品等)都是按照实物预先做成3D模型，用户仅需要摆放相应的元素实物模型和调整材质或灯光等等，最后渲染成图。虽然此方法相对于让用户直接使用3Dmax软件进行设计简化了一部分流程，但操作步骤对于用户来说仍然过于复杂，用户仍然需要经过几天的培训才能使用该设计平台，给用户带来了较大的时间成本和资金成本。此外，初步接触3Dmax软件的用户即使经过了培训，渲染成图的质量效果仍然很差，不能达到预期的效果，实用价值不高。

发明内容

为了解决上述技术问题，本发明提供了一种家庭装饰设计系统，该系统流程简单，无需渲染，无需专业知识即可操作，且完成时间大大缩短，成图质量效果也非常逼真。

为了实现上述技术效果，本发明所采用的技术方案是：一种家庭装饰设计系统，包括素材库服务器、人机操作模块、显示屏、处理模块和存储模块；所述素材库服务器与处理模块通信连接，素材库服务器包括硬装效果图数据库和软装效果图数据库；所述人机交互模块与处理模块通信连接，人机交互模块包括调用模块和拖拽模块；所述调用模块用于输入素材调用命令至处理模块，处理模块根据素材调用命令，从素材库服务器中调用指定素材，并通过显示屏显示所调用的素材信息，所述显示屏与处理模块通信连接；所述拖拽模块用于输入拖拽命令至处理模块，处理模块根据拖拽命令，将素材放置于指定坐标；所述存储模块与处理模块通信连接，用于存储素材的属性信息，并生成图片。

进一步地，所述人机交互模块还包括翻转模块，所述翻转模块用于输入翻转命令至处理模块，处理模块根据翻转命令，将素材做翻转处理。

进一步地，所述人机交互模块还包括尺寸调整模块，所述尺寸调整模块用于输入尺寸调整命令至处理模块，处理模块根据尺寸调整命令，将素材调整至指定尺寸值。

进一步地，所述人机交互模块还包括亮度调整模块，所述亮度调整模块用于输入亮度调整命令至处理模块，处理模块根据亮度调整命令，将素材调整至指定亮度值。

进一步地，所述人机交互模块还包括对比度调整模块，所述对比度调整模块用于输入对比度调整命令至处理模块，处理模块根据对比度调整命令，将素材调整至指定对比度值。

进一步地，所述人机交互模块还包括饱和度调整模块，所述饱和度调整模块用于输入饱和度调整命令至处理模块，处理模块根据饱和度调整命令，将素材调整至指定饱和度值。

进一步地，所述人机交互模块还包括色相调整模块，所述色相调整模块用于输入色相调整命令至处理模块，处理模块根据色相调整命令，将素材调整至指定色相值。

相比于现有技术，本发明的有益效果是：把所有的素材(如家具，灯具，装饰物品等实物)拍成照片，通过图像处理软件加工制作上灯光效果、阴影、反射、倒影、材质、质感等真实效果产生的影响部分，形成独立的素材库。用户仅需要将素材元素直接拖入空房屋图片或照片里面，即可进行设计操作，无需渲染，可见可得。不需要专业知识，操作简单，完成时间不到现有技术的十分之一，而且成图质量效果非常逼真，为用户节省了大量时间和费用。

附图说明

图1为本发明的结构框图。

具体实施方式

下面结合具体实施例对本发明作进一步详细介绍，如图1所示，本发明按照如下方式实施，一种家庭装饰设计系统，包括素材库服务器、人机操作模块、显示屏、处理模块和存储模块。具体地，所述素材库服务器与处理模块通信连接，素材库服务器包括硬装效果图数据库和软装效果图数据库；所述人机交互模块与处理模块通信连接，人机交互模块包括调用模块和拖拽模块；所述调用模块用于输入素材调用命令至处理模块，处理模块根据素材调用命令，从素材库服务器中调用指定素材，并通过显示屏显示所调用的素材信息，所述显示屏与处理模块通信连接；所述拖拽模块用于输入拖拽命令至处理模块，处理模块根据拖拽命令，将素材放置于指定坐标；所述存储模块与处理模块通信连接，用于存储素材的属性信息，并生成图片。

进一步地，如图1所示，所述人机交互模块还包括拖拽模块、翻转模块、尺寸调整模块、亮度调整模块、对比度调整模块、饱和度调整模块和色相调整模块。其中，所述翻转模块用于输入翻转命令至处理模块，处理模块根据翻转命令，将素材做翻转处理。所述尺寸调整模块用于输入尺寸调整命令至处理模块，处理模块根据尺寸调整命令，将素材调整至指定尺寸值。所述亮度调整模块用于输入亮度调整命令至处理模块，处理模块根据亮度调整命令，将素材调整至指定亮度值。所述对比度调整模块用于输入对比度调整命令至处理模块，处理模块根据对比度调整命令，将素材调整至指定对比度值。所述饱和度调整模块用于输入饱和度调整命令至处理模块，处理模块根据饱和度调整命令，将素材调整至指定饱和度值。所述色相调整模块用于输入色相调整命令至处理模块，处理模块根据色相调整命令，将素材调整至指定色相值。

以下为本发明的实施过程：

1、建立素材库

利用MySQL数据库建立关系数据表，一张素材主表，一张素材图片表。素材主表记录素材的基本信息及展示图片的路径，素材图片表记录用作调整的素材图片的路径及初始信息，初始化时通过PHP连接数据库查询出带有关系的图组，最后展示在页面的素材库位置。

2、设计流程

(1)上传素材

通过CakePHP搭建CMS内容管理系统，在系统后台建立相关分类及默认设置。连接素材表和图片表，将处理好的硬装效果图通过HTML表单提交至素材库服务器，再由素材库服务器把图片存储在素材库服务器的相应位置，并在数据库保存其路径。

(2)选择素材

搭建服务器，建立网络环境，编写网站视图模块和软装模块，将从数据库查询来的素材数据分配到视图中，由此生成素材列表和商城展示图及详情信息。用户可通过浏览和收藏来选择合适的素材进行编辑和调试。

(3)拖拽素材

页面上建立JS逻辑，分为素材，素材容器，图组，背景和控制器。先建立好核心程序，模拟用户操作和功能流程记录数据变化过程，再建立表现层供用户实际操作。变现层利用jQuery的Draggable插件来拖拽素材，素材可以横向拖拽至背景层由此生成图组，再将图组整体初始化Draggable进行拖拽，拖拽区域限定在背景内，可拖放至任意位置。

(4)翻转图组

利用JS和CSS的配合，当用户点击镜像按钮时，用JS在当前编辑图组加上CSS类，CSS通过transiform：scale属性来使图组翻转，并向核心层记录状态。

(5)调整尺寸

利用jQuery的Resizable插件来使图组可以进行放大和缩小，并将变化尺寸记录到核心层的相应属性。

(6)调整亮度、对比度、饱和度和色相

首先将图组图片利用CamanJS转化为HTML标签Canvas，Canvas可以在浏览器中改变像素属性。初始化jQuery的Slider插件建立亮度、对比度、饱和度和色相的滑动条。拖动相应属性的滑动条来设置调整值，然后通过CamanJS来将当前的图组的Canvas调整到相应色度。

(7)剪切图组

利用CSS来固定原图的尺寸和位置，再通过改变外框尺寸来遮挡多余部分，剪切完成后记录相应位置，返回编辑模式，将相应值转化为百分比。

(8)变换层级

利用jQuery和Sortable插件初始化图组快捷选取区，拖动图层改变选取区上下位置，将位置信息转化为层级信息后用CSS的z-inde同步到图组属性，图组层级相应变化。双击图组可激活编辑，再次双击取消编辑。单击快捷选区的sort，可激活和取消图组。

(9)删除图组

激活删除控件将当前编辑图组用jQuery的detach函数移除至回收库，并做相应历史记录，以便撤回时再append到编辑区的相应位置。

(10)保存图组

用MySQL新建用户图组主表和图组图片表，编辑完成后，所有变化数据已记录在核心属性，触发保存按钮，利用JS拼装好要存储的数据，在通过AJAX将当前所有的图组打包发送到服务器，服务器端再次组装数据后存入MySQL图组主表和图组图片表。保存成功后在用这些数据通过PHP图像处理GD库及相应函数合成图片，最后将图像流发送回页面供用户下载。

(11)提取图组

用户登录后，根据用户ID查询出保存的图组列表。选择相应图组修改，查询出图组的保存图片，然后初始化到编辑去，赋予上次保存的属性，然后继续编辑。

以下对本发明的工作过程做出说明：

1、建立素材库

(1)把市面各种品牌的家具、灯具、装饰物品实物拍成照片；

(2)上传做好的房屋硬装效果图或者空房间照片；

(3)通过图像处理软件加工成带了独立阴影、反射倒影、灯光的PNG格式文件。

PNG支持透明效果，可以为原图像定义256个透明层次，使得彩色图像的边缘能与任何背景平滑地融合，从而彻底地消除锯齿边缘。这种功能是GIF和JPEG没有的。

2、设计流程

(1)从素材列表或者平台商城选好合适的商品素材；

(2)直接拖入到场景图里面放到对应的位置；

(3)根据户型关系通过镜像工具翻转配饰素材；

(4)根据房屋尺寸缩放素材的大小比例；

(5)调整其亮度、对比度、饱和度和色相；

(6)被遮挡的部分用裁剪功能剪掉；

(7)通过图层拖动改变每个配饰素材之间的前后层次关系；

(8)不满意的配饰元素可以通过删除工具删除，重新拖入想要的配饰素材进行调整；

(9)保持图片为JPG格式到本地—保持文件到系统；

(10)提取文件可以再次搭配设计。

对室内设计师工作提升了效率和质量，节约了时间和资金成本，保证了设计初衷和完工没有出入。对业主带来了互动性，甚至自己可以参与设计，购买软装配饰非常方便，而且能实时体验，无需担心出现实物放入家中风格和色彩不搭配的问题。

Claims (7)

1.一种家庭装饰设计系统，其特征在于：包括素材库服务器、人机操作模块、显示屏、处理模块和存储模块；

所述素材库服务器与处理模块通信连接，素材库服务器包括硬装效果图数据库和软装效果图数据库；

所述人机交互模块与处理模块通信连接，人机交互模块包括调用模块和拖拽模块；所述调用模块用于输入素材调用命令至处理模块，处理模块根据素材调用命令，从素材库服务器中调用指定素材，并通过显示屏显示所调用的素材信息，所述显示屏与处理模块通信连接；所述拖拽模块用于输入拖拽命令至处理模块，处理模块根据拖拽命令，将素材放置于指定坐标；

所述存储模块与处理模块通信连接，用于存储素材的属性信息，并生成图片。

2.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括翻转模块，所述翻转模块用于输入翻转命令至处理模块，处理模块根据翻转命令，将素材做翻转处理。

3.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括尺寸调整模块，所述尺寸调整模块用于输入尺寸调整命令至处理模块，处理模块根据尺寸调整命令，将素材调整至指定尺寸值。

4.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括亮度调整模块，所述亮度调整模块用于输入亮度调整命令至处理模块，处理模块根据亮度调整命令，将素材调整至指定亮度值。

5.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括对比度调整模块，所述对比度调整模块用于输入对比度调整命令至处理模块，处理模块根据对比度调整命令，将素材调整至指定对比度值。

6.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括饱和度调整模块，所述饱和度调整模块用于输入饱和度调整命令至处理模块，处理模块根据饱和度调整命令，将素材调整至指定饱和度值。

7.根据权利要求1所述的一种家庭装饰设计系统，其特征在于：所述人机交互模块还包括色相调整模块，所述色相调整模块用于输入色相调整命令至处理模块，处理模块根据色相调整命令，将素材调整至指定色相值。