沙发款式汇总
0 202

一、按风格分类

1、中式沙发

中式沙发的框架是在外面裸露的,一般就是实木的材质,这种材质一般是比较好的,不过上面还是会安放海绵垫的,在冬季安装海绵垫,夏季就可以去掉,这是非常灵活的设计了。

2、欧式沙发

它是比较适合居家生活当中的使用,它最大的特点就是高贵典雅,它的色彩方面是比较淡雅的,适用的范围是比较广的,大多数的颜色都是比较浅的,也是当下比较流行的风格。

3、美式沙发

这样的沙发舒适度是非常高的,不过美式沙发的占用面积是比较大的,现在的美式沙发会用到框架,但是对于弹簧的使用它也是不可能放弃的,所以是比较实用的一款沙发。

4、韩式沙发

整个产品的色调看上去十分的优雅,柔软惬意的坐垫搭上精美的雕花点缀,非常适宜用在年轻时尚的家庭中,同时一些满含书香气息的稳重型家居也适用。

5、法式精美沙发

这种款式拥有华丽的布面,显得十分的大气与稳重,再搭上精致的雕刻,将高贵的外形彰显得淋漓尽致,所以若是你的家装看上去较为大气磅礴,不妨试试法式沙发的款式吧。

二、按花色分类

1、条纹

不管是T台走秀还是学生背包,身上没点条纹元素,都不敢说自己是时尚达人。装修中条纹元素的应用也不在少数,不管是暖色时尚还是冷色文静,条纹都能让你的沙发在客厅中尽出风头。

2、撞色

撞色的艺术是近几年才兴起的时尚元素。尤其在颇有时尚的现代风格装修中运用的恰到好处,不管是紫色与橙黄的碰撞,还是荧光绿与中性灰的搭配,都能打造或浮夸或大气的装修效果。

3、碎花

碎花元素被看成小清新之王,一些喜欢细致生活,喜欢享受自然气息的朋友首选当然是碎花元素。碎花沙发能让房间显得更加温馨,碎花的极致淡雅也是丝毫不逊色其他时尚元素哦,有情调的朋友不要错过啦!

4、格子

如果碎花的凌乱美实在让你不能接受,而你又有着细嗅蔷薇的情怀,那么格子沙发一定是你所爱。格子那横竖有致的渐变纹路是处女座都无可挑剔的美丽,而那份质感低调的美也是森女们的不二之选。

5、纯色

纯色是经典又时尚的元素,也许云朵白的纯洁和中性灰的沉着不足以表达你张扬的个性,那么柠檬黄、湖水蓝一定能够装点你的客厅空间,让你的空间你做主,彰显与众不同的个性美。

三、按材质分类

1、布艺沙发

沙发有一个材质是布艺的,我们使用布艺沙发的话,是可以随时换我们想要的颜色的,因为布艺沙发是有沙发套子,我们可以通过更换沙发套子来更换沙发的颜色,所以说这个是布艺沙发最大的好处,也正是因为布艺沙发这个好处,我们不同层次的品味需求都被满足了,布艺沙发也是比较容易清洗的,在使用布艺沙发的时候,舒适度也是很高的,大家可以考虑选择一下布艺沙发!

2、藤制沙发

除了布艺沙发,藤也是沙发很常见的一种材质。藤制沙发的话,不仅看起来很简约,也是很高雅的,这个材质的沙发将这两种特点完美的融合在一起了,所以说藤制沙发的话,是有现代感与古典感一起存在的,所以说我们选择藤制沙发的话,可以在生活上有一种高品质的享受,而且在使用的时候,我们也会在朴实无华感觉的。不过,大家在使用藤制沙发的时候,一定要避开高温,免得藤制沙发开裂了,影响使用!

3、皮艺沙发

皮艺也是沙发一种很常见的类型,这样材质的沙发特点是很独特的,首先这个材质的沙发质感更好,大家摸起来可以明显感觉到与其它材质沙发的不一样,而且皮艺沙发的话,也是更高端大气的,当然,皮艺沙发的价格相应的会高一点,大家使用皮艺沙发的时候,一定要好好保养,因为皮艺沙发是很讲究的一种沙发,要是没有好好保养的话,那么皮艺沙发的使用寿命就会变短很多!

0 202
() 全部评论
所有回复 (0)

热门

