移动界面布局设计详情页设计

移动商务视觉设计任务五详情页设计项目三移动界面布局设计1详情页的作用2移动端详情页设计要求3详情页的设计要点4详情页制作大纲详情页的作用1详情页的作用详情页的作用优化宝贝详情对转化率有提升的作用，但是起决定性作用的还是产品本身。商品详情页提高转化率的入口激发顾客的消费欲望树立顾客对店铺的信任感，打消顾客的消费疑虑促使顾客下单商品详情页就是对商品进行描述，主要体现在：A产品描述B节约客服沟通成本C有利于提高转化率D促进销售销售额=流量×转化率×平均客单价详情页直接影响转化率，进而影响销售额详情页的作用移动端详情页设计要求2移动端详情页设计要求移动端的流量特点时间碎片时间短频率高容易视觉疲劳基于用户特点，要求页面信息传达更加快速、精准、简洁。移动端对设计师的要求传统平面设计移动端设计考虑用户场景体验凸显设计感第一要务是让用户快速准确地看到想表达的内容，而不是你的设计很多PC端的详情页制作者，都会在PC端设计中强调视觉美感，为了营造设计美感，而弱化了信息传达，在移动端这里要转变思路。横屏向竖屏转变PC端横屏左中右的信息结构排版移动端竖屏×转变思维方式，建立竖屏思维模式文案标题正文字数建议尽量不要超过8个左对齐通过增加ICON图标，帮助用户快速理解页面内容。文案图文结合用户停留时间的缩短版式网页设计信息量越多版式就应该越简单，相反信息量越少版式可以做得更有创意。移动端让消费者一眼便懂我们想要传达的信息非常重要摒弃掉一些复杂花俏的版式避免给用户增加浏览负担单屏分割模式就比较适合移动端设计，类似于大热的卡片式设计。字体如果正文字数非常多，字号建议最小为18点尽量选择比较大的字体，便于在小尺寸屏幕也能很好地快速识别。思源黑体比较适合在移动端使用不同品牌调性差别很大，选择符合自己品牌风格的字体才是最重要的品牌调性传统品牌视觉规范VI侧重于对实体环境、印刷媒体的视觉规范，缺少对PC、手机等数字载体的直接指导。品牌调性对于希望建立品牌调性的电商卖家，一个完整的店铺品牌调性，包含页面产品包装详情页的设计要点3详情页的设计要点详情页的设计要点手机移动端产品详情页与PC端产品详情页有着同样的设计思路，同样需要遵循FABE等设计原则，手机移动端中产品详情页可以借鉴PC端中的产品详情页进行设计，在此基础上要结合手机移动端的特点，需要调控好描述文字的尺寸与叙述的简洁程度，否则过小或过密的文字会让手机用户不能很好地接收商品信息，从而造成流量的跳失。“”详情页的设计要点1.更为直接的表达手机移动端商品分类PC端商品分类PC端的产品详情页尺寸大、内容丰富、分层多，比如“新品推荐”、“搭配套餐”等信息，这些板块的设计对于手机移动端显得有些冗余，手机移动端必须在前三屏中对商品的卖点和重要信息进行清晰的描述。同样的信息PC端只需要一屏或是半屏就能展示完成，而手机移动端就需要占用好几屏的空间，这就意味着消费者要多滑动手机才可以看到，这会让消费者的体验大大降低，造成流量跳失。详情页的设计要点如图所示的手机移动端产品详情页，用了3屏去介绍网店其他的促销商品，到第四屏才出现了商品的信息介绍，这时消费者很容易失去耐心，所以一定要把握好促销活动出现的数量，否则得不偿失。详情页的设计要点详情页的设计要点2.跳转提示的说明要在手机移动端产品详