微信平台的微商城视觉设计和运营搭建
摘 要移动互联网时代，电子商务和网络营销的发展迎来了巅峰时期，其中，具有强大纵深社交能力的微信，凭借其自身的各种优势，迅速发展起来，最新的腾讯微信的注册用户已多达6亿。微信跨时代的到来，不仅丰富了营销方式，其多样的营销功能也为商家带来了更多的选择，也让企业通过微信的运用感受到微信营销的巨大价值。本设计使用Adobe Photoshop CC，Adobe Illustrator CC作为设计制作平台，使用微信第三方系统作为搭建平台。在腾讯微信端进行展示和运营。论文共分为四个章节，第一章以课题背景出发，介绍了移动互联网时代微信的含义和用户对微信的定位。接着阐述了微商城的概念，并介绍了其主要功能。然后探讨并分析了本设计的实际意义和价值。第二章则从具体的实施软件及工具出发，介绍了软件的主要功能，同时也是为本设计的开发与设计提供技术支持。第三章围绕平面设计理论展开，通过字体设计方法、配色设计理论、视觉设计心理效应等，分析了界面设计理论在微商城设计中的重要性及其影响。最后在第四章，论文以“玛雅时尚化妆品销售商城”作为具体案例，从用户角度出发，兼顾视觉心理效应，以平面设计元素（图形、文字、配色）为基础实施对象，丰富并创新的设计了具有独特风格的微信商城。为企业开发设计微商城界面提供了可靠的技术支撑。良好的界面设计风格能够充分引起用户内心共鸣和感情认同，本设计通过研究微商城的界面风格，分析微信营销的模式及其价值，针对现有的商家平台，搭建出一个功能完善，界面设计形象丰富，有良好视觉效果、运行相对稳定的微商城平台。旨在为企业更好的进行微信营销、挖掘更多的商业价值提供参考。?
目 录
第一章 概述 1
1.1课题的研究背景 1
1.2课题的研究思路和方法 1
1.3课题的研究意义与价值 2
第二章 主要软件介绍 3
2.1 Photoshop 软件介绍 3
2.2 Photoshop 的基本功能介绍 3
2.3 Illustrator的简单介绍 4
第三章 采用的平面设计理论 5
3.1 UI设计在微信商城中注意的原则 5
3.2字体设计在页面设计中的方法 6
3.3配色设计理论的重要性 7
*好棒文|www.hbsrm.com +Q: &351916072&
3.4界面设计中应注意的视觉心理效应 7
第四章 设计实现 9
4.1商城logo设计 9
4.2商城主体风格设计 11
4.3商城banner设计 13
4.4商品详情页介绍 16
4.5商城配色方案统计 17
4.6商城底部识别设计 18
5.1微信第三方开发平台介绍 20
5.2嵌入搭建方法与运营介绍 20
结束语 24
致 谢 25
参考文献 0
第一章 概述
1.1课题的研究背景
移动互联网时代的到来是微信发展的首要因素，首先，什么是微信，微信一词是何种含义，不同的学者对此有不同的看法。普遍的观点认为，微信是深圳腾讯科技公司研制并推行的，通过智能移动端，例如智能手机、平板等，用户可以实现登录并使用。文字、图片、语音、视频等可以被直接使用和转发，微信可以单聊、群聊，以及通过摇一摇、搜索号码和附近的人、扫二维码等方式添加好友，并可以将内容分享给好友、分享到朋友圈，以及提供公众平台和消息推送等功能服务，基于流量无通讯费用的移动即时通讯应用程序。其次，什么是微商城？微商城，又被称之为微信商城，是基于微信而研发的一款社会化电子商务系统，同时又是一款传统互联网、移动互联网、微信商城、易信商城、APP商城五网一体化的企业购物系统。消费者只要通过微信商城平台，就可以实现商品查询、选购、体验、互动、订购与支付的线上线下一体化服务模式。
而微商城是基于目前的社交软件微信（Wechat）的一种传媒方式中的一种商业运用，微信当前优势的发展是一个商机，基于微信传播速度快捷，简单方便等优点，为商家提供一个平台，在这个简便、方便的平台里进行现代化的电子商务。同时利用微信的这个平台能够为商家提供行之有效的宣传方式，对商品在线上的推广提供积极的作用。线上的销售有着线下销售无法比拟的优势和特点。
1.2课题的研究思路和方法
研究内容：本设计的主要研究内容是通过界面设计在微信端微商城中得到良好的视觉审美效果和用户体验感。
研究思路：如图11，基于微信庞大的用户数量，以及微信开放的接口使得第三方平台的嵌入成为现实，通过对移动交互和平面设计的一定研究，将多方设计元素进行关联和结合，设计的主要创新点在于，把传统的平面设计理论与移动互联网的界面进行有机结合，以简约的商城设计风格抓住用户的视觉重心，以良好的体验感提高用户使用的黏性度，最后通过第三方平台嵌入，呈现出了VI形象鲜明，风格元素统一的个性化微商城。
图11 课题研究思路分析图
研究方法：结合优秀的界面设计案例，加以个人在企业中实习得到的宝贵经验，结合专业的平面设计理论基础，融入自身的体会和思想。对基于微信平台的微商城视觉设计和运营搭建进行了详细的研究和探索。
1.3课题的研究意义与价值
企业或商家在微商城领域实现战略性转型或成功的最大因素就在于其能否拥有个性化、专业化、视觉美观化、设计独特化的商城界面UI体系和用户体验感极佳的平台完善运营机制和商城整体风格搭建。
设计微信商城，使得商家或企业能拥有其独特的VI识别体系，统一的字体设计风格，独特并令人印象深刻的视觉设计。完善的商城购物机制，为打造商家或企业强大的VI核心竞争力，从而为企业更好的进行微信营销、挖掘更多的商业价值。
第二章 主要软件介绍
2.1 Photoshop 软件介绍
Adobe Photoshop，以下称之为“PS”，是由Adobe Systems开发和发行的一款功能强大的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。2003年，Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月，Adobe公司推出了新版本的Photoshop CC，自此，Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。截止2016年1月Adobe PhotoshopCC2015为市场最新版本。Adobe支持Windows操作系统 、安卓系统与Mac OS， 但Linux操作系统用户可以通过使用Wine来运行Photoshop。
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。
2.2 Photoshop 的基本功能介绍
工具简介：
1.移动工具：最基本的工具，负责移动图像位置、大小。
2.形状选区工具：负责建立形状状的选区，可以用来抠图。选区：建立选区后，只有选区内的图像可以修改。取消选区：ctrl+d3.套索工具：简单的来讲就是用线建立选区，一般用来抠图，用鼠标按住套索工具的图标会出现
3.套索工具：（1）套索工具：基本上没用，就是用手来画路径，跟铅笔差不多（2）多边形套索：路径都是直的，有点像钢笔，时候画多边形（3）磁性套索：路径会贴着图像“边”，适合控哪种不复杂的图形注：套索工具画出来的不是选区，是路径，路径闭合后才是选区。
目 录
第一章 概述 1
1.1课题的研究背景 1
1.2课题的研究思路和方法 1
1.3课题的研究意义与价值 2
第二章 主要软件介绍 3
2.1 Photoshop 软件介绍 3
2.2 Photoshop 的基本功能介绍 3
2.3 Illustrator的简单介绍 4
第三章 采用的平面设计理论 5
3.1 UI设计在微信商城中注意的原则 5
3.2字体设计在页面设计中的方法 6
3.3配色设计理论的重要性 7
*好棒文|www.hbsrm.com +Q: &351916072&
3.4界面设计中应注意的视觉心理效应 7
第四章 设计实现 9
4.1商城logo设计 9
4.2商城主体风格设计 11
4.3商城banner设计 13
4.4商品详情页介绍 16
4.5商城配色方案统计 17
4.6商城底部识别设计 18
5.1微信第三方开发平台介绍 20
5.2嵌入搭建方法与运营介绍 20
结束语 24
致 谢 25
参考文献 0
第一章 概述
1.1课题的研究背景
移动互联网时代的到来是微信发展的首要因素，首先，什么是微信，微信一词是何种含义，不同的学者对此有不同的看法。普遍的观点认为，微信是深圳腾讯科技公司研制并推行的，通过智能移动端，例如智能手机、平板等，用户可以实现登录并使用。文字、图片、语音、视频等可以被直接使用和转发，微信可以单聊、群聊，以及通过摇一摇、搜索号码和附近的人、扫二维码等方式添加好友，并可以将内容分享给好友、分享到朋友圈，以及提供公众平台和消息推送等功能服务，基于流量无通讯费用的移动即时通讯应用程序。其次，什么是微商城？微商城，又被称之为微信商城，是基于微信而研发的一款社会化电子商务系统，同时又是一款传统互联网、移动互联网、微信商城、易信商城、APP商城五网一体化的企业购物系统。消费者只要通过微信商城平台，就可以实现商品查询、选购、体验、互动、订购与支付的线上线下一体化服务模式。
而微商城是基于目前的社交软件微信（Wechat）的一种传媒方式中的一种商业运用，微信当前优势的发展是一个商机，基于微信传播速度快捷，简单方便等优点，为商家提供一个平台，在这个简便、方便的平台里进行现代化的电子商务。同时利用微信的这个平台能够为商家提供行之有效的宣传方式，对商品在线上的推广提供积极的作用。线上的销售有着线下销售无法比拟的优势和特点。
1.2课题的研究思路和方法
研究内容：本设计的主要研究内容是通过界面设计在微信端微商城中得到良好的视觉审美效果和用户体验感。
研究思路：如图11，基于微信庞大的用户数量，以及微信开放的接口使得第三方平台的嵌入成为现实，通过对移动交互和平面设计的一定研究，将多方设计元素进行关联和结合，设计的主要创新点在于，把传统的平面设计理论与移动互联网的界面进行有机结合，以简约的商城设计风格抓住用户的视觉重心，以良好的体验感提高用户使用的黏性度，最后通过第三方平台嵌入，呈现出了VI形象鲜明，风格元素统一的个性化微商城。
图11 课题研究思路分析图
研究方法：结合优秀的界面设计案例，加以个人在企业中实习得到的宝贵经验，结合专业的平面设计理论基础，融入自身的体会和思想。对基于微信平台的微商城视觉设计和运营搭建进行了详细的研究和探索。
1.3课题的研究意义与价值
企业或商家在微商城领域实现战略性转型或成功的最大因素就在于其能否拥有个性化、专业化、视觉美观化、设计独特化的商城界面UI体系和用户体验感极佳的平台完善运营机制和商城整体风格搭建。
设计微信商城，使得商家或企业能拥有其独特的VI识别体系，统一的字体设计风格，独特并令人印象深刻的视觉设计。完善的商城购物机制，为打造商家或企业强大的VI核心竞争力，从而为企业更好的进行微信营销、挖掘更多的商业价值。
第二章 主要软件介绍
2.1 Photoshop 软件介绍
Adobe Photoshop，以下称之为“PS”，是由Adobe Systems开发和发行的一款功能强大的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。2003年，Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月，Adobe公司推出了新版本的Photoshop CC，自此，Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。截止2016年1月Adobe PhotoshopCC2015为市场最新版本。Adobe支持Windows操作系统 、安卓系统与Mac OS， 但Linux操作系统用户可以通过使用Wine来运行Photoshop。
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。
2.2 Photoshop 的基本功能介绍
工具简介：
1.移动工具：最基本的工具，负责移动图像位置、大小。
2.形状选区工具：负责建立形状状的选区，可以用来抠图。选区：建立选区后，只有选区内的图像可以修改。取消选区：ctrl+d3.套索工具：简单的来讲就是用线建立选区，一般用来抠图，用鼠标按住套索工具的图标会出现
3.套索工具：（1）套索工具：基本上没用，就是用手来画路径，跟铅笔差不多（2）多边形套索：路径都是直的，有点像钢笔，时候画多边形（3）磁性套索：路径会贴着图像“边”，适合控哪种不复杂的图形注：套索工具画出来的不是选区，是路径，路径闭合后才是选区。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2124.html
