网页材质设计

2021-06-04 分类：网站建设

网页材质设计

材质的运用会给设计带来面层感.它是设计中的触感元素。在网页设计中.材质虽然只停留在视觉层面，但它可以带给人物理上的幻觉。材质的应用可以为页面增添粗糙、平滑、坚硬、柔软等感觉。

在页面中应用材质的方法有很多种.例如:用于网页背景、用于强调某内容、为设计增加胜刻或蚀刻的感觉。若想设计出视觉效果好的页面.就需要了解材质设计的重要性.以下实例展示了背景色在纯色和材质情况下贞面设计的变化纯色设计的平面感较强.而材质的运用则加强了设计的层次感。

网页材质运用分析

下面通过对同一内容的不同背景设计来感受网页的材质效果。

1. 无背景色,无材质的原始页面

2. 使用简单格子材质页面

多数人在听到材质这个词的时候想到的是木头、皮毛、金属等效果，但实际设计中只要是任何可见的、非纯色的设计都属于材质的范畴。使用简单的几何格子作为背景，这种材质的运用虽然不一定是好的设计，但已经打破了该设计原先略显单调的背景。

3.使用灰色背景的页面

灰色是一种常见的背景色，它的色彩适应性很好，能够与多种不同的色彩搭配出较好的效果。如果使用时间太久会显得不够有新意，此时可以尝试加入一些材质设计。

4. 背景为密集规则团页面

图案排列非常密集.但如果做一些处理用作背景色时则比单纯的灰色更加丰富。在使用这类图案的时候应该格外注意。如果不降低色彩的强度则可能喧宾夺主。本实例中的背景色如果在大屏幕的显示器上可能会显得过于拥挤.在设计时应考虑这一问题。

最好的材质设计反而是容易被忽视的，因为当你希望设计的内容脱颖而出的时候就不能让背景太突出.否则用户的视线将被集中在背景上.肴不清页面上的其他内容。

页面的背景应该使用户感到放松.背景在贞面中是起衬托作用的。

5. 浅灰色背景页面

在页面背景使用一些中性色比纯自色更易于阅读。

这里浅灰色的背景颜色使背景色褪去一个层次从而使白底黑字的正文区域更加突出。但它和前而的灰色背谈存在类似的问题，即会引起视觉疲劳.如果加人一些自然材质则会有较大的改善。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容