淘宝网站的设计与排版

首先我们可以看出淘宝网站的排版是一种很正规的排版,而且淘宝网站的这个首页的图片大约占据将尽百分之七十左右,因为是买东西的,所以大部分东西都是带图片的,所以图片他们占据的百分之七十,因为是销售的网站,所以他的东西就比较多一些,然后我们看他的颜色搭配,颜色的搭配整体上面是用白色为主,灰色为背景,橙色为辅助色,然后排版是以图片为主的,然后因为是一个销售网站,所以图片比较多,这个网站的排版也是比较好的一种排版
在这里插入图片描述

现在我们开始看看淘宝网站的二级页面,二级网站有不少,我们先说说这个登录页面,
这个登录页面和一般的登录页面不一样,因为一般的登录页面都是只有几个框让你登录,然而这个页面却是在淘宝网的登录处放置一张图片,然后再在旁边让你登录,这样的登录方法不由的让人眼前一亮,从这个小小的细节处就可以吸引不少人的目光,然后我们看上面的通知,这个通知在那个位置不会让人觉得冲突,而且因为他的颜色以及他的边框会让人注意到他,但是却不会太过于引人注目,然后他使用的一个手机淘宝免费登录,但是下面还有一个密码登录,避免手机不在身边不能登录,在他下面还有一个注册账号,我们就去看看注册页面是什么样的吧
在这里插入图片描述
步骤,分别是设置用户名,填写账号信息,设置支付方式,注册成功这四个步骤,我们可以看到下面我们开始看看注册页面的排版,这个注册页面的排版有很多步骤,一共有四个这个页面的上面的项目框里面有交互设计,而且里面还有很多选择,让这个页面不那么单调,而且这个页面还使用通栏,让这个页面看上去比较好看一些,而且这个注册是使用的手机号码注册,就不会让一些不怀好意的人用他做其他的事情,在他的右边有一只小蜜蜂下面还有很多的常见问题,而且常见问题解决不了的话,我们还可以点击下面的点我提问去联系客服让客服回答你的问题
在这里插入图片描述
从下面这个网页我们可以看到这个网页的排版一目了然,因为这个网页的内容基本上都是字,只有个别几个是其他的,我们可以看见这个项目框没有使用通栏效果,然后我们看见这个网页的内容说的是分类,这个的分类可以看见分的很详细,在这我们只是列举了一小部分,但是只是一小部分也可以看出这个淘宝网页的详细,以及信息和物品的多种多样,而且就算我们没有找到自己要找的分类,我们一样可以在上面的搜索那个地方去找我们要找的,右边还有一个二维码,让我们下载这个网站的APP,就可以在手机上面自由的登录,这个排版有根有据的,就是以分类处的为主要排版,这个排版是一种左右对齐,上下对齐的,还有居中的效果
在这里插入图片描述
现在我们看看这个首页的物品点击进来的页面,没错就是下面这个小小的图,我们可以看见他是一个通栏的效果图,在最上方的位置有一个项目栏,项目栏上面有不少交互设计,比如说鼠标滑过去,在滑过去的有字的地方的字会变成红色,然后在项目栏下面有一个矩形,在矩形的上面有这个店铺的名字,以及他的店铺名言,在这个下面就是一张手机的图片,在右边还有这个手机的简单的介绍,在介绍下面有两个矩形,矩形里面的内容一个是他的价钱,6658元,还有一个就是查看宝贝,第一个的内容很明显,所以就不说了,但是第二个就是让你看看他的详细介绍,毕竟在这个页面这只有几句话,在旁边还有一个别人觉得好给你点的赞,在最下面就是一个灰色的矩形,放在下面让下面不会那么空荡荡的
在这里插入图片描述 好了,这个淘宝网站的设计和排版基本就是这样,我们这个网站就这样分析完了,其实这些网站的设计和排版都差不多,只要你细节注意好,就可以做出来了