<p class="zw">当我们创建设计风格指南时,纹理指的是修饰方面,有助于让设计富有个性。纹理包括边界样式、阴影和容器的形状。当然,纹理有时也可以包括拟物设计纹理。所以当你需要时,可以制作人造革和撕纸边缘的效果。</p> <p class="zw">边框和间隔决定着纹理。我相信所有的网站设计中都包含了边框,它们可以是<code>solid</code>、<code>double</code>或者<code>dashed</code>形式。如果要设计一个复古的外观,我们甚至可以使用早起的CSS属性,如<code>groove</code>和<code>ridge</code>、<code>inset</code>和<code>outset</code>。</p> <p class="zw">再进一步,我们还需要决定边框的宽度,以及这些边框的宽度是否统一。对于一个设计,我们可能希望所有边框一样宽;或者,我们可能会采用不同的宽度来体现立体感。</p> <p class="图"><img alt="0619.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/48.jpg"></p> <p class="zw">另一个问题是,如何使用各种分界线样式来创建层次结构。在文章内部的元素<code>article</code>之间,我们可以使用虚线边界;在文章之间,可以使用实线;紧密的双边框可以表达一个层次结构。</p> <p class="zw">背景也会影响纹理。如何给内容区域阴影使用背景?我们会使用纯色?还是渐变?或者图案?</p> <p class="zw">盒子的设计可以使用纹理。我们把盒子做成圆角还是直角?如果是圆角,那么四个角的半径都是相等的?或者将其中一个角设计得更圆,创造出不寻常的形状?</p> <p class="图"><img alt="0620.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/49.jpg"></p> <p class="zw">按钮的外观关乎纹理。我们想让按钮在屏幕上看起来像个真实的物理按键吗?如果想要实现这种拟物化效果,按钮的光影应该是怎样添加?渐变会使按钮看起来很光滑?使用阴影能够将按钮从背景中突显出来吗?我们要不要给它们使用背景或使它们透明?我们会跟随时尚,并添加细的轮廓和大写按钮文本吗?</p> <p class="zw">我们如何对待内联图像?如何给它们添加细边框?如何添加白色粗边框来模拟宝丽来相片?图标采用什么风格?使用图形或手绘?</p> <p class="zw">这些有关纹理的设计决策,能让你的设计独一无二,它或有趣、或敏感、或严肃、或专业,但对用户总是友好的。</p>