最新

  • Web3D编程 2 0 1 发布

    点击查看例子

    代码效果


    源码

    <!DOCTYPE html> <html> <head> <title>材质和光源</title> <script type="text/javascript" src="../libs/three.js"></script> <script type="text/javascript" src="../libs/stats.js"></script> <script type="text/javascript" src="../libs/dat.gui.js"></script> <style> body { /* set margin to 0 and overflow to hidden, to go fullscreen */ margin: 0; overflow: hidden; } </style> </head> <body> <!-- Div which will hold the Output --> <div id="LapBin-output"> </div> <!-- Javascript code that runs our Three.js examples --> <script type="text/javascript"> // 加载所有内容后,我们将运行Three.js function init() { // 创建一个场景,该场景将包含所有元素,例如对象、摄影机和灯光。 var scene = new THREE.Scene(); // 创建一个摄像头,它定义了我们要看的范围。 var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.2, 1000); // 创建渲染并设置大小 var renderer = new THREE.WebGLRenderer(); renderer.setClearColor(new THREE.Color(0xEEEEEE, 1.0)); renderer.setSize(window.innerWidth, window.innerHeight); renderer.shadowMapEnabled = true; // 创建平面 var planeGeometry = new THREE.PlaneGeometry(60, 30); var planeMaterial = new THREE.MeshLambertMaterial({color: 0xffffff}); var plane = new THREE.Mesh(planeGeometry, planeMaterial); plane.receiveShadow = true; // 旋转并定位平面 plane.rotation.x = -0.5 * Math.PI; plane.position.x = 10; plane.position.y = 0; plane.position.z = -10; // 将平面添加到场景中 scene.add(plane); // 创建一个立方体 var cubeGeometry = new THREE.BoxGeometry(4, 4, 4); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0xff0000}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); cube.castShadow = true; // 定位立方体 cube.position.x = -4; cube.position.y = 3; cube.position.z = -10; // 将立方体添加到场景中 scene.add(cube); // 创建一个球体 var sphereGeometry = new THREE.SphereGeometry(4, 20, 20); var sphereMaterial = new THREE.MeshLambertMaterial({color: 0xdd77ff}); var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial); // 定位球体 sphere.position.x = 20; sphere.position.y = 4; sphere.position.z = -10; sphere.castShadow = true; // 将球体添加到场景中 scene.add(sphere); // 将摄影机定位并指向场景的中心 camera.position.x = -30; camera.position.y = 40; camera.position.z = 30; camera.lookAt(scene.position); // 为阴影添加聚光灯 var spotLight = new THREE.SpotLight(0xffffff); spotLight.position.set(-40, 60, -10); spotLight.castShadow = true; scene.add(spotLight); // 将渲染器的输出添加到html元素 document.getElementById("LapBin-output").appendChild(renderer.domElement); // 渲染场景 renderer.render(scene, camera); } window.onload = init; </script> </body> </html>
  • LapBin(ThreeJS) 6 0 1 发布
  • 点击查看例子

    代码效果




    天空盒使用源码

    <!DOCTYPE html> <html lang="en">     <head>         <title>three.js - skybox</title>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">         <link type="text/css" rel="stylesheet" href="main.css">     </head>     <body>         <div id="container"></div>         <script type="module">             import * as THREE from '../build/three.module.js';             import { OrbitControls } from './jsm/controls/OrbitControls.js';             var scene, camera , renderer;             init();             animate();             function init() {                 // scene                 scene = new THREE.Scene();                 // camera                 camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 200 );                 camera.position.set( - 15, 7, 15 );                 camera.lookAt( scene.position );                              // skybox                 var cubeTextureLoader = new THREE.CubeTextureLoader();                 cubeTextureLoader.setPath( 'textures/cube/Park2/' ); //天空盒图片文件路径                 var cubeTexture = new THREE.CubeTextureLoader.load( [                     "posx.jpg", "negx.jpg", //图片 http://www.cglap.com/assets/lapbin/textures/cube/Park2/negx.jpg                     "posy.jpg", "negy.jpg", // http://www.cglap.com/assets/lapbin/textures/cube/Park2/negy.jpg                     "posz.jpg", "negz.jpg" //http://www.cglap.com/assets/lapbin/textures/cube/Park2/negz.jpg                 ] );                 scene.background = cubeTexture;                 // light                 var ambientLight = new THREE.AmbientLight( 0xcccccc, 0.4 );                 scene.add( ambientLight );                 var directionalLight = new THREE.DirectionalLight( 0xffffff, 0.6 );                 directionalLight.position.set( - 1, 1, 1 );                 scene.add( directionalLight );                 // renderer                 renderer = new THREE.WebGLRenderer( { antialias: true } );                 renderer.setSize( window.innerWidth, window.innerHeight );                 renderer.setPixelRatio( window.devicePixelRatio );                 document.body.appendChild( renderer.domElement );                 // 鼠标控制旋转                 var controls = new OrbitControls( camera, renderer.domElement );                 controls.minDistance = 5;                 controls.maxDistance = 50;                              //                 window.addEventListener( 'resize', onResize, false );             }             function onResize() {                 camera.aspect = window.innerWidth / window.innerHeight;                 camera.updateProjectionMatrix();                 renderer.setSize( window.innerWidth, window.innerHeight );             }             function animate() {                 requestAnimationFrame( animate );                 render();             }             function render() {                 renderer.render( scene, camera );             }         </script> </body> </html>
  • 例子查看链接gui

    为了能够快速地搭建three.js的交互ui,官方提供了一个GUI组件,通过简单的语法学习就能够使用。

    下面我们就来学习如何使用

    用法一

    首先声明一个对象,这个对象设置获取一个交互.

       var params = {                 color: '#ffffff',                 scale: 4,                 flowX: 1,                 flowY: 1 , states:"Walking"             };

    然后就就可以使用GUI来进行生成交互UI组件

    生成一个panel组件版,然后将组件的对象添加到这个组件版,完成之后就能够生成一个交互界面了。

     // dat.gui

    颜色选择器                var gui = new GUI();                 gui.addColor( params, 'color' ).onChange( function ( value ) {                    // do something                 } );


    拉动条
    不仅可以生成按钮,也可以生成拉动条。 gui.add( params, 'scale', 1, 10 ).onChange( function ( value ) { // do something  } );


    gui.add( params, 'flowX', - 1, 1 ).step( 0.01 ).onChange( function ( value ) {                   // do something } );


     gui.add( params, 'flowY', - 1, 1 ).step( 0.01 ).onChange( function ( value ) {                   // do something                 } );


    下拉表
     //选项 var states = [ 'Idle', 'Walking', 'Running', 'Dance', 'Death', 'Sitting', 'Standing' ];  // 添加  gui.add( params, 'states' ).options( states ).onChange( function ( value ) {              // do something } );
    效果图


    全部代码

    <!DOCTYPE html> <html lang="en">     <head>         <title>three.js - gui</title>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">         <link type="text/css" rel="stylesheet" href="main.css">     </head>     <body>         <div id="container"></div>         <script type="module">             import * as THREE from '../build/three.module.js';             import { GUI } from './jsm/libs/dat.gui.module.js';             var scene, camera, renderer;             var params = {                 color: '#ffffff',                 scale: 4,                 flowX: 1,                 flowY: 1,                 states:"Walking"             };             init();             animate();             function init() {                 // scene                 scene = new THREE.Scene();                 // camera                 camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 200 );                 camera.position.set( - 15, 7, 15 );                 camera.lookAt( scene.position );                 // renderer                 renderer = new THREE.WebGLRenderer( { antialias: true } );                 renderer.setSize( window.innerWidth, window.innerHeight );                 renderer.setPixelRatio( window.devicePixelRatio );                 document.body.appendChild( renderer.domElement );                 // dat.gui                 var gui = new GUI();                 gui.addColor( params, 'color' ).onChange( function ( value ) {                     //do something                 } );                 gui.add( params, 'scale', 1, 10 ).onChange( function ( value ) {                     //do something                 } );                 gui.add( params, 'flowX', - 1, 1 ).step( 0.01 ).onChange( function ( value ) {                     //do something                 } );                 gui.add( params, 'flowY', - 1, 1 ).step( 0.01 ).onChange( function ( value ) {                     //do something                 } );                 //选项                 var states = [ 'Idle', 'Walking', 'Running', 'Dance', 'Death', 'Sitting', 'Standing' ];                  gui.add( params, 'states' ).options( states ).onChange( function ( value ) { //do something                 } );;                              gui.open();                 window.addEventListener( 'resize', onResize, false );             }             function onResize() {                 camera.aspect = window.innerWidth / window.innerHeight;                 camera.updateProjectionMatrix();                 renderer.setSize( window.innerWidth, window.innerHeight );             }             function animate() {                 requestAnimationFrame( animate );                 render();             }             function render() {                 renderer.render( scene, camera );             }         </script> </body> </html>
  • LapBin(ThreeJS) 12 0 1 发布