京东网页设计思路

整体布局

网页总共分成四个大盒子，第一部分分成三个小盒子；第二部分分成左右两个盒子，然后左边的盒子分成三个小盒子_，右边的分成四个盒子，盒子里面又分别分成两个小盒子；第三部分分成20个盒子，然后里面根据元素的个数分为6个左右小盒子；第四部分分成四个小盒子。

细节设计

第一部分的第一个盒子里面设置一个图片，第二个盒子里有个小盒子设置图片，然后剩下的大格子设置text输入，第三个盒子设置登录链接。

第二部分左边盒子里第一个盒子里设置图片，第二个盒子里设置文字，第三个盒子里先设置文字，然后在里面再设置一个盒子装图片；右边部分四个大盒子里分别的两个小盒子分别装图片和文字。

第三部分每个盒子里面的六个盒子中第一个装文字，第二个装两个小盒子里面分别装图像和文字，第三个里面有一个strong盒子用来强调价格的个位以上的数，第四个里面装图像，第五和六个里面装文字。

效果设计

所有大盒子通过ps取色器设置示例网页的背景颜色和外框大小和圆角；设计合适的文字开始颜色和交互颜色，通过margin调整各个盒子框在大盒子里的位置来调整元素的位置，设置可隐藏文字在搜索框里；用float使得所有div盒子能够出现在同一行里，用position设置搜索框和菜单栏，使得滑动页面时可以始终在视觉范围内。