Radical, Magical-갤럭시 S10-디자인 삼성

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Radical, Magical-갤럭시 S10-디자인 삼성</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">  <meta name="title" content="Radical, Magical-갤럭시 S10-디자인 삼성"> <meta name="description" content="찬란한 빛으로 반짝이는 새로운 컬러부터, 복잡한 일상을 가다듬는 UX까지. 열 번째라 더욱 새로운 갤럭시 S10의 마법 같은 매력을 만나보세요."> <meta name="keywords" content="삼성, 삼성전자, 디자인, Design stories, 갤럭시 S10, 갤럭시 S10+, 갤럭시 S10e, 프리즘, 세라믹, 인피니티-O, 빅스비, AR이모지, 지문인식, 엣지"> <link rel="image_src" href="http://design.samsung.com/kr/share/thumb/contents/share_thumb_145_200x200.jpg">  <meta property="og:title" content="Radical, Magical-갤럭시 S10-디자인 삼성"> <meta property="og:description" content="찬란한 빛으로 반짝이는 새로운 컬러부터, 복잡한 일상을 가다듬는 UX까지. 열 번째라 더욱 새로운 갤럭시 S10의 마법 같은 매력을 만나보세요."> <meta property="og:image" content="http://design.samsung.com/kr/share/thumb/contents/share_thumb_145_200x200.jpg"> <meta property="og:type" content="website">  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Radical, Magical-갤럭시 S10-디자인 삼성"> <meta name="twitter:description" content="찬란한 빛으로 반짝이는 새로운 컬러부터, 복잡한 일상을 가다듬는 UX까지. 열 번째라 더욱 새로운 갤럭시 S10의 마법 같은 매력을 만나보세요."> <meta name="twitter:image" content="http://design.samsung.com/kr/share/thumb/contents/share_thumb_145_200x200.jpg">  <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"> <link rel="stylesheet" href="../../../assets/css/common_module_renewal.css"> <link rel="stylesheet" href="../../../assets/css/contents_components.css"> <link rel="stylesheet" href="css/page.css">  <script type="text/javascript" src="../../../assets/js/vendor/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/jquery.easing.1.3.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/swiper.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/modernizr-2.6.2.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/detectizr.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/detect.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/plugin/jquery.bxslider.min.js"></script>  <script type="text/javascript" src="https://threejs.org/build/three.min.js"></script> <script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0 ); } </script> <script id="fragmentShader" type="x-shader/x-fragment"> uniform vec2 u_resolution; uniform float u_time; uniform float alpha; uniform vec2 speed; uniform float shift; void main() { vec2 st = gl_FragCoord.xy/u_resolution.xy; vec3 c[5]; c[0] = vec3(235.0/255.0, 232.0/255.0, 249.0/255.0); c[1] = vec3(229.0/255.0, 128.0/255.0, 113.0/255.0); c[2] = vec3(214.0/255.0, 235.0/255.0, 200.0/255.0); c[3] = vec3(221.0/255.0, 216.0/255.0, 75.0/255.0); c[4] = vec3(226.0/255.0, 133.0/255.0, 212.0/255.0); vec2 p[5]; p[0] = vec2(0.1, 1.2); p[1] = vec2(cos(u_time/1.0), sin(u_time/1.0)*3.0) * 0.2 + vec2(1.2, 0.4); p[2] = vec2(cos(u_time/1.0), sin(u_time/1.0)*1.0) * 0.2 + vec2(0.1, 0); p[3] = vec2(cos(u_time/1.0), sin(u_time/1.0)*3.0) * 0.2 + vec2(0.5, 0.5); p[4] = vec2(cos(u_time/2.0), sin(u_time/2.0)*3.0) * 0.2 + vec2(0.1, 1.2); float blend = 4.0; float w[4]; vec3 sum = vec3(0.0); float valence = 0.0; for (int i = 0; i < 5; i++) { float distance = length( st - p[i]); if (distance == 0.0) { distance = 1.0; } float w = 1.0 / pow(distance, blend); sum += w * c[i]; valence += w; } sum /= valence; sum = pow(sum, vec3(2.0)); // output gl_FragColor = vec4(sum.xyz, 1.0); } </script> </head> <body class="components"> <div id="skip-navi"> <a href="#container">SKIP NAVIGATION</a> </div> <div id="wrap" class="minify">   <div class="header_wrap"></div>  <div id="container"> <div id="content"> <section class="sec-kv" id="section-kv"> <div class="vertical-mid-con"> <div class="vertical-mid-txt"> <h1 class="txt-kv-tit talign-c"> Radical, Magical </h1> <p class="txt-kv-sub-tit space-mt-30 talign-c">삼성 갤럭시 S10 디자인스토리</p> </div> <div class="video-container"> <p class="blind">삼성 갤럭시 S10 프리즘 화이트 제품이 빛에 반짝이는 영상입니다.</p> <video class="video-keyvisual" muted playsinline> <source type="video/webm"> <source type="video/mp4"> </video> </div> </div> </section>  <section class="sec-1" id="section-1"> <div class="cols-4 ml-3-col vertical-mid-con motion talign-c" motion-pos="0.5"> <p class="vertical-mid-txt txt-paragraph-small"> 갤럭시가 달라졌다. 남다른 색부터 우아한 소재, 거리낌 없는 디스플레이, 일상을 가볍게 하는 UX, 슬림한 액세서리까지. 바꾸고, 더했다. 10년을 거쳐 완성한, 열 번째라 더욱 새로운 갤럭시 S10의 마법 같은 매력. </p> <span>* 본 콘텐츠 이미지는 이해를 돕기 위해 연출된 이미지입니다. 실제 제품은 차이가 있을 수 있고, 출시되는 제품의 세부사양은 국가별, 지역별, 모델별, 통신사별 다를 수 있습니다.</span> </div> </section> <section class="sec-2" id="section-2">  <div class="has-bg-con visual"> <div class="img-container motion zoom-out" id="shader-box" motion-pos="0.5">  <div class="img-box" id="img-box"> <figure class="mod-covered-bg"> <figcaption>다양한 색상의 갤럭시 S10 제품이 컬러 그라데이션 위에 떠 있는 이미지입니다.</figcaption> </figure> </div> </div> </div>  <div class="title"> <div class="cols-container set-1 motion" motion-pos="0.5"> <div class="svg-box"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 158" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"> <defs> <mask id="mask" x="0" y="0" width="470" height="158" > <rect x="-10" y="-10" width="500" height="170"/> <text class="txt-1" x="235" y="60" text-anchor="start">클래식에 더해진</text> <text class="txt-2" x="235" y="145" text-anchor="start">새로운 물결</text> </mask> </defs> <rect x="-10" y="-10" width="490" height="178"/> </svg> <div class="white-box"> <div class="box box-1"></div> <div class="box box-2"></div> </div> </div> <div class="cols-4 ml-3-col step-2 fade-in"> <p class="txt-paragraph-small space-mt-30"> 갤럭시의 블랙과 블루는 이제 모두를 위한 클래식이 되었다. 10년을 맞은 갤럭시가 찬란한 클래식과 더불어 새로운 색을 선보인다. </p> </div> </div> </div>  <div class="contents content-1"> <div class="cols-container clearfix"> <div class="cols-3 ml-1-col lft-content"> <div class="img-container motion" motion-pos="0.3"> <div class="thumb"> <div class="thumb-obj"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10 프리즘 화이트 색상이 거울에 반사되어 플라밍고 핑크 색상으로 나타나는 이미지입니다.</figcaption> </figure> </div> </div> <div class="thumb-cover"> <div class="thumb-cover-obj"></div> </div> </div> </div> <div class="cols-2 space-mt-60-mob-only motion set-1" motion-pos="0.6"> <h4 class="txt-sub-tit step-1 move-to-left">Color Liberation,<br class="_p"> Prism</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">하얀 바탕 위에 쏟아지는 빛</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 갤럭시 S10의 Prism White에는 모든 색이 담겼다. 손에 들고 움직일 때마다 시시각각, 다채로운 색을 비춘다. 단색의 속박을 뛰쳐나와 쏟아지는 빛들은 보이지 않던, 기존에 보지 못한 황홀한 세계를 펼쳐낸다. </p> </div> <div class="cols-2 space-mt-60-mob-only motion set-1" motion-pos="0.6"> <h4 class="txt-sub-tit step-2 move-to-left">Peaceful Pink</h4> <p class="sub-title txt-paragraph-small-bold step-2 move-to-left-2">있는 그대로 핑크</p> <p class="txt-paragraph-small space-mt-30 step-3 slide-in-up"> 맹렬하게 붉지 않고 불그스름한 Flamingo Pink에는 그만의 힘이 있다. 감각을 압도하지 않고 살며시 간질이는 기분 좋은 산뜻함. 탐스런 복숭아 같고, 해질녘 바닷가 같은. </p> </div> <div class="cols-5 rgt-content"> <div class="space-mt-150"> <div class="img-container motion" motion-pos="0.6"> <div class="thumb"> <div class="thumb-obj"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10 카나리아 옐로우 색상이 거울에 반사되어 프리즘 그린 색상으로 나타나는 이미지입니다.</figcaption> </figure> </div> </div> <div class="thumb-cover"> <div class="thumb-cover-obj"></div> </div> </div> </div> </div> <div class="cols-2 space-mt-60 ml-4-col motion set-1" motion-pos="0.4"> <h4 class="txt-sub-tit step-1 move-to-left">Yayllow</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">낭랑한 노랑</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> Canary Yellow는 아무도 모르게 묻어가느니 용감하게 시선을 사로잡고 말겠다는 선언이다. 눈부시게 맑은 햇빛처럼, 우리를 바깥으로 이끈다. 예정되지 않은 일들로 가득 찬 바깥으로. <span class="txt-disclaimer space-mt-30">Canary Yellow 제품은 갤럭시 S10e에서만 만나볼 수 있습니다.</span> </p> </div> <div class="cols-2 space-mt-60 motion set-1" motion-pos="0.4"> <h4 class="txt-sub-tit step-2 move-to-left">Queen Green</h4> <p class="sub-title txt-paragraph-small-bold step-2 move-to-left-2">보석처럼 탐나는 초록</p> <p class="txt-paragraph-small space-mt-30 step-3 slide-in-up"> 누가 ‘초록은 동색’이라고 했나. 풀색과 녹색 사이의 길고 긴 스펙트럼을 무시하는 처사다. 갤럭시 S10이 고르고 고른 Prism Green은 신록의 상쾌함과 에메랄드의 신비로움이 뒤섞여 유니크하다. 탐나는 빛이다. </p> </div> </div> </div> </section> <section class="sec-3" id="section-3">  <div class="has-bg-con visual space-mt-300"> <div class="img-container"> <div class="img-box motion zoom-out"motion-pos="0.5"> <figure class="mod-covered-bg"> <figcaption>각각 세라믹, 글라스 소재의 갤럭시 S10이 블랙, 화이트 배경과 조화를 이룬 이미지입니다.</figcaption> </figure> </div> </div> </div>  <div class="title"> <div class="svg-box motion" motion-pos="0.5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 158" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"> <defs> <mask id="mask2" x="0" y="0" width="590" height="158" > <rect x="-10" y="-10" width="600" height="170"/> <text class="txt-1" x="295" y="60">두 가지 소재,</text> <text class="txt-2" x="295" y="145">두 가지 디스플레이</text> </mask> </defs> <rect x="-10" y="-10" width="610" height="178"/> </svg> <div class="white-box"> <div class="box box-1"></div> <div class="box box-2"></div> </div> </div> </div>  <div class="contents content-1"> <div class="cols-container vertical-mid-align-row-reverse"> <div class="cols-2 ml-1-col space-mt-60-mob-only txt-holder-1 set-1 motion" motion-pos="0.3"> <h4 class="txt-sub-tit step-1 move-to-left">A Glass of Light</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">반짝이는 빛 한 모금</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 유리는 모든 빛을 통과시킨다. 갤럭시 S10은 유리의 장점을 적극적으로 취해, 눈부신 반짝임을 보기 좋게 만들어냈다. 글라스의 둥근 면은 광도 높은 메탈 프레임과 이어지며 날카로움과 부드러움을 넘나드는 유희를 펼친다. 업그레이드된 유리가 디스플레이를 더 보기 좋게 보호한다는 사실은 말할 것도 없다. </p> </div> <div class="cols-2 space-mt-60-mob-only txt-holder-2 set-1 motion" motion-pos="0.3"> <h4 class="txt-sub-tit step-2 move-to-left">Que Sera, Ceramic</h4> <p class="sub-title txt-paragraph-small-bold step-2 move-to-left-2">흙을 구우면 세라믹이 된다</p> <p class="txt-paragraph-small space-mt-30 step-3 slide-in-up"> 직역하면 ‘될 대로 돼라’라는 노랫말 ‘케 세라 세라(Que Sera, Sera)’는 사실 ‘일어날 일은 일어나게 되어 있다’는 뜻에 더 가깝다. 흙이 불길을 견디면 단단한 세라믹이 되는 것은 누가 뭐래도 일어날 일. 멋모르고 새하얀 체하지 않는 미색은 스크래치에 강하다. 우아할 물건은 우아하게 돼 있다.<span class="txt-disclaimer space-mt-30">Ceramic Black과 Ceramic White 제품은 갤럭시 S10+에서만 만나볼 수 있습니다.</span> </p> </div> <div class="cols-3"> <div class="img-container motion" motion-pos="0.3"> <p class="blind">갤럭시 S10 프리즘 화이트 세라믹 제품과 프리즘 화이트 글라스 제품이 교차되는 영상입니다.</p> <div class="thumb"> <div class="thumb-obj"> <video muted playsinline loop> <source type="video/webm"> <source type="video/mp4"> </video> </div> </div> <div class="thumb-cover"> <div class="thumb-cover-obj"></div> </div> </div> </div> </div> </div>  <div class="contents content-2 space-mt-150"> <div class="cols-container"> <div class="cols-8 ml-1-col"> <div class="img-container motion" motion-pos="0.3"> <div class="img-box"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10 엣지 디스플레이와 플랫 디스플레이를 비교하여 보여주는 이미지입니다.</figcaption> </figure> </div> <div class="black-box"></div> </div> </div> <div class="cols-3 ml-5-col txt-holder space-mt-60 motion set-1" motion-pos="0.5"> <h4 class="txt-sub-tit step-1 move-to-left">Edge or Flat</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">지구는 둥글고 땅은 평평하다</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up">갤럭시는 수년간 측면을 둥글린 엣지 디스플레이로 진보한 세상을 보여왔다. 세심하고 유연한 갤럭시만의 시각은 모두의 시야를 넓혔다. 갤럭시는 여기에 평평한 디스플레이를 더한다. 보이는 걸 그대로 보여주겠다는, 확실하고 대담한 시각에서.</p> </div> </div> </div> </section> <section class="sec-4" id="section-4">  <div class="has-bg-con visual space-mt-300"> <div class="video-container"> <div class="video-box motion zoom-out"motion-pos="0.5"> <p class="blind">전면에 카메라 홀만 남긴, 갤럭시 S10의 디스플레이를 보여주는 영상입니다.</p> <video muted playsinline> <source type="video/webm"> <source type="video/mp4"> </video> </div>  </div> </div>  <div class="title"> <div class="svg-box motion" motion-pos="0.5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 530 68" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"> <defs> <mask id="mask3" x="0" y="0" width="530" height="68" > <rect x="-10" y="-10" width="550" height="90"/> <text class="txt-1" x="265" y="60">디스플레이의 비밀</text> </mask> </defs> <rect x="-10" y="-10" width="550" height="88"/> </svg> <div class="white-box"> <div class="box box-1"></div> </div> </div> </div>  <div class="contents content-1"> <div class="cols-container vertical-mid-align"> <div class="cols-3 ml-1-col"> <div class="img-container motion zoom-in" motion-pos="0.4"> <p class="blind">갤럭시 S10 화면이 켜지는 이미지입니다.</p> <ul> <li> <div class="img-box img-1"> <figure class="mod-covered-bg"></figure> </div> </li> <li> <div class="img-box img-2"> <figure class="mod-covered-bg"></figure> </div> </li> </ul> <div class="white-box"></div> </div> </div> <div class="cols-2 space-mt-60-mob-only txt-holder motion set-1" motion-pos="0.25"> <h4 class="txt-sub-tit step-1 move-to-left">Hiding Something?</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">감출 건 감추는 미덕</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 갤럭시 S10의 디스플레이는 전면의 센서들을 뒤로 감춘다. 그래도 셀피는 찍어야 하니까 카메라는 빼고. 참고로 눈이 시원한 화질을 선보이는 Dynamic AMOLED 패널에 카메라 구멍을 뚫는 건 아무나 할 수 있는 게 아니다. 디스플레이 표면과 가장자리에 동등하게 내려앉은 어둠은 경계 없는 스크린을 위한 갤럭시의 또 다른 디테일이다. </p> </div> </div> </div>  <div class="contents content-2"> <div class="cols-container vertical-mid-align-row-reverse space-mt-150-mob-only"> <div class="cols-2 ml-3-col space-mt-60-mob-only motion" motion-pos="0.3"> <h4 class="txt-sub-tit step-1 move-to-left">A Private Gate</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">화면 아래에서 일어나는 일</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 프라이빗한 장소의 입구에는 표식이 없는 법이다. 갤럭시 S10에는 지문인식 센서가 화면 아래 조용히 몸을 감추고 있다. 그러니 들어 올려서 디스플레이에 손가락을 대기만 하면, 초음파가 알아서 지문의 굴곡을 인식한다*. 그것도 이 시대 누구보다 신속 정확하게. 나만을 위한 경험의 문은 그렇게 비밀스럽게 열린다.<span class="txt-disclaimer space-mt-30">갤럭시 S10의 지문인식 기능은 디스플레이 전면의 지문센서 위치에서 작동됩니다. 갤럭시 S10e에서는 옆면 버튼으로 지문인식 기능을 제공합니다</span> </p> </div> <div class="cols-4"> <div class="slider-container"> <p class="blind">갤럭시 S10의 잠금 화면을 지문인식으로 여는 이미지입니다.</p> <div class="obj-holder motion zoom-out" motion-pos="0.5"> <figure class="mod-covered-bg"></figure> </div> <ul class="slider"> <li class="img-box img-1"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box img-2"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box img-3"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box img-4"> <figure class="mod-covered-bg"></figure> </li> </ul> </div> </div> </div> </div> </section> <section class="sec-5" id="section-5">  <div class="has-bg-con visual space-mt-300"> <div class="blind">갤럭시 S10이 손 안에 놓인 이미지입니다.</div> <div class="img-container"> <div class="img-box motion zoom-out"motion-pos="0.5"> <figure class="mod-covered-bg"></figure> </div> </div> <div class="slider-container motion zoom-out" motion-pos="0.2"> <ul class="slider"> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> </ul> <div class="white-box"></div> </div> </div>  <div class="title"> <div class="svg-box motion" motion-pos="0.5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 495 72" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"> <defs> <mask id="mask4" x="0" y="0" width="495" height="72" > <rect x="-10" y="-10" width="515" height="90"/> <text class="txt-1" x="247.5" y="63">꼭 맞춘 사용 경험</text> </mask> </defs> <rect x="-10" y="-10" width="515" height="92"/> </svg> <div class="white-box"> <div class="box box-1"></div> </div> </div> </div>  <div class="contents content-1"> <div class="cols-container clearfix"> <div class="float-r cols-5 mr-1-col block-1"> <div class="img-container img-2"> <div class="img-box motion zoom-out" motion-pos="0.4"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10 프리즘 화이트를 손에 든 젊은 세대의 이미지입니다.</figcaption> </figure> </div>  </div> </div> <div class="float-l cols-2 ml-2-col block-2"> <div class="pl-1-col motion set-1" motion-pos="0.6"> <h4 class="txt-sub-tit space-mt-60-mob-only step-1 move-to-left">Hold Tight</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">손에 착 감긴다</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 폰이라면 응당 손에 착 감겨야 한다. 매끄러운 그립감을 강조한다고 손바닥에서 스르륵, 빠져나가게 만들어도 곤란하고 울퉁불퉁, 대놓고 미끄럼을 방지해도 곤란하다. 갤럭시 S10의 바디는 손 안에 착 감긴다. 딱 적당한 상하좌우 단차가 환상의 그립감을 자아낸다. </p> </div> </div> <div class="float-l cols-3 ml-1-col space-mt-150 block-3"> <div class="img-container img-1"> <div class="img-box motion zoom-out" motion-pos="0.6"> <figure class="mod-covered-bg"> <figcaption>편안하게 드라이브를 하는 젊은 세대의 이미지입니다.</figcaption> </figure> </div> </div> </div> <div class="float-l cols-2 block-4"> <div class="pr-2-col space-mt-60 motion set-1" motion-pos="0.6"> <h4 class="txt-sub-tit step-1 move-to-left">Less Is More</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">일상을 미니멀하게</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> Bixby 덕분에 우리 일상은 복잡함을 벗는다. 아침에 눈을 뜨면 날씨를 알려주고, 운전할 때 음악 듣는 걸 좋아하는 당신을 위해 차에 타면 블루투스를 연결해준다. 길을 걷다 새로 나온 영화 포스터를 만나면 예고편과 정보를 보여준다. Bixby Home, Bixby Routine, Bixby Vision은 바로 그런 일을 한다. 궁금한 걸 물으면 곁에서 즉각 답해줄 수 있고, 오늘의 할 일과 할 법한 일을 말해주는 나만의 비서. 당신은 물어보고 선택만 하면 된다. </p> </div> </div> </div> </div>  <div class="contents content-2"> <div class="cols-container vertical-mid-align"> <div class="cols-4 ml-1-col"> <div class="img-container"> <div class="img-box motion zoom-in" motion-pos="0.5"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10의 AR 이모지를 보여주는 이미지입니다.</figcaption> </figure> </div> </div> </div> <div class="cols-2 ml-1-col txt-holder motion set-1" motion-pos="0.6"> <h4 class="txt-sub-tit step-1 move-to-left">Hearts on Sleeves</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">말보다 표정</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 기분을 구구절절 설명하는 일은 이제 과거의 산물이 되었다. “이거 진짜 맘에 들어!” 말하느니 눈에서 하트 ‘뿅뿅’ 나오는 얼굴을 보내는 게 요즘의 일. 내 얼굴을 개성 있게 표현하는 갤럭시 S10의 AR 이모지는 나와 같은 표정을 짓고 같은 몸짓으로 움직인다. 내 감정과 상태를 알리는 빼어난 도구이자 즐거운 놀이라는 뜻. 잘 쓴 이모지 하나가 백 문장보다 낫다. </p> </div> </div> </div> </section> <section class="sec-6" id="section-6">  <div class="has-bg-con visual"> <div class="img-container"> <p class="blind">갤럭시 S10의 다양한 액세서리를 보여주는 이미지입니다.</p> <div class="img-box motion zoom-out" motion-pos="0.5"> <ul class="img-sequence"> <li class="img-1"> <figure class="mod-covered-bg"></figure> </li> <li class="img-2"> <figure class="mod-covered-bg"></figure> </li> <li class="img-3"> <figure class="mod-covered-bg"></figure> </li> <li class="img-4"> <figure class="mod-covered-bg"></figure> </li> <li class="img-5"> <figure class="mod-covered-bg"></figure> </li> <li class="img-6"> <figure class="mod-covered-bg"></figure> </li> </ul>      </div> </div> </div>  <div class="title"> <div class="svg-box motion" motion-pos="0.5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 594 158" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"> <defs> <mask id="mask5" x="0" y="0" width="594" height="158" > <rect x="-10" y="-10" width="604" height="170"/> <text class="txt-1" x="297" y="60">갤럭시 S10에 딱 맞게</text> <text class="txt-2" x="297" y="145">만든 옷 여러 벌</text> </mask> </defs> <rect x="-10" y="-10" width="614" height="178"/> </svg> <div class="white-box"> <div class="box box-1"></div> <div class="box box-2"></div> </div> </div> </div>  <div class="contents content-1"> <div class="cols-container"> <div class="cols-8 ml-1-col"> <div class="img-container"> <div class="img-box zoom-in motion" motion-pos="0.3"> <figure class="mod-covered-bg"> <figcaption>갤럭시 S10의 다양한 커버를 보여주는 이미지입니다.</figcaption> </figure> </div> </div> </div> <div class="txt-holder motion set-1" motion-pos="0.4"> <div class="cols-2 ml-2-col"> <h4 class="txt-sub-tit step-1 move-to-left">Perfect Slim-fit</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">옷이 날개</p> </div> <p class="cols-4 txt-paragraph-small space-mt-60-mob-only step-2 slide-in-up"> 누군가와 함께하는 시간에 폰을 뒤집어 두는 건 시대의 매너지만, 기다리던 연락이 왔는지 알고 싶은 마음은 어쩔 수 없다. 라이팅 이펙트를 접목한 LED Cover는 뒤집힌 폰에 아이콘으로 알람을 준다. 귀엽게. 갤럭시 S10e 시리즈만을 위한 Punching Cover는 촘촘한 틈새로 화려한 빛을 수놓는다. 깔맞춤은 물론, 믹스매치도 가능하게 하는 컬러 옵션은 덤이다. Protective Standing Cover는 고급 여행 트렁크처럼 튼튼하게 폰을 감싼다. 누워서도 앉아서도, 갤럭시와 안락한 여행을 할 수 있도록 두 가지 스탠딩 각도를 제안한다. 그 밖에 실리콘, 가죽 등 매끈한 소재로 만든 슬림한 커버를 여러 벌 준비했다. 아무리 오버핏 패션이 유행이래도, 스마트폰에는 역시 딱 맞는 슬림핏이다.</p> </div> </div> </div>  <div class="content-2"> <div class="cols-container vertical-mid-align-row-reverse motion" motion-pos="0.5"> <div class="cols-2 ml-2-col"> <h4 class="txt-sub-tit step-1 move-to-left">Let It Go</h4> <p class="sub-title txt-paragraph-small-bold move-to-left-2">고수는 흔적을 남기지 않는 법</p> <p class="txt-paragraph-small space-mt-30 step-2 slide-in-up"> 갤럭시 S10의 패키지는 대나무와 사탕수수 부산물을 연료로 만든 친환경 펄프다. 이 새로운 패키지는 당신이 갤럭시를 만나기까지 모든 구성품을 호위하는 임무를 다하고 깨끗하게 사라질 것이다. </p> </div> <div class="cols-5"> <div class="slider-container" motion-pos="0.5"> <div class="blind">갤럭시 S10의 친환경 패키지를 보여주는 이미지입니다.</div> <ul class="slider"> <li class="img-box"> <figure class="mod-covered-bg step-1 fade-in"></figure> </li> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> <li class="img-box"> <figure class="mod-covered-bg"></figure> </li> </ul> </div> </div> </div> </div> </section>  <section class="section-outro" id="section-outro"> <div class="has-bg-con"> <div class="cols-container vertical-mid-con motion" motion-pos="0.5"> <div class="is-full"> <div class="img-container"> <div class="img-box"> <figure class="mod-covered-bg"> <figcaption>다양한 색상의 갤럭시 S10이 나란히 서 있는 이미지입니다.</figcaption> </figure> </div> </div> </div> <div class="cols-2 ml-2-col vertical-mid-txt"> <p class="txt-paragraph-small"> Go to <a href="http://samsung.com" target="_blank">samsung.com</a> </p> </div> </div> </div> </section> </div> </div>  <div class="related-stories-wrap"></div>  <div class="footer_wrap"></div>  </div> <script type="text/javascript" src="../../../assets/js/common/header.js"></script> <script type="text/javascript" src="../../../assets/js/common/footer.js"></script> <script type="text/javascript" src="../../../assets/js/common/related_stories.js"></script> <script type="text/javascript" src="js/motion.js"></script> <script type="text/javascript" src="js/page.js"></script> <script type="text/javascript" src="js/shader.js"></script>  <script language="JavaScript" type="text/javascript" src="../../js/google_code_kor.js"></script> <script type="text/javascript"> googlePageTagging( 'WEDESIGN:galaxy-s10' ); </script>  <script language="JavaScript" type="text/javascript" src="../../js/s_code_microsite_kor.js"></script> <script language="JavaScript" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"></script><noscript><a href="http://www.omniture.com" title="Web Analytics"><img src="http://nmetrics.samsung.com/b/ss/sssamsung3global,sssamsung3mstglobal/1/H.24--NS/0" height="1" width="1" border="0" alt="" /></a></noscript>  <script type="text/javascript">  </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=192131135" async></script></body> </html>

CINXE.COM

Radical, Magical-갤럭시 S10-디자인 삼성