详解网页设计图文组合的三种布局方式
-
怎样在网页中应用手绘风格，以改善网站的用户体验
手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望看到卡片是手写的，带着好友独特的笔迹，而不是用电脑打印出来的。一
-
解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面， 整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间公益404页面，在这里一起拿出来跟大家分享一下。
-
z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
左右排列
左右排列是指图片和文字在水平方向上排列，其中有左图右文和左文右图两种布局方式。
1、左图右文
左图右文同样因为图片的视觉冲击力和从左至右的浏览习惯，强调了图片的重要性。但相比于大图模式的上图下文，由于图片的变小，版面效率有所提高。而相比于多图模式的上图下文，同样因为图片的变小变窄使得文字信息有了更多的展示空间，能够更有效的传达信息，也因此对图片的质量要求没有那么高了。如下图：
同样是手机淘宝的商品列表，左图右文可以展示更多的商品描述信息。此外，我们还可以发现，在图片大小差不多的情况下，左右排列没有多图模式的上下排列展示的信息条目数多。也就是说，如果不缩小图片，左右排列的版面效率并不算很高。
2、左文右图
左文右图与前者最大的差别就是提高了文字信息的重要程度。相应的，由于图片重要度的降低，图片质量要求和图片大小也会有所降低，所以版面效率也会大大提高。这类布局常见于资讯类产品。如下图，UC头条，首页都是一些新闻，文字所传达出来的信息重要度远高于图片。
同时，因为图片的重要度不高，所以缩小了图片的尺寸，从而提高了版面效率。
左图右文和左文右图也是平时大家争论的比较多的点。简单来说，如果描述的是一样东西，那么图片重于文字，采用左图右文;如果描述的是一件事，那么文字重于图片，采用左文右图。
