【免费查看】当当网网站内容排版布局的设计师

　　【免费查看】当当网网站内容排版布局的设计师

　　当当网网站内容排版布局的设计师叫邵琰，武汉理工大学毕业。他从事网站/app设计十多年，在2010年下海创业，现在已经是一家排版设计公司的负责人。以下为他分享的关于排版设计和用户体验的经验，请大家点击“阅读原文”免费查看。公司的产品布局和风格要有视觉规范，icon的尺寸要跟着网站的主色调走，过大或过小都不好。

　　目前网站布局有以下几种方式：单列布局（独立在一个页面中），长方形布局（为了广告视觉效果），心形布局（三角形布局，显示上下要有间隔），动态布局（下面加一个动态按钮）。在网站上，你要给网站分一个区域，然后下面是网站给分了三块：首页、新品发布、搜索。首页适合用长方形和圆形组合来创建，如图四五两处，这个在设计和制作的时候，我们要注意时不时的查看网站里面的图片，就知道哪些需要放大，哪些是缩小。

　　这样做的一个好处是把服务器上的信息直接显示出来。这个是一个当时自己画的首页布局，然后后来后台要输出样式，就只有一份样式。这个布局怎么看起来都挺好看，但是下面的选择按钮什么时候放大，放多大，就不知道。做网站设计的时候，应该做一个有序的布局。最重要的是做内容风格统一的网站，然后注意导航和栏目的布局是否合理，在前端的时候给出首页和分类。

　　这样可以明确的告诉前端设计师，这个网站是通过什么图片和怎么做，才能显示出一个中心。比如首页，新品发布、搜索就很明确，首页第一个子页面是必须要有功能，然后在工具，最后是产品模块，这样布局，能有很大的视觉连接度。分区元素的间距、文字间距、字体字号、标题的位置、段落和段落间距、行间距、段落间距，这些都是需要考虑的。

　　当然，在设计的时候，要注意网站尽量页面内容做到清晰简明。然后视觉逻辑不要太死板，每个页面如果字体大小一样，字号一样，形状一样，大小也是一样的话，会造成非常不好的视觉效果。这就和字体图片的圆角有一定的关系。关于字体、字号和大小的基本控制你可以借助字体拉伸工具。在前端也是一样的，可以考虑全局字体和页面中某个地方使用某个字体。

　　在设计的时候，有一个很重要的工具就是要做一些排版规则的处理，不要为了美观而去加宽屏幕，如果客户的图片已经很小，我们就有必要对文字做一些处理。如果一张图片文字太小，如果用默认的全屏文字模式，以及全局小图来显示，这样对缩小文字是很不利的。我们要加大它的宽度，虽然实际上并不会缩小，但是通过调整其他元素的宽度，设置这些元素的width和height来增加宽度，这样就会更大，文字显示的也会显得更加清晰、舒服。这是我们。