老街口品牌网店视觉方案设计.pdf

湖南商务职业技术学院毕业设计

目录

1网店视觉设计需求分析1

1.1项目背景1

1.2项目需求分析1

1.3色彩设计1

1.4字体规范2

2网店页面原型图分析与设计方案3

2.1首页3

2.2搜索结果页5

2.3商品详情页5

2.4登录注册页6

2.5购物车7

2.6订单结算页8

2.7个人中心9

3网店页面视觉效果设计与制作10

3.1首页视觉设计与制作10

3.1.1设计思路10

3.1.2设计效果11

3.2搜索结果页视觉设计与制作14

3.2.1设计思路14

3.2.2设计效果14

3.3产品详情页视觉设计与制作14

3.3.1产品名称设计思路15

3.3.2产品名称设计效果16

3.4登录注册页视觉设计与制作18

3.4.1设计思路18

3.4.2设计效果18

I

湖南商务职业技术学院毕业设计

3.5购物车视觉设计与制作18

3.5.1设计思路18

3.5.2设计效果19

3.6订单结算页视觉设计与制作19

3.6.1设计思路19

3.6.2设计效果20

3.7个人中心视觉设计与制作20

3.7.1设计思路20

3.7.2设计效果21

4总结21

参考资料23

II

湖南商务职业技术学院毕业设计

老街口品牌网店视觉方案设计

1网店视觉设计需求分析

1.1项目背景

随着时代科技的进步，电商发展越来越迅速，越来越多的品牌都会建立自

己的网店。电商市场走进了稳定发展的阶段。我们熟悉的良品铺子，恰恰，三

只松鼠，百草味这些独立品牌都有着自己在各个平台上的网店，在网页上可以

查找到自己独立网页，品牌形象，产品宣传，我所选的品牌是老街口，成立于

2012年，这个品牌主要是宣传自己的品牌情感，让每个家庭都吃到实惠的老街

口，让每个家庭都可以回到童年的记忆，在这个电商行业发展如此蒸蒸日上的

时代，我们可以有着自己的一家属于自己独立能力购买的品牌网店，在各大平

台上都可以查询到我们的踪迹，如此可在电商行业，在未来的发展绝对会成为

一颗璀璨的星星。

1.2项目需求分析

老街口始创于2012年，主要经营的产品主要有瓜子、花生等坚果类食品

以及麻花、果脯、蜜饯类食品。如今有了12年的企业影响力，随着社会经济的

高速