昨晚20:00，木梅老师给我们带来了非常精彩的网页设计技巧。小A整理总结了老师的课程内容~错过直播的同学不要错过这篇文章哦~

直播亮点一览：

1、设计页面中，首屏高度不宜大于580像素。

2.焦点图像中的主题要显眼

3、画面中元素的光环境一致

4、裁剪图片时不能有毛边。

5.页面内容的优先顺序应清晰。

6.选择合适的材料

课程具体内容如下：

1、首屏最佳高度为580：

常见的分辨率和浏览器高度如下所示：

不同分辨率的用户比例不同，1024*768分辨率的用户比例达到29%。

把它们加起来：

建议在580PX高度范围内显示最重要的信息

允许用户直接在第一个屏幕上看到页面，而无需向下滚动。

2.标题需要足够显眼

下面这张图的标题是不是很明显？

要快速判断是否显眼，只需将网页脱色，看看站在远处是否能看得清楚。

显然，这张图的标题还不够明显。什么样的画面才引人注目呢？

下图：去色后依然清晰的标题就是明显的标题！

所以：

3. 光的一致性

当光线不一致时，整个图像就会显得很奇怪。

什么样的照片光线一致？

总结：

4. 切口边缘粗糙

镂空是否有毛边体现了设计的工作经验和水平。中软的一名高级设计师每天早上可以完成50个没有毛边的剪纸。你能告诉我，剪纸能代表设计水平吗？是的！至少抠图的水平代表了一个设计师的基本功！

使用魔棒或橡皮擦时很容易产生毛刺。那么AAA老师会推荐你用什么工具来剪切图片呢？

我们会在以后的公开课中告诉你~

5.页面内容的优先级要明确

上述话题中最突出的问题是什么？

混乱

修改后页面：

6、选择合适的材料

如何检查材质是否合适？删除文字，看看您是否能理解您想说的内容！

分解元素：

看完以上内容，你学会网页设计了吗？即使你还没学过，你也应该知道如何判断一个页面的质量！

想了解更多设计技巧吗？

加入我们的直播群一起学习：219461482