[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=“JUU0JUJBJUE3JUU1JTkzJTgxJUU3JUFCJTk5JUU3JTlBJTg0VVglRTglQUUlQkUlRTglQUUlQTE=” 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 full_width="stretch_row" css=".vc_custom_1753302457235{background-color: #110F14 !important;}" side_background_title_typo="null" el_class="clb__dark_section" title_typo="null"][vc_column][vc_empty_space height="8vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1640000000001{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(255,255,255,0.2)"][ohio_heading module_type_layout="on_left" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwTUVOVQ==" heading_tag="h6" header_typography="%7B%22font_size%22%3A%221rem%22%2C%22weight%22%3A%22400%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:``1rem``,``font_size_tablet``:,font_size_mobile:,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:2px,letter_spacing_tablet:,``letter_spacing_mobile``:,color:rgba(255,255,255,0.6),weight:400,style:inherit,use_custom_font:false}”][vc_empty_space height=“6vh”][vc_row_inner][vc_column_inner width=“3/6”][vc_single_image image=“231779” img_size=“full” css=“.vc_custom_1753551071742{margin-bottom: 0px !important;border-radius: 15px !important;}”][/vc_column_inner][vc_column_inner width=“3/6”][vc_empty_space height=“11vh” el_class=“vc_hidden-lg vc_hidden-md”][ohio_text text_typo=“{font_size:3rem,font_size_tablet:2rem,font_size_mobile:1.8rem,line_height:1.8em,line_height_tablet:1.6em,line_height_mobile:1.6em,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:````,color:#ffffff,weight:600,style:inherit,transform:inherit,decoration:inherit,use_custom_font:false}”] 01 交互式详情页面欣赏 ↗

02 一个优秀的详情页指南 ↗ 03 视觉设计，恰当的美学表现 ↗ 04 工具与技巧 ↗ [/ohio_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="gallery" 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="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwMDEuJTIwSW50ZXJhY3RpdmUlMjBQYWdlJTIwRXhoaWJpdGlvbg==" 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_empty_space height="10px"][/vc_column_inner][vc_column_inner width="2/3"][ohio_heading module_type_layout="on_right" heading_type="h2" subtitle_type_layout="without_subtitle" title="JUU0JUJBJUE0JUU0JUJBJTkyJUU1JUJDJThGJUU5JUExJUI1JUU5JTlEJUEyJTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQSVFNiVBQyVBMyVFOCVCNSU4Rg==" heading_tag="h2" header_typography="%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:``3.65vw``,``font_size_tablet``:````,``font_size_mobile``:``2.25rem``,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"][/vc_column_inner][/vc_row_inner][vc_empty_space height="6vh"][ohio_text text_typo="{``font_size``:``1.6vw``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``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}"]
👇🏻 请把鼠标移入画面
[/ohio_text][vc_empty_space height="5vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row side_background_title_typo="null" title_typo="null" el_id="nord蓝色"][vc_column width="3/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZ3b3JrLWdhbGxlcnklMkZ2aWRlb3MlMkZOb3JkLUJsdWUtUENfMS5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjAlMjAlMjAlM0MlMkZ2aWRlbyUzRSUwQSUyMCUyMCUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][vc_empty_space height="11vh" el_class="clb__section_spacer"][/vc_column][vc_column width="1/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZ3b3JrLWdhbGxlcnklMkZ2aWRlb3MlMkZOb3JkLUJsdWUtbW9iaWxlXzEubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdmlkZW8lM0UlMEElMjAlMjAlM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEE=[/vc_raw_html][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="7Pro" title_typo="null"][vc_column width="3/4"][vc_raw_html css=""]JTBBJTBBJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHBvc3RlciUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZkYWlseS1pbWclMkZPbmVQbHVzJTI1MjA3JTI1MjAtY292ZXIud2VicCUyMiUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTNCJTIwdGhpcy5yZW1vdmVBdHRyaWJ1dGUlMjglMjdwb3N0ZXIlMjclMjklM0IlMjIlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBvbm1vdXNlbGVhdmUlM0QlMjJ0aGlzLnBhdXNlJTI4JTI5JTNCJTIwdGhpcy5zZXRBdHRyaWJ1dGUlMjglMjdwb3N0ZXIlMjclMkMlMjAlMjdodHRwcyUzQSUyRiUyRmNvLXV4LWNvbGluMjAyMC5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tJTJGZGFpbHktaW1nJTJGT25lUGx1cyUyNTIwNyUyNTIwLWNvdmVyLndlYnAlMjclMjklM0IlMjB0aGlzLmxvYWQlMjglMjklM0IlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0Nzb3VyY2UlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNvLXV4LWNvbGluMjAyMC5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tJTJGd29yay1nYWxsZXJ5JTJGdmlkZW9zJTJGN3Byby1maXJzdC5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjAlMjAlMjAlM0MlMkZ2aWRlbyUzRSUwQSUyMCUyMCUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][vc_empty_space height="11vh" el_class="clb__section_spacer"][/vc_column][vc_column width="1/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZ3b3JrLWdhbGxlcnklMkZ2aWRlb3MlMkY3cHJvLWZpcnN0LW1vYmlsZV8xLm1wNCUyMiUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRnZpZGVvJTNFJTBBJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBB[/vc_raw_html][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="4个移动端" title_typo="null"][vc_column width="1/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHBvc3RlciUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZkYWlseS1pbWclMkZPbmVQbHVzLXdlYmhvbWUtY292ZXIud2VicCUyMiUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTNCJTIwdGhpcy5yZW1vdmVBdHRyaWJ1dGUlMjglMjdwb3N0ZXIlMjclMjklM0IlMjIlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBvbm1vdXNlbGVhdmUlM0QlMjJ0aGlzLnBhdXNlJTI4JTI5JTNCJTIwdGhpcy5zZXRBdHRyaWJ1dGUlMjglMjdwb3N0ZXIlMjclMkMlMjAlMjdodHRwcyUzQSUyRiUyRmNvLXV4LWNvbGluMjAyMC5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tJTJGZGFpbHktaW1nJTJGMSUyNTJCdmlkZW9jb3Zlci53ZWJwJTI3JTI5JTNCJTIwdGhpcy5sb2FkJTI4JTI5JTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZjby11eC1jb2xpbjIwMjAub3NzLWNuLXNoZW56aGVuLmFsaXl1bmNzLmNvbSUyRjIwMjElMjUyMG9uZXBsdXMlMjVFNyUyNUE3JTI1QkIlMjVFNSUyNThBJTI1QTglMjVFNyUyNUFCJTI1QUYlMjVFOSUyNUE2JTI1OTYlMjVFOSUyNUExJTI1QjVEZW1vXzEubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdmlkZW8lM0UlMEElMjAlMjAlM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEE=[/vc_raw_html][vc_empty_space height="11vh" el_class="clb__section_spacer"][/vc_column][vc_column width="1/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tY24td3BqYW0ub3NzLWNuLXNoZW56aGVuLmFsaXl1bmNzLmNvbSUyRnZpZGVvcyUyRjgtTW8tZC1jLW9fMS5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjAlMjAlMjAlM0MlMkZ2aWRlbyUzRSUwQSUyMCUyMCUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][/vc_column][vc_column width="1/4"][vc_raw_html css=""]JTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHBvc3RlciUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZkYWlseS1pbWclMkZPbmVQbHVzLXdlYmhvbWUtY292ZXIyLndlYnAlMjIlMEElMjAlMjAlMjAlMjAlMjAlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwaGVpZ2h0JTNBJTIwYXV0byUzQiUyMGRpc3BsYXklM0ElMjBibG9jayUzQiUyMiUwQSUyMCUyMCUyMCUyMCUyMCUyMG9ubW91c2VlbnRlciUzRCUyMnRoaXMucGxheSUyOCUyOSUzQiUyMHRoaXMucmVtb3ZlQXR0cmlidXRlJTI4JTI3cG9zdGVyJTI3JTI5JTNCJTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUzQiUyMHRoaXMuc2V0QXR0cmlidXRlJTI4JTI3cG9zdGVyJTI3JTJDJTIwJTI3aHR0cHMlM0ElMkYlMkZjby11eC1jb2xpbjIwMjAub3NzLWNuLXNoZW56aGVuLmFsaXl1bmNzLmNvbSUyRmRhaWx5LWltZyUyRk9uZVBsdXMtd2ViaG9tZS1jb3ZlcjIud2VicCUyNyUyOSUzQiUyMHRoaXMubG9hZCUyOCUyOSUzQiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkYlMjVFOSUyNUE2JTI1OTYlMjVFOSUyNUExJTI1QjVob21lLm1wNCUyMiUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRnZpZGVvJTNFJTBBJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBB[/vc_raw_html][/vc_column][vc_column width="1/4"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMHN0eWxlJTNEJTIyd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjBhdXRvJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWVudGVyJTNEJTIydGhpcy5wbGF5JTI4JTI5JTIyJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwb25tb3VzZWxlYXZlJTNEJTIydGhpcy5wYXVzZSUyOCUyOSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGY28tdXgtY29saW4yMDIwLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZkYWlseS1pbWclMkZUVi1tby5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjAlMjAlMjAlM0MlMkZ2aWRlbyUzRSUwQSUyMCUyMCUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row side_background_title_typo=“null” el_id=“detail-guide”][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=“h6” subtitle_type_layout=“without_subtitle” title=“JUUyJUFDJUE0JTIwJTIwMDIuJTIwUGFnZSUyMERlc2lnbiUyMEd1aWRl” 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_empty_space height=“10px”][/vc_column_inner][vc_column_inner width=“2/3”][ohio_heading module_type_layout=“on_right” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU0JUI4JTgwJUU0JUI4JUFBJUU0JUJDJTk4JUU3JUE3JTgwJUU3JTlBJTg0JTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQSVFOCVBRiVBNiVFNiU4MyU4NSVFOSVBMSVCNSVFNiU4QyU4NyVFNSU4RCU5Nw==” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:3.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row side_background_title_typo=“null”][vc_column][vc_empty_space height=“8vh” el_class=“clb__section_spacer”][vc_row_inner][vc_column_inner width=“2/3”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“SS4lMjAlRTclQTElQUUlRTUlQUUlOUElRTQlQkQlQTAlRTclOUElODQlRTclOTQlQTglRTYlODglQjclRTclQjElQkIlRTUlOUUlOEI=” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%221.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}”][/vc_column_inner][vc_column_inner width=“1/3”][/vc_column_inner][/vc_row_inner][vc_empty_space height=“8vh” el_class=“clb__section_spacer”][/vc_column][/vc_row][vc_row side_background_title_typo=“null”][vc_column][ohio_text text_typo=“{font_size:1.1rem,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``:,weight:inherit,style:inherit,use_custom_font:false}“]我们首先要确定产品类型，只有这样我们才能开始做设计。通常，我们在数码领域，会把用户按两种方式分类。 首先是购买决策类型。[/ohio_text][vc_row_inner][vc_column_inner width=“1/3”][ohio_text text_typo=“{font_size:1rem,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``:,weight:inherit,style:inherit,use_custom_font:false}”]• 外观用户，也就是颜值导向的用户。 • 品牌用户，在购买决策的时候品牌信任度最强，优先购买认可的品牌，或者需要是品牌产品。[/ohio_text][/vc_column_inner][vc_column_inner width=“1/3”][ohio_text text_typo=“{font_size:1rem,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``:,weight:inherit,style:inherit,use_custom_font:false}”]• 功能型用户，通常也是性价比用户，在意功能导向，希望以最少的钱买到最多的功能。 • 口碑型用户，看中别人的推荐，口碑和评价是其主要的决策依据。[/ohio_text][/vc_column_inner][vc_column_inner width=“1/3”][/vc_column_inner][/vc_row_inner][ohio_text text_typo=“{font_size:1.1rem,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``:,weight:inherit,style:inherit,use_custom_font:false}“]以下四种颜色作为决策逻辑的区分。以下是案例：[/ohio_text][vc_empty_space height=“4vh”][vc_raw_html css=""]JTNDZGl2JTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kJTNBJTIwJTIzZjhmNmY5JTNCJTIwcGFkZGluZyUzQSUyMDQwcHglM0IlMjBib3JkZXItcmFkaXVzJTNBJTIwMTVweCUzQiUyMG1hcmdpbiUzQSUyMDIwcHglMjAwJTNCJTIyJTNFJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJkaXNwbGF5JTNBJTIwZ3JpZCUzQiUyMGdyaWQtdGVtcGxhdGUtY29sdW1ucyUzQSUyMHJlcGVhdCUyODQlMkMlMjAxZnIlMjklM0IlMjBnYXAlM0ElMjAyMHB4JTNCJTIwbWFyZ2luLWJvdHRvbSUzQSUyMDMwcHglM0IlMjIlM0UlMEElM0NkaXYlMjBzdHlsZSUzRCUyMnRleHQtYWxpZ24lM0ElMjBjZW50ZXIlM0IlMjBmb250LXdlaWdodCUzQSUyMDYwMCUzQiUyMGZvbnQtc2l6ZSUzQSUyMDEuMXJlbSUzQiUyMGNvbG9yJTNBJTIwJTIzMzMzJTNCJTIyJTNFJUU1JUE0JTk2JUU4JUE3JTgyJUVGJUJDJTg4JUU3JUJBJUEyJUU4JTg5JUIyJUVGJUJDJTg5JTNDJTJGZGl2JTNFJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJ0ZXh0LWFsaWduJTNBJTIwY2VudGVyJTNCJTIwZm9udC13ZWlnaHQlM0ElMjA2MDAlM0IlMjBmb250LXNpemUlM0ElMjAxLjFyZW0lM0IlMjBjb2xvciUzQSUyMCUyMzMzMyUzQiUyMiUzRSVFNSU5MyU4MSVFNyU4OSU4QyVFRiVCQyU4OCVFOSVCQiU4NCVFOCU4OSVCMiVFRiVCQyU4OSUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIydGV4dC1hbGlnbiUzQSUyMGNlbnRlciUzQiUyMGZvbnQtd2VpZ2h0JTNBJTIwNjAwJTNCJTIwZm9udC1zaXplJTNBJTIwMS4xcmVtJTNCJTIwY29sb3IlM0ElMjAlMjMzMzMlM0IlMjIlM0UlRTUlOEElOUYlRTglODMlQkQlRUYlQkMlODglRTglOTMlOUQlRTglODklQjIlRUYlQkMlODklM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBzdHlsZSUzRCUyMnRleHQtYWxpZ24lM0ElMjBjZW50ZXIlM0IlMjBmb250LXdlaWdodCUzQSUyMDYwMCUzQiUyMGZvbnQtc2l6ZSUzQSUyMDEuMXJlbSUzQiUyMGNvbG9yJTNBJTIwJTIzMzMzJTNCJTIyJTNFJUU1JThGJUEzJUU3JUEyJTkxJUVGJUJDJTg4JUU3JUJCJUJGJUU4JTg5JUIyJUVGJUJDJTg5JTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBBJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJkaXNwbGF5JTNBJTIwZ3JpZCUzQiUyMGdyaWQtdGVtcGxhdGUtY29sdW1ucyUzQSUyMHJlcGVhdCUyODQlMkMlMjAxZnIlMjklM0IlMjBnYXAlM0ElMjAyMHB4JTNCJTIwbWluLWhlaWdodCUzQSUyMDQwMHB4JTNCJTIyJTNFJTBBJTNDJTIxLS0lMjAlRTUlQTQlOTYlRTglQTclODIlRTclOTQlQTglRTYlODglQjclMjAtLSUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyYmFja2dyb3VuZCUzQSUyMCUyM2ZmYTNiNCUzQiUyMHBhZGRpbmclM0ElMjAyMHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDEwcHglM0IlMjBkaXNwbGF5JTNBJTIwZmxleCUzQiUyMGZsZXgtZGlyZWN0aW9uJTNBJTIwY29sdW1uJTNCJTIwanVzdGlmeS1jb250ZW50JTNBJTIwc3BhY2UtYmV0d2VlbiUzQiUyMiUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyZm9udC1zaXplJTNBJTIwMC45cmVtJTNCJTIwbGluZS1oZWlnaHQlM0ElMjAxLjRlbSUzQiUyMGNvbG9yJTNBJTIwJTIzMzMzJTNCJTIyJTNFJTBBJUU4JUJGJTk5JUU0JUI4JUFBJUU2JTg5JThCJUU2JTlDJUJBJUU5JTk1JUJGJUU1JUJFJTk3JUU1JUE1JUJEJUU3JTlDJThCJUU1JTk1JThBJTBBJTNDYnIlM0UlRTUlQjElOEYlRTUlQjklOTUlRTYlOTglQkUlRTclQTQlQkElRTYlOTUlODglRTYlOUUlOUMlRTUlQkUlODglRTUlQTUlQkQlRTglQUYlQjYlMEElM0NiciUzRSVFNiU4OCU5MSVFNSU5NiU5QyVFNiVBQyVBMiVFNyU5QSU4NElkb2wlRTQlQkIlQTMlRTglQTglODAlRTclOUElODQlMEElM0NiciUzRSVFOCVCRiU5OSVFNCVCOCVBQSVFNiU4OSU4QiVFNiU5QyVCQSVFNCVCOSU5RiVFNSVBNCVBQSVFNyU4MSVBQiVFNCVCQSU4NiVFNSU5MCVBNyUwQSUzQ2JyJTNFJUU1JUE0JUE5JUU1JTkxJTkwJTIxJTIwJUU4JTg3JUFBJUU2JThCJThEJUU2JTk1JTg4JUU2JTlFJTlDJUU1JUE0JUFBJUU1JUE1JUJEJUU3JTlDJThCJUU0JUJBJTg2JTBBJTNDYnIlM0UlRTYlOEIlOEQlRTclODUlQTclRTYlOTUlODglRTYlOUUlOUMlRTQlQjklOUYlRTUlQTQlQUElRTUlQkMlQkElRTQlQkElODYlRTUlOTAlQTclMEElM0NiciUzRSVFNSVCMSU4NSVFNyU4NCVCNiVFNiU5OCVBRiVFNSU5MiU4Q1hYJUU1JTkzJTgxJUU3JTg5JThDJUU4JTgxJTk0JUU1JTkwJThEJUU3JTlBJTg0JTBBJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBBJTBBJTNDJTIxLS0lMjAlRTUlOTMlODElRTclODklOEMlRTclOTQlQTglRTYlODglQjclMjAtLSUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyYmFja2dyb3VuZCUzQSUyMCUyM2ZmZGI3MCUzQiUyMHBhZGRpbmclM0ElMjAyMHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDEwcHglM0IlMjBkaXNwbGF5JTNBJTIwZmxleCUzQiUyMGZsZXgtZGlyZWN0aW9uJTNBJTIwY29sdW1uJTNCJTIwanVzdGlmeS1jb250ZW50JTNBJTIwc3BhY2UtYmV0d2VlbiUzQiUyMiUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyZm9udC1zaXplJTNBJTIwMC45cmVtJTNCJTIwbGluZS1oZWlnaHQlM0ElMjAxLjRlbSUzQiUyMGNvbG9yJTNBJTIwJTIzMzMzJTNCJTIyJTNFJTBBJUU2JTg4JTkxJUU1JThGJUFBJUU0JUI5JUIwJUU4JUJGJTk5JUU0JUI4JUFBJUU1JTkzJTgxJUU3JTg5JThDJUU3JTlBJTg0JUU2JTg5JThCJUU2JTlDJUJBJTBBJTNDYnIlM0UlRTYlODglOTElRTUlOEYlQUElRTQlQjklQjAlRTglQkYlOTklRTQlQjglQUElRTQlQkIlQjclRTklOTIlQjElRTclOUElODQlRTYlODklOEIlRTYlOUMlQkElMEElM0NiciUzRSVFNiU4OCU5MSVFNCVCOCU4MCVFNSU4RiVBRiVFNyU5NCVBOCVFOCVCRiU5OSVFNCVCOCVBQSVFNSU5MyU4MSVFNyU4OSU4QyUwQSUzQ2JyJTNFJUU2JTg4JTkxJUU1JThGJUFBJUU3JTlDJThCJUU5JTg3JThEJUU4JUJGJTk5JUU0JUI4JUFBJUU1JThBJTlGJUU4JTgzJUJEJTBBJTNDYnIlM0UlRTYlODglOTElRTQlQjklQTAlRTYlODMlQUYlRTQlQkElODYlRTglQkYlOTklRTQlQjglQUElRTclQjMlQkIlRTclQkIlOUYlMEElM0NiciUzRSVFNSVCMCVCMSVFOCVBNiU4MSVFNiU4OSU5MyVFNiVCOCVCOCVFNiU4OCU4RiVFNSVCRiVBQiUwQSUzQ2JyJTNFJUU1JTg4JUFCJUU2JUI1JUFBJUU4JUI0JUI5JUU2JTg4JTkxJUU2JTk3JUI2JUU5JTk3JUI0JTBBJTNDYnIlM0UlRTYlOUMlODUlRTQlQkMlOTAlRTYlODMlQTAlM0YlMjAlRTglQTElOEMlMkMlMjAlRTUlQjAlQjElRTglQkYlOTklRTQlQjglQUElMEElM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEElMEElM0MlMjEtLSUyMCVFNSU4QSU5RiVFOCU4MyVCRCVFNSU5RSU4QiVFNyU5NCVBOCVFNiU4OCVCNyUyMC0tJTNFJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kJTNBJTIwJTIzYjdkNmZmJTNCJTIwcGFkZGluZyUzQSUyMDIwcHglM0IlMjBib3JkZXItcmFkaXVzJTNBJTIwMTBweCUzQiUyMGRpc3BsYXklM0ElMjBmbGV4JTNCJTIwZmxleC1kaXJlY3Rpb24lM0ElMjBjb2x1bW4lM0IlMjBqdXN0aWZ5LWNvbnRlbnQlM0ElMjBzcGFjZS1iZXR3ZWVuJTNCJTIyJTNFJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJmb250LXNpemUlM0ElMjAwLjlyZW0lM0IlMjBsaW5lLWhlaWdodCUzQSUyMDEuNGVtJTNCJTIwY29sb3IlM0ElMjAlMjMzMzMlM0IlMjIlM0UlMEElRTglQkYlOTklRTQlQjglQUElRTYlQTAlQTclRTQlQkIlQjclRTYlQUYlOTQlRTYlOUIlQjQlRTklQUIlOTglMEElM0NiciUzRSVFNSVBRSU5OCVFNyVCRCU5MSVFNCVCOSVCMCVFNSVBNSVCRCVFNSU4MyU4RiVFNiU5QiVCNCVFNCVCRSVCRiVFNSVBRSU5QyUwQSUzQ2JyJTNFJUU4JUJGJTk5JUU0JUI4JUFBJUU1JThBJTlGJUU4JTgzJUJEJUU1JUFGJUI5JUU2JUFGJTk0JUU4JUI1JUI3JUU2JTlEJUE1JUU4JUJGJTk4JUU0JUI4JThEJUU5JTk0JTk5JTBBJTNDYnIlM0UlRTklODUlOEQlRTclQkQlQUUlRTUlQTUlQkQlRTUlODMlOEYlRTUlQjclQUUlRTQlQjglOEQlRTUlQTQlOUElMEElM0NiciUzRSVFNiU4QiU4RCVFNyU4NSVBNyVFNiU5OCVBRiVFOCVCRiU5OSVFNCVCOCVBQSVFNSU5MyU4MSVFNyU4OSU4QyVFOCVCRiU5OCVFNiU5OCVBRiVFOSU4MiVBMyVFNCVCOCVBQSVFNSVBNSVCRCUzRiUwQSUzQ2JyJTNFJUU1JUE1JUJEJUU4JUI0JUI1JTJDJTIwJUU2JTlDJTg1JUU3JTgyJUI5JUU1JUJGJTgzJUU1JThBJUE4JTBBJTNDYnIlM0UlRTklOTklOEQlRTQlQkIlQjclRTUlQTUlQkQlRTUlODMlOEYlRTYlOEMlQkElRTQlQjglOEQlRTklOTQlOTklRTclOUElODQlMEElM0NiciUzRSVFNiU5QyU4OSVFOCVCNSVBMCVFNSU5MyU4MSUyQyUyMCVFNSVBNSVCRCVFNSU4MyU4RiVFNiU4QyVCQSVFNSU4OCU5MiVFNSVCRSU5NyVFNiU5RCVBNSUwQSUzQ2JyJTNFJUU3JThFJUIwJUU1JTlDJUE4JUU1JTlDJUE4JUU1JTgxJTlBJUU2JUI0JUJCJUU1JThBJUE4JTJDJTIwJUU2JTlDJTgwJUU1JTg4JTkyJUU1JUJFJTk3JUU2JTlEJUE1JTBBJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBBJTBBJTNDJTIxLS0lMjAlRTUlOEYlQTMlRTclQTIlOTElRTUlOUUlOEIlRTclOTQlQTglRTYlODglQjclMjAtLSUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyYmFja2dyb3VuZCUzQSUyMCUyM2EzZjBhOCUzQiUyMHBhZGRpbmclM0ElMjAyMHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDEwcHglM0IlMjBkaXNwbGF5JTNBJTIwZmxleCUzQiUyMGZsZXgtZGlyZWN0aW9uJTNBJTIwY29sdW1uJTNCJTIwanVzdGlmeS1jb250ZW50JTNBJTIwc3BhY2UtYmV0d2VlbiUzQiUyMiUzRSUwQSUzQ2RpdiUyMHN0eWxlJTNEJTIyZm9udC1zaXplJTNBJTIwMC45cmVtJTNCJTIwbGluZS1oZWlnaHQlM0ElMjAxLjRlbSUzQiUyMGNvbG9yJTNBJTIwJTIzMzMzJTNCJTIyJTNFJTBBJUU1JUE0JUE3JUU1JUFFJUI2JUU5JTgzJUJEJUU2JThFJUE4JUU4JThEJTkwJUU4JUJGJTk5JUU0JUI4JUFBJTBBJTNDYnIlM0UlRTYlODclOTIlRTUlQkUlOTclRTYlOEMlOTElMkMlMjAlRTklOUElOEYlRTQlQkUlQkYlRTklODAlODklRTQlQkElODYlMEElM0NiciUzRSVFNSVCMCU4RiVFNyVCQSVBMiVFNCVCOSVBNiVFOSU4MyVCRCVFOCVBRiVCNCVFNSVBRSU4MyVFNSVBNSVCRCUwQSUzQ2JyJTNFJUU0JUJEJUEwJUU4JUFGJUI0JUU0JUI5JUIwJUU0JUJCJTgwJUU0JUI5JTg4JUU1JUIwJUIxJUU0JUI5JUIwJUU0JUJCJTgwJUU0JUI5JTg4JTBBJTNDYnIlM0VYWFglRTYlOEUlQTglRTglOEQlOTAlRTclOUElODQlRTUlOTMlQTYlMEElM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEE=[/vc_raw_html][vc_row_inner css=“.vc_custom_1640000000004{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: rgba(235,11,11,0.1) !important;border-radius: 10px !important;border-left-width: 4px !important;border-left-color: #eb0b0b !important;border-left-style: solid !important;}”][vc_column_inner][ohio_text text_typo=“{font_size:1.1rem,font_size_tablet:,``font_size_mobile``:,line_height:1.5em,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:600,style:inherit,use_custom_font:false}”]😊 注意：不同的场景和品类中，用户各个决策导向占比是会变化的[/ohio_text][/vc_column_inner][/vc_row_inner][vc_empty_space height=“6vh”][ohio_text text_typo=“null”]下图是我们对已有产品的用户占比分析的展示。[/ohio_text][vc_row_inner][vc_column_inner width=“1/2”][vc_single_image image=“231781” img_size=“full” css=“.vc_custom_1753631501533{margin-bottom: 0px !important;border-radius: 15px !important;}”][/vc_column_inner][vc_column_inner width=“1/2”][vc_single_image image=“231782” img_size=“full” css=“.vc_custom_1753631511536{margin-bottom: 0px !important;border-radius: 15px !important;}”][/vc_column_inner][/vc_row_inner][vc_empty_space height=“3vh”][/vc_column][/vc_row][vc_row side_background_title_typo=“null”][vc_column][vc_empty_space height=“8vh” el_class=“clb__section_spacer”][vc_row_inner][vc_column_inner width=“2/3”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“SUkuJTIwJUU4JUFFJUJFJUU4JUFFJUExJUU0JUJEJUEwJUU3JTlBJTg0JUU0JUJGJUExJUU2JTgxJUFGJUU3JUJCJTkzJUU2JTlFJTg0” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%221.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}”][/vc_column_inner][vc_column_inner width=“1/3”][ohio_button layout=“link” shape_position=“right” icon_use=“1” icon_position=“right” button_type_layout=“link” button_position=“right” button_use_icon=“1” button_title=“url:%23|title:%E6%9F%A5%E7%9C%8BFigma|target:_blank” button_title_typography=“%7B%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” link=“url:https%3A%2F%2Fwww.colinux.cn%2Foneplus8-2%2F|title:%E6%9F%A5%E7%9C%8B%E6%A1%88%E4%BE%8B|target:_blank” title_typo=“{font_size:,``font_size_tablet``:,font_size_mobile:,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}” title_typo_hover=“null”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=“3/5” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“3vh”][ohio_text side_background_title_typo=“null” text_typo=“null”]

我们最重要的环节是确认你产品的主要受众：
比如你的产品非常漂亮，外观设计花费了大量的精力，同时品质又非常的好。那么这个产品的定位必然就是高端类型的设计。
在页面设计中，优先强调其外观，设计获得的奖项，品质的认证。——第一信息优先级是外观+口碑信任类型为主。
不是其他不重要，而是比例占比的优先级。
右图展示了一个页面的各类型占比。比如页面一开始的banner就是红色（外观）为主，在里面同时需要具备品牌信任类信息+核心功能。
接下来后面也是一样，逐渐过渡到参数和外观为主。 这就是一个页面的占比的大致构架。
[/ohio_text][/vc_column_inner][vc_column_inner width="2/5"][vc_single_image image="231783" img_size="full" css=".vc_custom_1753645699092{margin-bottom: 0px !important;border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_empty_space height="6vh" el_class="clb__section_spacer"][ohio_text side_background_title_typo="null" text_typo="null"]错误的做法我们非常常见：

• 过多强调功能，强调性能的先进性，然后访客占比较高的是女性。 • 过多的调颜值和服务，但事实是以直男为主的用户。 • 价格较低的青春款，强调高品质和服务的白领为主的用户。

各种错误的示例非常多，做设计的时候，不能只看到好的案例和竞品是这么做，直接拿来主义的使用。而不研究清楚你的目标、受众是怎样的。[/ohio_text][vc_empty_space height=“6vh” el_class=“clb__section_spacer”][vc_row_inner css=“.vc_custom_1640000000004{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: rgba(235,11,11,0.1) !important;border-radius: 10px !important;border-left-width: 4px !important;border-left-color: #eb0b0b !important;border-left-style: solid !important;}”][vc_column_inner][ohio_text text_typo=“{font_size:1.1rem,font_size_tablet:,``font_size_mobile``:,line_height:1.5em,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:600,style:inherit,use_custom_font:false}”]

😊 我们需要做到的是：产品定位+目标受众，和信息结构与用户动线的绝对匹配！

[/ohio_text][/vc_column_inner][/vc_row_inner][vc_empty_space height="6vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][ohio_text text_typo="{``font_size``:``1rem``,``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``:````,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]
实在不知道受众的情况下，我建议了一份标准的万金油结构，大部分情况下不会太错误。
  • 外观第一，不管怎么样，先把最漂亮精致的外观放在前面。
  • 其次是信任第二，也就是把品牌认证，实力，安全认证这些作为第二优先级。
  • 功能第三，看详情就是奔着这个来的，所以展示功能非常重要。男性用户为主的话，建议放大参数，和核心文字。女性的话，重点更讲解决方案，场景，代言人这种。
  • 最后，参数和一些其他扩展阅读放在最后面。
 
下面是一个案例图示[/ohio_text][/vc_column][vc_column width="1/3"][ohio_button layout="link" shape_position="right" icon_use="1" icon_position="right" button_type_layout="link" button_position="right" button_use_icon="1" button_title="url:%23|title:%E6%9F%A5%E7%9C%8BFigma|target:_blank" button_title_typography="%7B%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" link="url:https%3A%2F%2Fwww.colinux.cn%2Foneplus-7-pro%2F|title:%E6%9F%A5%E7%9C%8B%E6%A1%88%E4%BE%8B|target:_blank" title_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}" title_typo_hover="null"][/vc_column][/vc_row][vc_row side_background_title_typo="null"][vc_column][vc_empty_space height="6vh" el_class="clb__section_spacer"][ohio_carousel offset_items="1" loop="0" item_desktop="2" pagination_show="0" navigation_buttons="0" css=".vc_custom_1753125100001{background-color: #f8f6f9 !important;border-radius: 25px !important;}" el_class="clb__wide_image_slider" content_styles=".vc_custom_1753648138508{border-radius: 15px !important;}"][ohio_carousel_inner title="wireframe1" tab_id="1753125100001-user-experience"][vc_single_image image="231785" img_size="full" css=".vc_custom_1753648037876{margin-bottom: 0px !important;}" el_class="clb__wide_scrollable_image" content_styles=".vc_custom_1753125300001{width: 5555px !important;height: 912px !important;max-width: none !important;object-fit: contain !important;}"][/ohio_carousel_inner][ohio_carousel_inner title="wireframe2" tab_id="1753542788771-cad84c4a-c850"][vc_single_image image="231784" img_size="full" css=".vc_custom_1753648025291{margin-bottom: 0px !important;}" el_class="clb__wide_scrollable_image" content_styles=".vc_custom_1753125300001{width: 5555px !important;height: 912px !important;max-width: none !important;object-fit: contain !important;}"][/ohio_carousel_inner][/ohio_carousel][vc_empty_space height="6vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row side_background_title_typo="null" title_typo="null"][vc_column][vc_row_inner css=".vc_custom_1640000000005{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: rgba(235,11,11,0.1) !important;border-radius: 10px !important;border-left-width: 4px !important;border-left-color: #eb0b0b !important;border-left-style: solid !important;}"][vc_column_inner][ohio_text text_typo="{``font_size``:``1.1rem``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``1.5em``,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``600``,``style``:``inherit``,``use_custom_font``:false}"]😊 有了用户优先级以后，详情页的前2-3屏以内，外观、信任、功能、口碑都必须都要有。[/ohio_text][/vc_column_inner][/vc_row_inner][ohio_text text_typo="{``font_size``:``1.1rem``,``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``:````,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]来访问你的页面的用户是一定有多种的，虽然有倾向性，但是还是一定要给各类用户都有喜欢的内容。

后面的体验原则，会更好的说明这一点，尤其是用户是如何浏览页面的。[/ohio_text][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=“2/3”][vc_empty_space height=“3vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“SUkuJTIwJUU0JUI4JTgwJUU1JUFFJTlBJUU4JUE2JTgxJUU4JUFFJUIwJUU2JUFEJUJCJUU3JTlBJTg0JUU3JTk0JUE4JUU2JTg4JUI3JUU2JUI0JTlFJUU1JUFGJTlG” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“4/5” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“MS4lMjAlRTclOTQlQTglRTYlODglQjclRTQlQkMlOUElRTclOUMlOEIlRTUlQTQlOUElRTUlQjAlOTElRTUlODYlODUlRTUlQUUlQjk=” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

面对网页，人们只有在对内容真正感兴趣的时候，才会逐字阅读。他们通常会快速地略读（尼尔森），寻找页面中突出的关键词、有用的标题、简短的段落，和易于扫视的列表。因为急着要找到他们想找的特定信息，他们会跳过跟自己无关的内容。

所以，不要指望人们会仔细阅读那些看起来既不易于扫视，又跟他们无关的内容。在网页上应该避免长篇幅文本、冗余说明、营销文案和客套话。
  1. 用户阅读方式： 用户在网页上通常不会逐字阅读，而是通过扫描页面来获取信息。他们会挑选出个别的单词和句子，快速浏览以寻找相关内容。这种行为使得用户对网页的阅读效率提高，但也意味着许多内容可能被忽略。
  2. 扫描行为的稳定性： 根据过去13年的眼动追踪研究，用户的基本扫描行为保持稳定，尽管网页设计不断变化。用户倾向于快速浏览页面，寻找对他们有吸引力的信息。
  3. 阅读时间限制： 在平均的网页访问中，用户通常只能阅读最多28%的文字，实际上更可能只阅读20%。这表明，用户的注意力有限，网页设计需要考虑如何在短时间内传达关键信息。
  4. 内容聚焦与实际阅读： 当网页内容能够帮助用户集中注意力在感兴趣的部分时，用户可能会从扫描转变为实际阅读。这种转变需要良好的内容布局和设计，以引导用户的注意力。
[/ohio_text][vc_empty_space height="3vh"][ohio_text side_background_title_typo="null" text_typo="null"]

用户的阅读少到什么程度？

[/ohio_text][/vc_column_inner][vc_column_inner width="1/5"][vc_single_image image="231786" img_size="full" css=".vc_custom_1753651950331{margin-bottom: 0px !important;border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][vc_single_image image=“231787” img_size=“full” css=“.vc_custom_1753655180674{margin-bottom: 0px !important;border-radius: 15px !important;}”][/vc_column_inner][vc_column_inner width=“1/2”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“Mi4lMjAlRTclOTQlQTglRTYlODglQjclRTQlQkMlOUElRTYlQkIlOUElRTUlOEElQTglRTUlQTQlOUElRTUlQjAlOTElRTUlQjElOEYlRTUlQjklOTUlRUYlQkMlOUY=” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

非常多的产品经理或者需求方，都喜欢把所有内容都全部放在第一屏，生怕别人看不到。认为第一屏之后的内容就不会有人看了。 在九十年代中期人们还不习惯滚动页面，但如今滚动页面绝对是很自然的事情。对于连续且篇幅很长的内容，比如一篇文章或一个教程，页面滚动的可用性甚至比分页显示更好。 所以不必把所有的内容都挤到主页的顶部或第一屏。不过为了确保人们会滚动，你需要遵循一定的设计原则，并且要让你的内容可以持续地吸引访问者读下去。同时要记住，第一屏的内容仍然会得到最多的注意力，而且当用户在考虑你的页面是否值得一看的时候，它也是至关重要的。 当前的用户习惯已经非常的习惯滚动。尼尔森的研究表明超过90%的用户会在进入页面后发生滚动。 后面的内容滚动多少和你的设计息息相关。

为了使用户继续往下滚动需要遵循3个原则：

1、避免完整性错觉 这篇文章详细讲述了什么事完整性错觉——Nielsen Norman Group：什么是网页设计中的完整性错觉，如何避免？https://www.jianshu.com/p/73223d86fb7a 设计中一定不要画面铺满屏幕而没有任何指示，实际上指示不如一开始就漏出要滚动的内容。关于滚动设计，本文末尾有相关研究。

2、避免重复错觉 当你的后续的内容，毫无变化且结构一模一样时，用户会很快建立认知，你后面都是这样，没什么好看的了。所以设计师长页面时，一定要出现巧妙的一些变化，不管是结构还是内容本身。最好，在恰当的滚动悬崖处增加兴趣的内。

3、最最重要的一条，就是内容结构吸引用户，在断崖处及时放置好的内容。 如下图所示，内容下跌的非常明显。

因此现在数码页面公式是：第一屏图(外观+价格+核心卖点)+第二屏-第三屏（主要卖点与核心外观）+后续几屏（大标题+参数+外观）。这样的结构基本能很快稳住滚动的下跌。 数码类产品往往都是看中功能性价比和外观为主，上面这个结构非常有效。
你需要依据自己的产品来构建你的滚动策略。
[/ohio_text][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“My4lMjAlRTclOTQlQTglRTYlODglQjclRTUlQUYlQjklRTQlQkIlODAlRTQlQjklODglRTUlODYlODUlRTUlQUUlQjklRTYlODQlOUYlRTUlODUlQjQlRTglQjYlQTMlRUYlQkMlOUY=” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

以上两点非常系统的介绍了用户行为。
一是，大部分情况下，用户是以略读进行阅读的，只会对自己有兴趣的进行停留。
其次，25%左右的用户会滚动到页面底部。但实际上，毫无意义的内容、对用户没吸力的内容，5%可能都无法达到。
那么需要更加精准的观察用户对哪些内容感兴趣。所以我们必须要还原热力图，以及观察录屏。这些都能更充分的理解和实践用户的行为。
对于数码站，以下是一些兴趣点。
  1. KSP用户会停留并阅读；
  2. 参数会是重点停留区域，如5000mAh容量，100W快充，256GB超大内存；
  3. 颜色切换选择会让大部分用户停留，并点击切换；
  4. 重点关心的外观，如皮质的细节，镜头模组会让用户额外有兴趣；
  5. 展示产品的界面部分，用户会仔细看界面——他想知道里面的功能操作细节；
  6. 信任和真实的内容会更好；
[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_empty_space height="3vh"][vc_single_image image="231788" img_size="full" css=".vc_custom_1753656708326{margin-bottom: 0px !important;border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“NC4lMjAlRTUlOEYlQUYlRTclOTQlQTglRTYlODAlQTclRTYlQjUlOEIlRTglQUYlOTUlRTQlQjglODAlRTUlQUUlOUElRTglQTYlODElRTUlODElOUElRTUlOTAlOTc=” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

可用性测试实在太重要了，他能让你完全规避掉非常多的，只有上线后才能知道的问题。这样一来，完全能够减少迭代和后期的修改。
而且不仅影响用户的访问体验，还直接关系到网站的成功与目标达成，例如转化率、用户留存率和品牌形象。根据研究，超过 50% 的用户会因网页难以使用而转向竞争对手。
[/ohio_text][ohio_text side_background_title_typo="null" text_typo="null" content_styles=".vc_custom_1753662803596{padding-top: 1vh !important;padding-bottom: 1vh !important;background-color: #584A38 !important;border-radius: 5px !important;}"]
😯 不管多么简陋和简单，可用性测试一定要进行。
[/ohio_text][ohio_text side_background_title_typo="null" text_typo="null"]
那么如何做好详情页的可用性测试？请务必满足以下条件：
  • 客观的事实和观察，比主观的表述更加重要
  • 能够看到热力图和操作录屏是最佳的
  • 对用户进行前期的类别判定
完整版本的可用性测试：
Step1：准备好你的DEMO，模拟越真实越好，在AI的帮助下，写一个HTML太容易了。
Step2：埋入Hotjar或者Clarity的代码，可以远程录屏和复现操作轨迹。
Step3：设计好你的可用性测试方案，包括目标、问题、链接、形式、数量、结果分析方式等等。
Step4：邀请目标用户点开你的测试页面吧
Step5：回收结果，并进行客观分析
以上是5个步骤，如果条件不允许怎么办呢？ 你的Figma原型，直接要求你同事里面符合目标用户的对象（且和项目没有利益关系的），然后他浏览一遍操作一遍，并观察下他的操作：
  • 尝试点击了哪里，做了什么操作？
  • 他的滚动速度是怎样的？
  • 他是怎么阅读的？哪些信息进行了停留
  • 他把哪些信息操作了
  • 是不是顺利的完成操作
  • 让他描述下这个详情讲了什么
[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_empty_space height="11vh"][vc_single_image image="231789" img_size="full" css=".vc_custom_1753662713925{margin-bottom: 0px !important;border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row side_background_title_typo=“null” el_id=“visual-design”][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=“h6” subtitle_type_layout=“without_subtitle” title=“JUUyJUFDJUE0JTIwJTIwMDMuJTIwVmlzdWFsJTIwRGVzaWdu” 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_empty_space height=“10px”][/vc_column_inner][vc_column_inner width=“2/3”][ohio_heading module_type_layout=“on_right” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU4JUE3JTg2JUU4JUE3JTg5JUU4JUFFJUJFJUU4JUFFJUExJUU0JUI4JThBJTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQSVFNiU4MSVCMCVFNSVCRCU5MyVFNyU5QSU4NCVFNyVCRSU4RSVFNSVBRCVBNiVFOCVBMSVBOCVFNyU4RSVCMA==” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:3.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}”][/vc_column_inner][/vc_row_inner][vc_empty_space height=“8vh” el_class=“clb__section_spacer”][ohio_text text_typo=“null” content_styles=“.vc_custom_1753720642477{padding-bottom: 8vh !important;}”]

美有各种各样的，的受众是最重要的。
每个画面其实都是在描述你受众的情况。他们会觉得是否喜欢和匹配。画面是在传递的情绪和讲述故事。 在ONEPLUS 7 Pro，是一款完整对称，无打孔的全面屏手机。我们想表达手机的完整美学，一种完美的比例和身体的性感。
强烈的光影、自然、性感、完美的线条。OnePlus 7系列的详情页所表现的就是产品的性感、完美的光影。
[/ohio_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_single_image image="231796" img_size="full" css=".vc_custom_1753717582688{border-radius: 15px !important;}"][vc_empty_space height="8vh" el_class="clb__section_spacer"][vc_raw_html css=""]JTBBJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMGF1dG9wbGF5JTBBJTIwJTIwJTIwJTIwJTIwJTIwc3R5bGUlM0QlMjJ3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMGF1dG8lM0IlMjBkaXNwbGF5JTNBJTIwYmxvY2slM0IlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0Nzb3VyY2UlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNvLWNuLXdwamFtLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZ2aWRlb3MlMkZPbmVQbHVzLURpc3BsYXktZGVza3RvcC5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjAlMjAlMjAlM0MlMkZ2aWRlbyUzRSUwQSUyMCUyMCUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][/vc_column][vc_column width="1/2"][vc_single_image image="231795" img_size="full" css=".vc_custom_1753717598605{border-radius: 15px !important;}"][vc_empty_space height="8vh" el_class="clb__section_spacer"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMGF1dG9wbGF5JTBBJTIwJTIwJTIwJTIwJTIwJTIwc3R5bGUlM0QlMjJ3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMGF1dG8lM0IlMjBkaXNwbGF5JTNBJTIwYmxvY2slM0IlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0Nzb3VyY2UlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNvLXV4LWNvbGluMjAyMC5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tJTJGT25lUGx1cyUyNTIwN1Byby1oaWdobGlnaHQta3YtMTIxMDQubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdmlkZW8lM0UlMEElMjAlMjAlM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEE=[/vc_raw_html][vc_empty_space height="8vh" el_class="clb__section_spacer"][/vc_column][/vc_row][vc_row css=".vc_custom_1753724671947{padding-top: 8vh !important;}" title_typo="null"][vc_column width="1/3"][ohio_text text_typo="null" content_styles=".vc_custom_1753720776573{padding-top: 8vh !important;padding-bottom: 8vh !important;}"]
当我们需要挑战者形象的时候，ONEPLUS的视觉是这样的
[/ohio_text][/vc_column][vc_column width="2/3"][vc_row_inner css=".vc_custom_1753724645537{background-color: #ffffff !important;border-radius: 20px !important;}"][vc_column_inner css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDY4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZYUGRCZzlDa1BNMjcxandWR0dKZ05jJTJGVU5JQ0UlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0QxNTQtNzE5JTI2dmlld3BvcnQlM0QtNDYlMjUyQy0yNDAlMjUyQzAuMDclMjZzY2FsaW5nJTNEbWluLXpvb20lMjZjb250ZW50LXNjYWxpbmclM0RmaXhlZCUyNmVtYmVkLWhvc3QlM0RzaGFyZSUyMiUyMGFsbG93ZnVsbHNjcmVlbiUzRSUzQyUyRmlmcmFtZSUzRSUwQQ==[/vc_raw_html][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text] [/vc_column_text][/vc_column][/vc_row][vc_row side_background_title_typo="null"][vc_column][ohio_carousel item_desktop="2.3" content_styles=".vc_custom_1753722358478{padding-top: 8vh !important;}"][ohio_carousel_inner title="Section 1" tab_id="1753286595587-a66aa101-1023"][vc_single_image image="231798" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 2" tab_id="1753286595647-94b6d8f1-6df2"][vc_single_image image="231797" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 3" tab_id="1753286595700-dd40c06e-99f7"][vc_single_image image="231799" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 4" tab_id="1753286595748-b1c39c7b-a629"][vc_single_image image="231800" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 5" tab_id="1753286595783-3fbcf3a5-2105"][vc_single_image image="231801" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 6" tab_id="1753722283216-a43741cc-d74f"][vc_single_image image="231802" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 7" tab_id="1753722280634-800b67f7-ddd4"][vc_single_image image="231803" img_size="full" css=""][/ohio_carousel_inner][ohio_carousel_inner title="Section 8" tab_id="1753722324922-25e0fec8-d8fe"][vc_single_image image="231804" img_size="full" css=""][/ohio_carousel_inner][/ohio_carousel][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row side_background_title_typo=“null” el_id=“tips-tools”][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=“h6” subtitle_type_layout=“without_subtitle” title=“JUUyJUFDJUE0JTIwJTIwMDQuJTIwU2tpbGxzJTIwYW5kJTIwVG9vbHM=” 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_empty_space height=“10px”][/vc_column_inner][vc_column_inner width=“2/3”][ohio_heading module_type_layout=“on_right” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU1JUI3JUE1JUU1JTg1JUI3JUU1JTkyJThDJTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQSVFNiU4QSU4MCVFNSVCNyVBNw==” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:3.65vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:,weight:inherit,style:inherit,use_custom_font:false}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU5JTlDJTgwJUU4JUE2JTgxJUU1JTg1JUE4JUU5JTkzJUJFJUU4JUI3JUFGJUU3JTlBJTg0JUU4JUFFJUJFJUU4JUFFJUExJUU3JUJCJTg0JUU1JTkwJTg4” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.2vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

设计需要从用户研究、信息结构、视觉效果、交互效果和动效设计全链路的实现。
我们不需要复杂的效果，那么也要用户行为研究+信息结构+交互动线+视觉设计+简易可用性测试这个流程才算比较完整。
这个组合，只需要UX设计师与视觉设计师既可以完成；
UX设计来完成用研、交互、动线、交互效果的设计；视觉设计师完成风格、主画面、各个模块的视觉UI设计。
由此，1+1组成UXD项目小队，以解决从用户研究，到最终设计实现上，全链路且端到端的设计。
[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_empty_space height="11vh"][vc_single_image image="231805" img_size="full" css=".vc_custom_1753725239457{border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][vc_single_image image=“231806” img_size=“full” css=“.vc_custom_1753725445347{border-radius: 15px !important;}”][/vc_column_inner][vc_column_inner width=“1/2”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU3JTk0JUE4JUU2JTg4JUI3JUU2JTk3JTg1JUU3JUE4JThCJUU1JTkyJThDJUU4JUJEJUFDJUU1JThDJTk2JUU2JUJDJThGJUU2JTk2JTk3JUU0JUI4JUJBJUU4JTkzJTlEJUU2JTlDJUFD” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.2vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

在设计过程中，始终考虑转化漏斗+用户旅程，这样的设计才能兼顾用户体验和业务目标。 我们需要优秀的用户旅程，这个旅程和业务模块高度挂钩，和商业目标贴合，也描述了用户体验和用户目标。

任何项目都会是用户旅程的一环，你解决哪个阶段的问题？会提升哪个商业指标？预估改进什么样的用户体验？设计并不是盲目的设计，而是有依据的设计。

 

[/ohio_text][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU0JUJEJUJGJUU4JUFFJUJFJUU4JUFFJUExJUU0JUJGJTlEJUU2JThDJTgxJUU5JTgwJThGJUU2JTk4JThF” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.2vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]只有保持高效的沟通，才能不断的优化并解决问题。

  • 和业务方保持沟通，以知晓是否满足转化漏斗，满足业务目标，扫除信息迷雾；
  • 经常和其他设计师保持沟通和让人批评，避免思维盲区；
  • 让其他人员经常来看一遍，随时保持“可用性测试”的状态；
客观的、解决问题、更好的用户体验才是我们的追求，保持对设计的持续开放态度，你会有越来越优秀的设计水平。[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_empty_space height="11vh"][vc_single_image image="231807" img_size="full" css=".vc_custom_1753725820311{border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][vc_raw_html css=""]JTBBJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMGF1dG9wbGF5JTBBJTIwJTIwJTIwJTIwJTIwJTIwc3R5bGUlM0QlMjJ3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMGF1dG8lM0IlMjBkaXNwbGF5JTNBJTIwYmxvY2slM0IlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0Nzb3VyY2UlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNvLWNuLXdwamFtLm9zcy1jbi1zaGVuemhlbi5hbGl5dW5jcy5jb20lMkZ2aWRlb3MlMkZPbmVQbHVzN1Byby1Ta2V0Y2gtZGVtb18xLm1wNCUyMiUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRnZpZGVvJTNFJTBBJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTNDJTJGZGl2JTNFJTBB[/vc_raw_html][/vc_column_inner][vc_column_inner width=“1/2”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU3JTg2JTlGJUU3JUJCJTgzJUU3JTlBJTg0JUU0JUJBJUE0JUU0JUJBJTkyJUU1JUJDJThGJUU5JUExJUI1JUU5JTlEJUEyJUU4JUFFJUJFJUU4JUFFJUExJUU2JThBJTgwJUU1JUI3JUE3” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.2vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null” content_styles=“.vc_custom_1753732341279{padding-bottom: 2vh !important;}”]

交互式设计是指，随着页面走动，设计哪些动态以及让用户进行交互来进行体验。
这其实是视觉动线的升级版本，让用户随着滚动，或者操作，或者浏览，能产生对应的效果变化。

以下是用户印象描点排序：

[/ohio_text][ohio_text side_background_title_typo="null" text_typo="{``font_size``:``1vw``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``400%``,``line_height_tablet``:``300%``,``line_height_mobile``:``300%``,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``inherit``,``style``:``inherit``,``transform``:``inherit``,``decoration``:``inherit``,``use_custom_font``:false}" content_styles=".vc_custom_1753733495427{padding-left: 3vh !important;background-color: #2D1C11 !important;border-radius: 15px !important;}"]
😈 交互行为 > 动画> 人物图片 > 产品图片 > 文字，
[/ohio_text][ohio_text side_background_title_typo="null" text_typo="null" content_styles=".vc_custom_1753732619360{padding-top: 2vh !important;padding-bottom: 2vh !important;}"]
在进行设计时，不要想着一次性到位，可以先是极其简单的效果进行设计。然后逐步的优化到想要的效果。例如左侧的案例。
[/ohio_text][/vc_column_inner][/vc_row_inner][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=“1/2” css=“.vc_custom_1753645996895{padding-right: 8vh !important;}”][vc_empty_space height=“11vh”][ohio_heading module_type_layout=“on_left” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“JUU1JUI3JUE1JUU1JTg1JUI3” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” title_typo=“{font_size:1.2vw,font_size_tablet:,``font_size_mobile``:``2.25rem``,``line_height``:,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”][ohio_text side_background_title_typo=“null” text_typo=“null”]

用户体验理论：Contentsquare，Usability blog，尼尔森诺曼 交互效果设计：AE+Principle
用户调研工具——Hotjar，Clarity；
点击测试工具——Chalkmark;
白模和渲染 —— Keyshot；
[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_empty_space height="11vh"][vc_single_image image="231808" img_size="full" css=".vc_custom_1753732044658{border-radius: 15px !important;}"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height="16vh"][/vc_column][/vc_row]