ONE AS A WHOLE

<!DOCTYPE html> <html lang="ko">  <head> <meta charset="utf-8"> <title>ONE AS A WHOLE</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, user-scalable=yes"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">  <meta name="title" content="ONE AS A WHOLE"> <meta name="description" content="Innovation means breaking away from familiarity. It is about changing the way we see and use things, which has the power to transform the way we live and think. Instead of another addition to the lineup of generic smartphones, we present a completely renewed and unique design of the Galaxy S8."> <meta name="keywords" content="Samsung, Samsung Electronics, Design, Galaxy S8, Smart phone, Meaningful Design"> <link rel="image_src" href="../../share/thumb/contents/share_thumb_103_200x200.jpg">  <meta property="og:title" content="ONE AS A WHOLE"> <meta property="og:description" content="Innovation means breaking away from familiarity. It is about changing the way we see and use things, which has the power to transform the way we live and think. Instead of another addition to the lineup of generic smartphones, we present a completely renewed and unique design of the Galaxy S8."> <meta property="og:image" content="../../share/thumb/contents/share_thumb_103_200x200.jpg"> <meta property="og:type" content="website">  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="ONE AS A WHOLE"> <meta name="twitter:description" content="Innovation means breaking away from familiarity. It is about changing the way we see and use things, which has the power to transform the way we live and think. Instead of another addition to the lineup of generic smartphones, we present a completely renewed and unique design of the Galaxy S8."> <meta name="twitter:image" content="../../share/thumb/contents/share_thumb_103_200x200.jpg">  <link rel="shortcut icon" href="../../share/thumb/contents/share_thumb_103_200x200.jpg">  <link rel="apple-touch-icon" href="../../share/thumb/contents/share_thumb_103_200x200.jpg">  <link rel="stylesheet" href="../../../assets/css/style.css"> <link rel="stylesheet" href="../../../assets/css/webfonts.css"> <link rel="stylesheet" href="css/page.css">  <script type="text/javascript" src="../../../assets/js/vendor/plugin/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/detect.js"></script> <script type="text/javascript" src="../../js/fowarding_API.js"></script> <script type="text/javascript" src="../../js/share_API.js"></script> <script type="text/javascript" src="../../../assets/js/common/viewport_API.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/plugin/jquery.easing.1.3.js"></script> <script type="text/javascript"> var content_index = 103; isDeviceRight_contents_fromWeb(content_index); function share_to_FB() { callShare('FB'); } // Facebook function share_to_GL() { callShare('GL'); } // Google+ function share_to_TW() { callShare('TW'); } // Twitter function share_to_PR() { callShare('PR'); } // Pinterest function callShare($sns_id) { var CON_INDEX = content_index; var TITLE = $('meta[name=title]').attr('content'); var DEC = $('meta[name=description]').attr('content'); var THUMB_SMALL = 'http://design.samsung.com/global/share/thumb/contents/share_thumb_103_200x200.jpg'; var THUMB_BIG = 'http://design.samsung.com/global/share/thumb/contents/share_thumb_103_pinterest.jpg'; share_contents($sns_id, CON_INDEX, TITLE, DEC, THUMB_SMALL, THUMB_BIG); } </script> </head> <body> <a href="#container" class="skip_nav">SKIP NAVIGATION</a> <div id="wrap" class="minify">   <div class="header_wrap"></div>  <div id="container"> <div id="content"> <section id="section-1" class="content-1"> <div class="bg-wrapper"> <ul> <li class="particle-holder pt-kv"> <img src="img/sec1_kv_particle0.png" alt="keyvisual particle0"> <img src="img/sec1_kv_particle1.png" alt="keyvisual particle1"> <img src="img/sec1_kv_particle2.png" alt="keyvisual particle2"> <img src="img/sec1_kv_particle3.png" alt="keyvisual particle3"> </li> <li class="particle-holder pt-sec2"> <img src="img/sec2_particle0.png" alt="keyvisual particle0"> <img src="img/sec2_particle1.png" alt="keyvisual particle1"> <img src="img/sec2_particle2.png" alt="keyvisual particle2"> <img src="img/sec2_particle3.png" alt="keyvisual particle3"> </li> </ul> </div> <div class="phone"> <div class="effect"> <img src="img/sec1_s8_effect.png" alt="Galaxy S8 Effect"> </div> <div class="frame"> <img src="img/sec1_s8_frame.png" alt="Galaxy S8 Exterior"> </div> <div class="frame-black"> <img src="img/sec1_s8_frame_black.png" alt="The bezel-less silhouette of Galaxy S8’s exterior"> </div> </div> <div class="inner-cont-wrap"> <span class="content-line left"></span> <span class="content-line right"></span> <div class="txt-holder"> <h1> ONE<br> AS A WHOLE </h1> <p>Galaxy S8 Design Story</p> </div> <div class="scroll-holder"> <a href="#" class="btn-box"> <div class="txt-scroll"> <img src="img/sec1_scroll.png" alt="scroll"> </div> <span class="content-line bottom"></span> </a> </div> </div> </section> <section id="section-2" class="content-2"> <div class="inner-cont-wrap"> <div class="txt-holder"> <p> Innovation means breaking away from familiarity. It is about changing the way<br> we see and use things, which has the power to transform the way we live and think.<br> Instead of another addition to the lineup of generic smartphones,<br> we present a completely renewed and unique design of the Galaxy S8. </p> </div> <span class="content-line left"></span> <span class="content-line right"></span> </div> </section> <section id="section-3" class="content-3 wide-bg"> <div class="bg-wrapper"></div> <div class="inner-cont-wrap"> <div class="txt-holder"> <h1>Oneness</h1> <h2> New value created from<br> one single design </h2> <p> The Galaxy S8 is a manifestation of holistic oneness.<br> Elements that felt needlessly mechanical have been eliminated to only<br> focus on the essence of the device itself, which resulted in a design<br> that merges the user and device as one. Extraordinary technology serves<br> as an innovative silhouette of the device as well as gives<br> users extended experiences. </p> </div> <span class="content-line center"></span> </div> <div class="mask-wrapper">  <div class="mask-box left"></div> <div class="mask-box right"></div> </div> </section> <section id="section-4" class="content-4"> <div class="inner-cont-wrap"> <ul> <li> <div class="img-holder"> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> <div class="thumb"> <img src="img/sec4_list_kv0.png" alt="Multiple Galaxy S8’s stand in unison to display a continuous image"> </div> <span class="content-line right onTrans"></span> </div> <div class="txt-holder"> <h1> Infinity Display </h1> <p> The Galaxy S8 uses the entire front panel as its display, leaving<br> a powerful silhouette that surpasses the limits of current devices.<br> The Home button has been removed to utilize its technical space<br> to expand user space and shatter the boundary between the device<br> and the real world. The 18.5:9 screen ratio maximizes immersion<br> and leads users to new experiences. </p> </div> </li> <li> <div class="txt-holder"> <h1> A grip<br> made from curves </h1> <p> A grip is defined by how well a device’s curves fit in a hand.<br> The subtle curvature of the device’s front, back, and middle<br> convene at each of the edges to form a perfect symmetry,<br> thereby virtually eliminating the bezel.<br> The curves are harmoniously synchronized with the rounded<br> edges to fit comfortably in a user’s hand. </p> </div> <div class="img-holder "> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> <ul class="bx-slider4-1"> <li> <img src="img/sec4_list_thumb0_0.png" alt="Galaxy S8 is held in one hand"> </li> <li style="display: none"> <img src="img/sec4_list_thumb0_1.png" alt="Galaxy S8 is held in one hand"> </li> </ul> </div> </li> <li> <div class="img-holder"> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> <ul class="bx-slider4-2"> <li class="list-thumb"> <div class="thumb"> <img src="img/sec4_list_thumb1_0.jpg" alt="The back side of Galaxy S8"> </div> </li> <li class="list-thumb"> <img src="img/sec4_list_thumb1_1.jpg" alt="An image of curves showing perfect symmetry"> </li> </ul> </div> <div class="txt-holder"> <h1> Glass flowing<br> like streams of water </h1> <p> The glass material has a glossy finish that naturally blends<br> in with the scene, rendering a brilliant reflection of<br> the world around you even while the device is off.<br> The flow of the glass material and the hidden rear camera<br> lens creates a sense of unified fluidity of the Galaxy S8 design. </p> <span class="content-line left"></span> </div> </li> </ul> </div> </section> <section id="section-5" class="content-5 wide-bg"> <div class="inner-cont-wrap"> <div class="txt-holder"> <h1>Harmony</h1> <h2>Capturing the beauty of<br> both harmony and individuality </h2> <p> Complicated, multi-layered connections and nuances are<br> prevalent throughout our society and culture.<br> Boundaries have diminished among various fields and<br> the desire to be unbiased about a particular region, gender,<br> or age is growing larger. The Galaxy S8 design is about<br> maintaining a natural balance that suits well with anyone,<br> instead of striving to appeal to specific preferences. </p> </div> </div> <div class="bg-wrapper"> <span class="content-line left top"></span> <span class="content-line left middle"></span> <span class="content-line right bottom"></span> </div> <div class="mask-wrapper">  <div class="mask-box left"></div> <div class="mask-box right"></div> </div> </section> <section id="section-6" class="content-6"> <div class="inner-cont-wrap"> <ul> <li> <ol class="img-holder clfix"> <li> <div class="thumb-wrap"> <img src="img/sec6_thumb0.png" alt="The colors of Galaxy S8 viewed from the back"> </div> </li> <li> <div class="thumb-wrap"> <img src="img/sec6_thumb1.png" alt="The colors of Galaxy S8 viewed from the back"> </div> </li> <li> <div class="thumb-wrap"> <img src="img/sec6_thumb2.png" alt="The colors of Galaxy S8 viewed from the back"> </div> </li> <li> <div class="thumb-wrap"> <img src="img/sec6_thumb3.png" alt="The colors of Galaxy S8 viewed from the back"> </div> </li> <li> <div class="thumb-wrap"> <img src="img/sec6_thumb4.png" alt="The colors of Galaxy S8 viewed from the back"> </div> </li> </ol> <div class="txt-holder"> <h1> Neutral colors<br> with<br> elegance<br> </h1> <p> Neutral colors blend in with our lives effortlessly<br> due to its balanced nature. Neutral colors provide<br> comfort by lowering the intensity of color saturation,<br> and at times can also create unforeseen beauty as<br> light touches the glass in various angles. </p> <p class="detail"> Midnight Black has great depth and is reminiscent of solid onyx, emphasizing a strong<br> sense of unity. The warm vibes of Arctic Silver and the golden profundity of Maple<br> Gold preserve the integrity of their original colors while bringing out the natural ease<br> of neutral colors. The calm and mysterious Orchid Gray and the muted brightness of<br> Coral Blue that is a reinterpretation of youthful sensibilities are colors that are trendy<br> yet balanced. </p> </div> </li> <li> <div class="img-holder"> <img src="img/sec6_list_kv1.jpg" alt="The cover made from Alcantara material"> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> <p> Accessories attract just as much attention as the device. The case<br> is made from Alcantara, a material that is soft yet doesn’t show signs<br> of wear and tear even after prolonged use. It fits in the palm easily<br> and exudes a sophisticated aura. </p> </div> <div class="txt-holder"> <h1> Accessories<br> harmonizing with<br> all spaces<br> and circumstances </h1> </div> </li> <li> <div class="img-holder"> <img src="img/sec6_list_kv2.jpg" alt="The translucent clear-cover"> </div> <div class="txt-holder"> <p> The translucent cover mixes and matches with the colors<br> of the Galaxy S8 and brings unexpected beauty into existence. </p> </div> </li> <li> <div class="img-holder"> <div class="img-con0"> <img src="img/sec6_list_kv3.jpg" alt="Various silicone covers showing vivid colors"> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> </div> <p> The silicone cover boasts vivid colors which are representative of the millennial generation.<br> With its flexible and unconstrained design, the Galaxy S8 becomes an object of everyday life<br> that adapts to any space or circumstance. </p> </div> </li> </ul>  <span class="content-line left middle"></span> <span class="content-line left bottom"></span> </div> </section> <section id="section-7" class="content-7 wide-bg"> <div class="inner-cont-wrap"> <div class="txt-holder"> <h1>Continuity</h1> <h2> A unified language<br> of design spoken<br> from the inside out </h2> <span class="content-line top"></span> <p> A product loses its sense of unity when the external hardware design and the internal software interface<br> design aren't cohesive. Only when a product feels cohesive can its design provide stability to the users.<br> Galaxy S8’s innovative exterior speaks a single language of design that seamlessly connect from the inside<br> to the outside, and again from the outside to the inside. </p> </div> </div> <div class="bg-wrapper"></div> <div class="mask-wrapper">  <div class="mask-box left"></div> <div class="mask-box right"></div> </div> </section> <section id="section-8" class="content-8"> <div class="inner-cont-wrap"> <ul> <li> <div class="txt-holder"> <h1> Visual experiences<br> stemming from<br> first impressions </h1> <p> Starting from the user’s initial interaction with the<br> Always on Display to the Lock and Home screen,<br> ambient visual effects of a galaxy are displayed throughout.<br> This beautiful first impression gently flows in the background<br> while the user interacts with the Galaxy S8. A series of<br> wallpapers based on differing CMF and mood as well as<br> the interactive galaxy effects respond differently to new angles<br> providing a sense of infinite expansion and continuation<br> that is felt both from the exterior and within the display. </p> </div> <div class="img-holder"> <div class="phone"> <div class="movie"> <a href="#" class="video-inter"> <div id="btn-play"> <img src="img/btn_play.png" alt="play button"> </div> <div id="btn-pause"> <img src="img/btn_pause.png" alt="stop button"> </div> </a> <div class="phone-con"> <img src="img/phone_container.png" alt="The galaxy effects responds differently to different angles"> </div> <span id="dim"></span> <video width="720" height="1480" poster="img/video_poster.png"> <source src="video/AOD_LOCK_HOME_APPS_640.mp4" type="video/mp4"> <source src="video/AOD_LOCK_HOME_APPS_640.webm" type="video/webm"> </video> <div class="phone-con-sh"> <img src="img/phone_container_sh.png" alt="The galaxy effects responds differently to different angles"> </div> </div> </div> <span class="content-line top"></span> <div class="back"></div> </div> </li> <li> <div class="txt-holder"> <h1> One Continuous<br> Experience </h1> <p> The Galaxy S8 Home screen features a totally new design,<br> including icons, search bar, and even weather widgets,<br> that altogether provide a sleek impression to its users.<br> The icons are designed using a concept called ‘Light & Line’,<br> which cuts a part of the visual line so that real life shadows<br> and light are mimicked. Users can feel One Continuous<br> Experience from the new soft Home button to the icons in the<br> display that all speak a single language of design.<br> <br> Users can move to apps from the Home screen using<br> a simple vertical swipe. It provides an easier and more<br> intuitive accessibility than previous Home screens<br> by unifying all methods of editing displays and offering<br> multi-selection modes. </p> </div> <div class="img-holder"> <img src="img/sec8_icons.jpg" alt="The design of new icons"> </div> </li> </ul> </div> </section> <section id="section-9" class="content-9 wide-bg"> <div class="inner-cont-wrap"> <div class="txt-holder"> <h1>Newness</h1> <h2> The beginning of a renewed<br> interface that understands its user </h2> <p> Over the past decade, interactions with smartphones<br> have mostly been touch-based. We introduce an evolved<br> next generation interface, Bixby, that responds to both<br> touch and voice. Users can freely and seamlessly choose<br> the way they want to interact based on their environment.<br> Pressing the newly added button on the left side of the device<br> will provide optimized information, and speaking to the device<br> while holding the button will understand the user’s rhythm<br> and pace to get the task done. Bixby is constantly evolving,<br> so the longer users interact with it the more Bixby becomes an<br> essential confidant of our daily lives. </p> </div> </div> <div class="bg-wrapper"> <span class="content-line top"></span> </div> <div class="mask-wrapper">  <div class="mask-box left"></div> <div class="mask-box right"></div> </div> </section> <section id="section-10" class="content-10"> <div class="inner-cont-wrap"> <ul> <li> <div class="txt-holder"> <span class="content-line left"></span> <h1> Bixby understands and<br> takes care of you </h1> <p> Bixby analyzes voice patterns and provides information in a card format<br> that is appropriate to the context. When you turn on Bixby while heading<br> home after work, it will display a calendar card about family gatherings,<br> or a contact card of a close friend you speak to at that time. Users can<br> retrieve needed information from each card without having to access<br> the app every time. </p> </div> <div class="img-holder"> <div class="back"></div> <div class="hand"> <img src="img/sec10_hand.png" alt="The operating screenof Hello Bixby"> </div> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> </div> </li> <li> <div class="prev-next"> <a class="left" href="#"> <img src="img/sec10_btnl.png" alt="이전 컨테츠 보기 버튼"> </a> <a class="right" href="#"> <img src="img/sec10_btnr.png" alt="다음 컨텐츠 보기 버튼"> </a> </div> <div class="slide-wrap"> <div class="bg-holder"></div> <div class="phone-light-holder"></div> <ol class="bx-slider10"> <li> <div class="txt-holder"> <h1> No need for perfect<br> articulation </h1> <p> Accessing all features through touch alone isn’t necessary.<br> Bixby is equipped to provide voice responding functions<br> that previously only have been accessed through touch.<br> A more natural voice interaction is enabled through<br> Partial Landing technology that comprehends users’<br> commands from the given context, and fills in the gaps<br> by presenting additional options. </p> </div> <ol class="list-thumb"> <li> <img src="img/sec10_slide_0_0.png" alt="Partial Landing screen of Bixby"> </li> <li> <img src="img/sec10_slide_0_1.png" alt="A 2nd view of Bixby’s Partial Landing screen"> </li> <li> <img src="img/sec10_slide_0_2.png" alt="A 3rd view of Bixby’s Partial Landing screen"> </li> <li> <img src="img/sec10_slide_0_3.png" alt="A 3rd view of Bixby’s Partial Landing screen"> </li> </ol> </li> <li> <div class="txt-holder"> <h1> Seeing more than<br> what is visible </h1> <p> Bixby can recognize images the user is seeing and provide<br> relevant information. Users can press the Bixby Vision icon<br> while turning on the camera or looking at an image<br> from the gallery to prompt a search regarding a product<br> or place that is shown on the screen or even recognize<br> and translate text. </p> </div> <ol class="list-thumb"> <li> <img src="img/sec10_slide_1_0.png" alt="Bixby Vision"> </li> <li> <img src="img/sec10_slide_1_1.png" alt="Bixby Vision"> </li> <li> <img src="img/sec10_slide_1_2.png" alt="Bixby Vision"> </li> </ol> </li> <li> <div class="txt-holder"> <h1> Bixby, telling you<br> what’s needed </h1> <p> Record any content or task you want to remember later<br> through Bixby to have it remind you later. Whether it's a<br> reminder to watch a video when you get home or simply<br> to do your laundry, just save the information on Reminder<br> and Bixby will keep you on track. </p> </div> <ol class="list-thumb"> <li> <img src="img/sec10_slide_2_0.png" alt="Bixby Reminder"> </li> <li> <img src="img/sec10_slide_2_1.png" alt="Bixby Reminder"> </li> <li> <img src="img/sec10_slide_2_2.png" alt="Bixby Reminder"> </li> <li> <img src="img/sec10_slide_2_3.png" alt="Bixby Reminder"> </li> <li> <img src="img/sec10_slide_2_4.png" alt="Bixby Reminder"> </li> </ol> </li> </ol> <p class="list-idx"> 1 of 3 </p> </div> </li> <li> <div class="img-holder"> <img src="img/sec10_list_kv2.jpg" alt="Galaxy S8 standing among neutral objects"> <div class="img-trans-box"> <div class="trans-box top"></div> <div class="trans-box right"></div> <div class="trans-box bottom"></div> <div class="trans-box left"></div> </div> </div> <div class="txt-holder clfix"> <h1> An expanded experience<br> that transcends beyond<br> the mobile into our daily lives </h1> <p> The next generation Bixby interface extends beyond the mobile environment.<br> The Galaxy S8 provides users a computing experience similar to a PC through<br> Samsung DeX, and with Samsung Connect,* users can also control Samsung home<br> appliances and SmartThings IoT devices released in 2017. Users can consistently<br> continue on with their mobile experiences that extend into their daily lives. </p> <span> *Samsung Connect is available in selected countries only. </span> </div> </li> </ul> </div> </section> <section id="section-11" class="content-11 wide-bg"> <div class="inner-cont-wrap"> <div class="txt-holder"> <span class="content-line right"></span> <p> The Galaxy S8 pushes boundaries and overcomes limits<br> to create a single, unified design that is more straightforward<br> and concise than any other tool that has ever been held in our<br> hands. All experiences come into unison through the Galaxy S8,<br> helping users advance toward discovering a new meaning<br> of their daily lives. </p> </div> <div class="common_btn"> <a href="download/galaxyS8_global.pdf" target="_blank" class="btn_download">PDF Download</a> <a href="http://www.samsung.com/sec" target="_blank" class="btn_go_sec"><span>Move to Samsung.com as new window</span></a> </div> </div> <div class="bg-wrapper"></div> <div class="mask-wrapper">  <div class="mask-box left"></div> <div class="mask-box right"></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="../../../assets/js/vendor/plugin/jquery.bxslider.min.js"></script> <script type="text/javascript" src="js/page.js"></script>  <script language="JavaScript" type="text/javascript" src="../../js/google_code_eng.js"></script> <script type="text/javascript"> googlePageTagging( 'productstories:galaxy_s8' ); </script>  <script language="JavaScript" type="text/javascript" src="../../js/s_code_microsite_eng.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=2&cb=1828051212" async></script></body>  </html>

CINXE.COM

ONE AS A WHOLE