ONEPLUS官网与商城的交互设计

[vc_row full_width=“stretch_row” bg_type=“video” video_url=“https://co-ux-colin2020.oss-cn-shenzhen.aliyuncs.com/work-gallery/videos/7pro-first.mp4” video_poster=“id^5096|url^https://co-cn-wpjam.oss-cn-shenzhen.aliyuncs.com/img/OnePlus7Pro-kv-static-2.jpg|caption^null|alt^null|title^OnePlus7Pro-kv-static-2|description^null” viewport_vdo=“viewport_play” css=“.vc_custom_1754907173504{background-color: #000000 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” side_background_title_typo=“null” el_class=“clb__dark_section” title_typo=“null”][vc_column][vc_empty_space height=“30vh”][ohio_heading module_type_layout=“on_middle” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“T05FUExVUyVFNSVBRSU5OCVFNyVCRCU5MSVFNCVCOCU4RSVFNSU5NSU4NiVFNSU5RiU4RSVFNyU5QSU4NCVFNCVCQSVBNCVFNCVCQSU5MiVFOCVBRSVCRSVFOCVBRSVBMQ==” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.5vw%22%2C%22font_size_mobile%22%3A%222.5rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” heading_color=“#ffffff” title_typo=“{font_size:3.5vw,font_size_tablet:,``font_size_mobile``:``2.5rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:``#ffffff``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"][vc_empty_space height="30vh"][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="user"][vc_column width="1/4" css=".vc_custom_1754074313811{border-radius: 20px !important;}"][vc_empty_space height="6vh"][ohio_heading module_type_layout="on_left" heading_type="h4" subtitle_type_layout="without_subtitle" title="T05FUExVUyVFNyVCRCU5MSVFNyVBQiU5OSVFOCVBRSVCRSVFOCVBRSVBMSVFNyU5QSU4NCVFOSU4NyU4RiVFNSU4QyU5NiVFNiVBMCU4NyVFNSU4NyU4Ng==" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``1.5rem``,``font_size_tablet``:,font_size_mobile:,``line_height``:``2rem``,``line_height_tablet``:,line_height_mobile:,``letter_spacing``:,letter_spacing_tablet:,``letter_spacing_mobile``:,color:````,weight:inherit,style:inherit,transform:inherit,decoration:inherit,use_custom_font:false}”][vc_empty_space height=“3vh”][vc_empty_space height=“4vh” el_class=“clb__section_spacer”][/vc_column][vc_column width=“3/4” css=“.vc_custom_1753468131539{padding-left: 6vh !important;}”][vc_empty_space height=“11hv”][ohio_text text_typo=“null”]

下图可以左右滑动

[/ohio_text][ohio_carousel loop="0" item_desktop="1.5" content_styles=".vc_custom_1753468122154{border-radius: 20px !important;}"][ohio_carousel_inner title="Section 1" tab_id="1753270714008-d5f99c24-77d3"][vc_single_image image="232723" img_size="full" css=".vc_custom_1754896997440{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section 2" tab_id="1753270714016-32cc5284-6332"][vc_single_image image="232722" img_size="full" css=".vc_custom_1754897108312{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section4" tab_id="1753274592172-e4b44b05-09c9"][vc_single_image image="232721" img_size="full" css=".vc_custom_1754897099610{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section 3" tab_id="1753270714034-fa9c4243-769f"][vc_single_image image="232720" img_size="full" css=".vc_custom_1754897113840{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section5" tab_id="1753274726101-16239be2-0d68"][vc_single_image image="232719" img_size="full" css=".vc_custom_1754897139520{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section5" tab_id="1754897141928-fad308a4-5286"][vc_single_image image="232718" img_size="full" css=".vc_custom_1754897162691{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section5" tab_id="1754897164700-81c5c4f5-4206"][vc_single_image image="232717" img_size="full" css=".vc_custom_1754897185739{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section5" tab_id="1754897187689-9c81ac1a-c116"][vc_single_image image="232715" img_size="full" css=".vc_custom_1754897198389{border-radius: 15px !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="Section5" tab_id="1754897200242-2dfba245-c435"][vc_single_image image="232714" img_size="full" css=".vc_custom_1754897208058{border-radius: 15px !important;}"][/ohio_carousel_inner][/ohio_carousel][vc_empty_space height="8vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="Prototype"][vc_column][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][vc_row_inner][vc_column_inner width="1/3"][ohio_heading module_type_layout="on_left" heading_type="h2" subtitle_type_layout="without_subtitle" title="VVglRTclQTAlOTQlRTclQTklQjYlM0NiciUyMGNsYXNzJTNEJTIydmNfaGlkZGVuLXhzJTIwdmNfaGlkZGVuLXNtJTIyJTNFJTBB" heading_tag="h2" header_typography="%7B%22font_size%22%3A%222.5rem%22%2C%22font_size_mobile%22%3A%221.8rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:``1.8rem``,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.9)``,``weight``:``inherit``,``style``:``inherit``,``transform``:``inherit``,``decoration``:``inherit``,``use_custom_font``:false}"][/vc_column_inner][vc_column_inner width="2/3"][ohio_heading module_type_layout="on_right" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwVVglMjBSZXNlYXJjaA==" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``0.85em``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:``0px``,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``400``,``style``:``uppercase``,``use_custom_font``:false}"][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh" el_class="clb__section_spacer"][ohio_text text_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``1.6em``,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.85)``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]

Tips: 以下内容为figma嵌入，请等待加载，然后进行操作。

[/ohio_text][vc_empty_space height="4vh"][vc_row_inner css=".vc_custom_1754272465377{background-color: #000000 !important;border-radius: 20px !important;}"][vc_column_inner width="1/3"][vc_empty_space height="11vh" el_class="clb__section_spacer"][ohio_text text_typo="null"]一加电商UX Report[/ohio_text][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDc4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZDRlBKT3ZpY0lTcEl0T1hmTTBuSmZlJTJGT05FUExVUy0lMjVFNSUyNUI1JTI1OEMlMjVFNSUyNTg1JTI1QTUlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0QyNS0yNzQlMjZ2aWV3cG9ydCUzRC0yMzQlMjUyQzIzNDclMjUyQzAuMzIlMjZzY2FsaW5nJTNEbWluLXpvb20lMjZjb250ZW50LXNjYWxpbmclM0RmaXhlZCUyNnN0YXJ0aW5nLXBvaW50LW5vZGUtaWQlM0Q4NiUyNTNBMzkxNyUyNmVtYmVkLWhvc3QlM0RzaGFyZSUyMiUyMGFsbG93ZnVsbHNjcmVlbiUzRSUzQyUyRmlmcmFtZSUzRQ==[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_row_inner css=".vc_custom_1754272465377{background-color: #000000 !important;border-radius: 20px !important;}"][vc_column_inner width="1/3"][vc_empty_space height="11vh" el_class="clb__section_spacer"][ohio_text text_typo="null"]ONEPLUS官网用户类别与行为[/ohio_text][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDc4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZDRlBKT3ZpY0lTcEl0T1hmTTBuSmZlJTJGT05FUExVUy0lMjVFNSUyNUI1JTI1OEMlMjVFNSUyNTg1JTI1QTUlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0Q2Mi02JTI2dmlld3BvcnQlM0QtMTA0MyUyNTJDMjYzMyUyNTJDMC4zNyUyNnNjYWxpbmclM0RtaW4tem9vbSUyNmNvbnRlbnQtc2NhbGluZyUzRGZpeGVkJTI2c3RhcnRpbmctcG9pbnQtbm9kZS1pZCUzRDg2JTI1M0EzOTE3JTI2ZW1iZWQtaG9zdCUzRHNoYXJlJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_row_inner css=".vc_custom_1754272456728{background-color: #000000 !important;border-radius: 20px !important;}"][vc_column_inner width="1/3"][vc_empty_space height="11vh" el_class="clb__section_spacer"][ohio_text text_typo="null"]印度地区数据[/ohio_text][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDc4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZDRlBKT3ZpY0lTcEl0T1hmTTBuSmZlJTJGT05FUExVUy0lMjVFNSUyNUI1JTI1OEMlMjVFNSUyNTg1JTI1QTUlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0QzLTYlMjZ2aWV3cG9ydCUzRDUxOSUyNTJDMjM4MSUyNTJDMC4yOSUyNnNjYWxpbmclM0RtaW4tem9vbSUyNmNvbnRlbnQtc2NhbGluZyUzRGZpeGVkJTI2c3RhcnRpbmctcG9pbnQtbm9kZS1pZCUzRDg2JTI1M0EzOTE3JTI2ZW1iZWQtaG9zdCUzRHNoYXJlJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row side_background_title_typo="null"][vc_column][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][vc_row_inner][vc_column_inner width="1/3"][ohio_heading module_type_layout="on_left" heading_type="h2" subtitle_type_layout="without_subtitle" title="VVglRTglQUUlQkUlRTglQUUlQTElM0NiciUyMGNsYXNzJTNEJTIydmNfaGlkZGVuLXhzJTIwdmNfaGlkZGVuLXNtJTIyJTNFJTBB" heading_tag="h2" header_typography="%7B%22font_size%22%3A%222.5rem%22%2C%22font_size_mobile%22%3A%221.8rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:``1.8rem``,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.9)``,``weight``:``inherit``,``style``:``inherit``,``transform``:``inherit``,``decoration``:``inherit``,``use_custom_font``:false}"][/vc_column_inner][vc_column_inner width="2/3"][ohio_heading module_type_layout="on_right" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwVVglMjBEZXNpZ24=" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``0.85em``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:``0px``,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``400``,``style``:``uppercase``,``use_custom_font``:false}"][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh" el_class="clb__section_spacer"][ohio_text text_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``1.6em``,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.85)``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]

Tips: 以下内容为figma嵌入，请等待加载，然后进行操作。