这10天网页设计的干货，掌握了新手都能做好设计！

许多初级网页设计师在刚进入这个行业时，往往有些细节做不好，导致整个画面看起来粗糙，没有质量。这些细节可能非常微妙，很容易被设计师忽略或忽略。当一些细节做得不好时，你的工作质量已经开始下降，所以你还应该注意界面的重新设计对细节的处理。

今天，我想分享10个实用的网页设计产品。关于网页设计有很多细节。这对新设计师来说是值得一看的。

好的设计原则可以很容易地被大众学习和实践。本文将介绍一些与设计技巧相关的基本知识，在阅读完这些后

也许您今天就可以使用它们了！

如果你不确定自己是否适合设计，请记住伟大的上帝关于学习新事物的观点：

我从未学过打鼓或之上过吉他课。我只想去做。我认为，如果你对某件事充满激情，充满动力和专注，你可以做任何你想做的事。

-Dave Grohl，foo Fighers

还记得grohls先生吗，你准备好开始今天的速成课程了吗？系好安全带，老司机会带你坐飞机。对比度不要太小

背景与内容的对比度要足够阅读，以免造成眼睛疲劳。一般来说，白底黑字最容易阅读。尽量不要使用浅灰色、黄色和绿色文字。如果你必须斜视才能看穿你自己的设计，那一定是出了什么问题。

深灰色比黑色更容易阅读

如果可以选择，建议使用讕333 RGB（51,51,51）代替纯黑色作为文本内容。纯黑色加上白色背景会使眼睛产生视觉抖动，使文本难以聚焦。

核心内容应突出显示

主页布局尤为重要，应用程序的主要功能应清晰显示。核心内容应该是显而易见的，你不需要缩放、滚动或点击就知道。

让我们看看市场之上视觉层次结构的一些好例子。

instagram（之下图右）的核心功能是希望用户之上传照片视频；pinterest（之下图左图）的核心功能是寻找和搜索灵感图片，所以搜索被放在最下方最显眼的位置。

让我们看看另外两个例子

spotify（之下图），为了让更多人接触到音乐专辑，播放页面之中的专辑封面被放在了最大程度之上，播放器控制被放在了第二重要的位置。然后，玩家控制的重要级别被分成第二个重要玩家控制。根据用户的实际需求频率，加大播放和暂停，减少快进快退。

Facebook（左）看起来更像instagram，把朋友的内容放在核心位置，因为社交网络是Facebook的核心业务。

10个网页设计产品。当你不熟悉这个行业时，你可以很好地设计。注意对齐所有元素

当你看到一个不舒服的设计时，首先要考虑的是对齐。当设计师强调需要使用“网格”架构时，他们实际上是在提醒团队对齐问题。

（译者注：新手设计师可以通过做看似简单的对齐问题，将设计提升到更高的水平！许多新人会刻意调整设计元素，以反映他们的设计。我刚开始的时候就犯了这样的错误。事实上，审美可以形成规律的东西。对齐不是一种限制，而是一种好的设计方法。）

调整对齐问题是任何网页或应用程序设计之中最有效的优化设计方法之一。只要做得好，效果马上就能提高10倍超过。

看看另一个对齐问题。这是一页中页。

这是我从medium找到的网页设计布局-你怎么看？（提示：注意对边对齐。)

在右侧，我突出显示了由于对齐问题而导致的视觉流，而在左侧，我只将所有主要内容右对齐。

5。掌握文本的大小和间距

我们不是为蚂蚁设计的。增加文本的大小和间距可以使内容更易于阅读和消化。

10网页设计产品可以很好地设计当你是一个新的行业

6。使用适当的布局

大多数应用程序或网站都会使用搜索，对于如何安排特定的搜索结果，也存在一些争议。

如果结果排序很重要，则列表视图最有效。