淘宝主页设计.docVIP

红字重点，黑字详解吐槽。 头部：重点的区域，直接影响导航、内容、底部的设计。确定了头部的设计，页面的整体风格基本就出来了。 1?很多时候会给头部顶个规则比如要多少高以内，必须看到产品，这样的限制过于局限，每个人的显示器大小有别，网购的人也基本了解页面内容的设置，设计完全可以灵活多样些。 普通头部 主推产品直接放头部 头部活动说明，营造氛围，不以产品为主 2?头部的设计尽量跟产品相关或者直接是产品本身，没事放个美女求点击那是很久以前的事情，且拉低转化率。 3?字体设计没事情少堆样式，描边投影斜面浮雕用不好就把页面打回90年代。 ? 导航：除非页面只有一到两屏（600PX一屏）或者只有一个分类，要么这个是很有必要的东西。必要的原因是，运营在DEMO里会经常遗忘（多有经验的运营都有可能遗忘），所有都做好之后又寻死觅活让你补上。设计务必盯紧了，死皮赖脸的让它们加导航，要不就是它们要你返工加。 普通的固定导航（必须的） 侧边浮动（添加和删除都比较随意，问题是会被笔记本一类小屏幕电脑遮挡，或者遮挡部分产品）只能做辅助导航使用。 被侧边遮挡的样子 底部导航（会一直存在页面底部随页面滚动，问题是开始时候会挡住部分图片，设计得花点会影响页面效果呈现，当用户使用导航的时候会产生一定寻找的时间和视线的跳跃，作为辅助可以，不要为主导航。） 页面内容 一般是文字或产品，特别的活动会有视频，游戏一类。这里以文字和产品为主。 文字的板式：做好区块、段落板块、标题文字、详细文字、文字与图片的分隔。主要方式是通过线条、图形、留白。 文字主要是通过让人阅读来了解具体内容，图片以及板式是方便更好了解内容的，无须让整个版面过于花俏，而且要注重留白，满是花纹图片的文字区域，往往更让人无法静下心去阅读了解文字。 产品内容的放置 这个简单又让我蛋碎很多次的东西。 基本的内容：产品图片、产品名称、产品价格、产品折扣价。 但让人郁闷的是还会出现：LOGO、产品描述、产品数量、产品销量、限量数、好评数、购买人数、折扣力度、赠品图片、赠品名称、店铺入口、（抽搐的）按钮和手、促销语、各种抢版面抢出头的装饰。 这一排东西其实很多可有可无的。因为很多时候分区已经分好了（比如五折区、3折区），有些用户并不关心，但是孔雀效应，很多运营会纠结的让你排上去挤得密不透风。过多的文字也会影响购物的情绪，甚至放弃浏览估计运营看到了这里也会回去跟设计师要加这些东西，如果这样我先跟设计师谢罪了。 除了内容，这些的排版也会让运营各种无法拿捏不确定，担心这个怕那个，我列一些常用的样式，参考着用。 特别声明 IPHONE图标上也有一堆手指，乔布斯会死得更早的，所以各位亲，不要再要求在按钮上放上抽搐的手了，好不容易快世界末日不用上班，一下又把我们拉到10年前，求死不能啊。这里帮设计师拜谢了。