优秀网页设计的基础应该是什么呢？

<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　1.优秀的</span><a href="http://https://www.gzwzjs51.com/" target="_blank"><span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">网页设计</span></a><span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">应该简约，并且完整</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　设计大师往往都是哲学家，他们往往保持一种包容的设计态度，不会采用极端的设计方式，他们的设计往往是一种平衡之美。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　我们可以画出一个横轴，左边是简约、右边是完整，而最好的设计会聪明的选取中值。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　网页设计必须简约，任何无用的特质都必须移除；与此同时，网页设计必须能够满足用户需求。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　太简单的网页如果没有空能支撑，那么从里到外就真的是”空洞无物”了。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　太复杂的网页如果缺少简约的收束，那么便会”尾大不掉”，让用户阅读困难。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　“言简意赅”的设计才是好设计，一个设计师的掌控力得以体现。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　总结起来就是一句话：一个布局、风格具有简约美，同时又能提供大量有价值信息的网站必定受用户欢迎。</span>
</p>
<p align="center">
<img src="/upwz/2021101117190180.jpg" alt="" />
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　2.网页设计必须具备一致性</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　想像一下你作为网络浏览者时的经历：你在浏览网页时，一般都不会详细阅读内容，你会快速滑动页面，大致浏览一遍，如果看到感兴趣的信息便停下，进行仔细阅读。这是一种用户习惯。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　用户的这种阅读习惯意味着什么？这意味着设计必须具有高度的一致性，用户看到前面的布局，对后面的布局有一种”预期”：他会认为后面的页面布局也是如此，不要破坏用户的阅读节奏感。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　同样的，同一页面的各个元素以及各个子页面之间必须要具备一致的联系性，也就是说设计师的设计模式应该专一，再举个简单的例子，如果主页的导航栏布置在上方，子页面的导航栏布置在侧边，你认为用户会高兴吗？</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　3.将导航菜单作为交互的”核心”</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　上面已经提到过，各个页面的导航栏必须具备一致性。有时候，好的网页设计和差的网页设计差距就在导航菜单，好的导航菜单成就了一款设计，坏的导航毁灭了一例网站。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　每当用户有问题时，他都会习惯性的翻阅导航菜单，这也是用户习惯，要注意。个人认为，导航是网页设计的核心元素，影响到网站的交互性，至于要怎么设计，仁者见仁，智者见智了。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　4.留白和信息同样重要</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　“内容为王”、”内容至上”是吗？那我就提供大量丰富信息，把网站全部都填满。”这种设计思想真是大错特错，太片面了。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　你要有这样一种观念：留白也是设计的一部分，那些不使用的空间也能发挥其作用。从用户的角度来说，留白很好，让布局更有条理，信息更清晰。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　太刚强的事物容易折断，有张有弛才能长久。网页设计也是同理，多给用户一点阅读呼吸空间，让他们感受到网页设计的”节奏感”。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　5.用心的设计都有清晰的视觉层级</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　明智的设计师不光会创造内容，还知道如何高效组织内容，传递信息。视觉层级对于信息呈递来说异常重要，优秀的视觉层级还能帮助设计师强化设计理念。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　空间排布、间距使用、整体布局，关于这些的探讨已经够多</span><span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">了，归根结底，无非是为了打造优秀的视觉层级。</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　6.永远不要忽略字体</span>
</p>
<p>
<span style="color:#000000;font-family:" font-size:16px;line-height:2;"="">　　内容为王，那么内容是由什么包装的呢？答案是字体，这种小小的细节能造就大差异。字体的清晰与否决定了信息呈递的结果。</span>
</p>

[返回上一级]