网页设计行业不断的在创造新的设计和新的产品，在这过程中许多设计师也乐于分享自己的心得体会。以下10篇文章是2018年上半年最值得阅读的网页设计好文，包括2018年的网页设计趋势、最佳的网页设计、视觉层级设计等。

1. https://medium.muz.li/web-design-trends-2018-a9bfa...

设计师们每年都在追寻最新的网页设计和潮流，生怕自己落伍了。所以几乎是所有的网页设计部落格都会在年初出一篇关于当年最流行的网页设计文章。从简约设计、响应性设计、卡片设计、动画效果设计等，每年都有不同的设计亮点，当然也会有相同的，比如简约设计、微动画设计。这篇文章写了16个网页设计的趋势，配上实例阐述，是一篇值得网页设计师好好阅读的文章，有哪些网页设计技巧你还未运用，还未实践的，都可以尝试下。

2. https://medium.com/webflow-design/in-web-design-ev...

无论是有很多年经验的还是新手网页设计师，他们常常会陷入诸多困境，比如现在各式各样的网页设计工具的出现，让人无从选择，就连最简单的上传图片和字体都有专门的书籍去阐述它们。我们以前学到的设计技巧已经变得不适用甚至是过时的，有的设计方法在几年前是不被赞成的，如今已经变得是“最佳设计实践”。我们不断在追寻新的设计，有时让我们感到无所适从。本篇文章谈论的是为什么网页设计的迅速发展让设计师们时常困惑，也讲述了网页设计如何再次变得简单。

3. https://www.mockplus.com/blog/post/website-wirefra...

在网站原型设计阶段，大家都会使用到原型设计工具。不论是纸笔，白板，或者原型设计软件。好的原型设计工具可以让你的工作事半功倍，并且达到最佳的视觉效果呈现，让客户和领导都满意。这篇文章为大家挑选了11款网站设计工具，总有一款工具是你喜欢的。

4. http://materialdesignblog.com/fall-in-love-with-ma...

材料设计一直是近几年的流行趋势，它使得网页颜色更鲜艳，动画效果更突出。材料设计不仅对网页有重大的改进，并且有助于推动设计行业向前发展。这篇文章讲述的是作者如何利用材料设计的概念进行网站设计，并向大家分享设计过程中遇到的所有资源。这些资源可以帮助你快速的使用Google的材料设计进行设计。

5. https://www.smashingmagazine.com/2017/11/comprehen...

现在的网页设计和APP设计更加注重的是用户体验，甚至已经成为每个设计师们“津津乐道”的概念。如何提升网站的用户体验是每个设计师头疼的问题，本文是由设计师大牛Nick Babich写的，文章重点介绍了如何通过用户体验的重要原则来设计出色的网站，文章从“用户旅程图”到个人页面的设计，并且还涵盖设计的其他重要方面的介绍，比如移动端考虑的因素和测试。如果要选择一篇关于“网页设计大全”的文章，这篇文章非常值得一看。

6. https://designmodo.com/learnable-web-design/

网站的“易学性”指的是用户访问你的网站能够迅速的提取和理解网站内容訊息。移动APP设计可以通过入门教程来解决这个问题，但网站不可能使用冗长教程来教用户使用。用户知道怎么浏览你的网站，但我们的目的是让用户怎么更舒适的使用网站。本文阐述的是如何使用“易学性”的原则来设计网站，涵盖最佳的实践和设计技巧。

7. https://www.mockplus.com/blog/post/ui-visual-hiera...

人都是视觉动物，接受到的视觉訊息比文字訊息更容易在人们脑海里留下深刻的印象。网站设计不仅要讲究用户体验设计，更要有良好的视觉设计。用户的第一印象很重要，所以设计一个视觉效果良好的网站，必须要懂得视觉层级设计的原则。本篇文章就是为大家提供了最佳的视觉层级设计原则和tips，加上实例的能够更好的为大家提供设计灵感。

8. https://coder-coder.com/learn-web-development/

我们经常在想：网页设计能真正的code-free吗？网页设计师需不需要学习代码知识？我的答案就是在还没有真正达到code-free之前，必须学习网页开发知识，但这不意味着你需要成为一个网页开发师，网页设计师和网页开发师大不同。网页设计师需要学习的是基础的开发知识，能够和前端交流无障碍。本文完全是为初次学习网页开发的设计师准备的，并且是2018年最新文章，手把手教你如何成为一名初级的网页开发。

9. https://www.mockplus.com/blog/post/website-mockup

网页设计必定离不开原型设计，原型设计能够帮助网页设计师更好的界定网站最终模型。我们常常做网站设计都会需要到模板，好的网站模板能够给设计师们很好的设计灵感，并且可以直接应用到自己的设计中。本文为大家整理了12款优秀的网站设计模板，这些网站设计资源都是精挑细选的，非常值得一看。

10. https://blog.hubspot.com/marketing/best-website-de...

根据调查显示，截止2018年6月，互联网上共有4500万个网站。但并不是每一个网站的网页设计都能让人愉悦，或者眼前一亮。真正能让人停留和欣赏的网站设计更是少之又少。本文为大家罗列了2018年20个优秀的网站设计，能够给大家一些设计灵感，非常值得借鉴。

11. https://1stwebdesigner.com/free-web-design-resourc...

（这篇文章是2017年时写的，但这些网页资源仍旧非常有用）

为了能够跟上设计的潮流， 我想所有的网页设计师都有收藏很多网页设计资源网站或者部落格网站。每天浏览这些网站确实能够受益良多，并且是值得花时间去做的事。这篇文章为大家罗列了80个免费的网页设计资源，包括网页设计灵感、颜色工具、免费的图片资源、免费的字体资源等等。

总结：

网页设计类的文章在网上比比皆是，这10篇文章我认为是2018年上半年写的最好的十篇文章，建议大家可以收藏。

---

【主页菌文末福利】领取Mockplus个人版限时体验！

Mockplus目前已支持发布到iDoc，原型接入产品工作流，增加了原型标注、评论、对比设计稿、全貌呈现等功能，我们准备了Mockplus个人版给大家体验！数量有限，先到先得！

• 专属激活码：Mock2019；
• 激活数量：限量150个；
• 有效期：2019年9月30日

激活地址：https://www.mockplus.cn/user/upgrade （登录/注册后输入激活码即可）

Plus，发布Mockplus原型到iDoc，还有更多惊喜等你抱走！