10条网页设计干货，刚入行也能做好设计

很多初级网页设计师，在初入行时，往往会有一些细节上的东西做不好，导致整个画面看上去粗糙没品质，这些细节可能是很细微的，很容易被设计师不重视或直接忽略掉，当加起来有几条细节没有做好，你的作品的品质已经开始下降，所以要做好界面同时也要注重设计细节的处理。

今天分享10条实用的网页设计设计干货，里面提到很多关于网页设计相关的微细节，对于初入行的设计师都值得一看。

好的设计原则是可以很容易被大众学习和实践的。本文将介绍一些设计技巧相关的基础知识，看完这些好的网页设计，说不定你今天就能用上！

如果你不确定自己适不适合做设计，请记住大神Dave Grohl关于学习新事物的看法：

我从未学过打鼓，也从未上过吉他课，我只是想做就去做了。我认为，如果你对某件事充满热情，有动力，有专注力，就能做好你想做的任何事。

—Dave Grohl,Foo Fighters

记住Grohls先生的话，准备好开始今天的速成班了吗？系好安全带，老司机带你飞：

1.对比度不能太小

背景与内容之间的对比度应该足够适合阅读，以免引起眼睛疲劳。通常，白色背景下的黑色文本是最容易读的，尽量不要用浅灰色，黄色和绿色的文字。如果你自己做完设计稿，不得不眯着眼睛才能看清，那就肯定是有问题了。

2.深灰色比黑色要更容易阅读

如果可以选择，推荐使用#333333 RGB(51,51,51)而不是纯黑色作为文字内容。纯黑色配上白色背景会让眼睛产生视觉抖动，让文字难以聚焦。

3.核心内容要突出

首页的布局尤为重要，应该要清楚的显示应用的主要功能。核心内容应该是显而易见的，而不需要通过缩放，滚动或点击等操作才能知晓。

4.注意对齐所有元素

当看到一个设计不舒服的时候，首先应该考虑到的就是对齐问题。当设计师们在强调需要使用”网格“体系时，他们其实是在提醒团队注意对齐问题。

5.把握文字的大小和间距

我们并不是为蚂蚁设计的。增大文字的尺寸和间距，能够使得内容更容易阅读和消化。

6.使用合适的布局形式

大多数App或者网站都会用到搜索，关于如果排布具体的搜索结果一直存在一些争议。

如果结果的排序很重要好的网页设计，那么使用列表视图是最有效的。

如果顺序无关紧要，而你希望你的应用是鼓励用户去发现（比如Pinterest），则使用网格视图更为合适。

7.先用黑白设计，后面再加颜色

使用黑白设计时，能更专注于解决和设计应用的核心体验。

而如果在做布局框架的同时，加入颜色，会引起一些情感上的干扰，会打断我们专注于核心问题设计上的能力。

8.打造舒适的设计

关于舒适的手势体位确实是一个需要注意到的问题

9.善用配色板

颜色的使用一门技术活。

10.使用IOS或者Google的系统规范

苹果和谷歌都为开发者提供了大量的UI组件和规范。

比如，像谷歌就提供了规范，组件，配色，图标等等，帮助你实现快速设计和开发。

最后记住，设计还需要大量的练习。

提高自己的审美和设计水平需要大量的时间和练习，但如果运用好上面所写的一些设计技巧，会让你在现在做出更好的设计。