网页设计技巧：3步提升网页品质

江山如画 • 2019年2月21日上午9:37 • 网页设计 • 阅读 11103

网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质，特别是活动或专题页面的视觉效果，请学习网页设计师必须知道的设计技巧：减法、分块、加法。

1.减法

网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的，这便是我们在网页设计方法中提到的特征。

2.分块

在功能划分前，进行网页分区前所要做的信息消化。比如我们希望一个更大的洗浴间，或者希望将客厅娱乐与卧室一体化，这时候我们可以在房子的基本大轮廓内，结合管道的基本设置进行空间的重新划分。分块的这个步骤主要是解决功能性问题。满足功能需要才使我们一切行为变得有意义。

3.加法

与分块解决的功能性问题相比较起来，加法解决的则是填充和装饰的问题。在做完分区并完善好了基础装修之后，我们就可以陆续将我们的生活用品搬进房子，配置家电、沙发什么的。这也正如我们网页设计中的内容填充。如果时间和金钱充裕我们可以购买符合自己个性的装饰物，调整灯光气氛等，让我们的生活环境看起来更有情趣也正如使我们的网页看起来更生动一样。它是一种锦上添花，它可以为你的视觉加分，但切忌过于繁重而影响到了功能的使用，必竟家不是博物馆，网页信息传播才是最重要的。

设计案例：

1、减法

原图

为了不使形态干扰到网页内容的表现，通常情况下，我们会先对物的形态进行简化，使其在保留特征的同时更适合之后内容的安置。简化的步骤有两个1.特征的提练，如案例中的棒球，它的特征有两个，一个是圆形的轮廓代表是一个球体，另一个是红色的缝线，代表它是一个棒球而非足球或篮球。

2.审查删除重复的描述。特征提炼后，在保留棒球特征的情况下，我们选择去掉其中一根缝线，为信息腾出更多可操作的空间。

2、分块

分块也便根据物的形态对网页的信息内容进行规划。主要有三个关键点。
1.对信息进行消化。在充分的理解信息对之后的排版和信息调整有很大的帮助。这时也可以和需求方进行沟通对信息进行微调或收纳。
2.在吃透信息后，我们就可以开始正式的分块，分块是一个逐层深入由粗到细的过程。
3.分块完成后，我们结合造型进行一定的信息和造型微调。

3、加法

进行加法前，网页大致的雏形已经出来了，之后加法的工作主要有四个。
1.具体内容的填充
2.气氛和视觉的补充，让整体效果更真实，如前景的人物添加始棒球的主题更明确，运动感更强。
3.特征的还原和细节补充。不得不承认信息高于装饰。在确保信息的完整性后，我们在不干扰信息呈现的情况下还原一些原来删去的细节，如背景缝线的还原，选择了低透明低饱合的浅灰色，让棒球更真实。