网页设计是网页开发过程的重要组成部分。如果你对网页设计感兴趣，我们猜你有创意。你怎么能不为跳进去制作你的第一个网站而感到兴奋呢？网页设计是关于制作一件功能性的艺术品 - 但你从哪里开始呢？如果您想知道在开始之前需要了解的内容，本指南将为您提供帮助。

为您的第一个网站设计选择一些基本内容
这似乎是一个不费吹灰之力的事情，对吧？但有时我们会过于雄心勃勃，最终感到沮丧。对于您的第一个项目，最好选择一些简单而有趣的东西。电子商务网站更复杂，一旦您有更多的经验，最好解决。

博客是一个很好的起点。这将是一个很好的设计练习，您将了解内容管理系统（CMS）的工作原理，这对于未来的网站设计非常重要。最重要的是，您不必从头开始。有很多博客模板可以很容易地将一个放在一起。

模板是一种有价值的学习工具。观察HTML，CSS和Javascript元素的样式和组合方式将使您更深入地了解设计的工作原理。您可以使用模板作为进行更改和自定义的基础。

也许你不想开始一个博客 - 试着从你的创造性追求或爱好中抽离出来。如何为您的摄影技巧或短篇小说集建立一个展示柜？创建一个以展示您的激情的设计，使第一个项目愉快。

从其他设计师那里寻找灵感



毫无疑问，您遇到的网站以其令人惊叹的设计让您惊叹不已。

创建一个灵感文档，其中包含指向您喜欢的网站的链接，或者随时为它们添加书签。Pinterest是一个寻找优秀网站设计的好地方 - 您可以找到并固定插图，书籍封面，海报，博客和其他类型的设计作品以供参考。设计师为这些系列使用术语“情绪板”。情绪板是一个快速参考资源，如果你发现自己卡住了。你会的。

除了你自己做出的发现之外，还有一些精选的收藏，你应该去看看。

Awwwards总是有新的和新鲜的工作和各种主题系列
Behance是网站设计工作的精彩汇编，重点是质量和创造力
Dribbble专注于个人设计师，提供一个论坛来获取反馈并与他人就他们的工作进行交流
当然，前往Webflow展示，看看人们使用我们的设计平台的各种方式。有这么多很酷的东西可以检查出来，还有这么多的模板可以克隆为你自己的模板。

在网络之外寻找灵感来源
网页设计由一种视觉语言提供信息，这种语言可以在任何地方找到，比如图画小说的封面或银行的数字信息亭。培养识别优秀设计的眼光，并开始分析为什么某些东西有效或不起作用，无论何种媒介。

注意排版
我们经常在阅读时甚至没有意识到字体。请注意类型在使用内容时的影响。菜单上的字体是否可读？是什么让这个手写字母的标志对当地企业如此有效？字母无处不在。记下排版的好坏用法。

Typewolf是一个很好的资源，可以密切关注流行的字体。它有很多列表可供探索，是当天的特色网站，以及具有壮观字体组合的Lookbook。看到正在使用的排版的实际示例是很有帮助的，像Typewolf这样的网站是查看其实际应用的好地方。熟悉不同的字体将帮助您为第一个网站设计选择正确的类型。


让美术影响你
哦，我们提到过有一整部艺术史可以借鉴吗？如此多的运动和艺术家仍然塑造着当今创意人员的作品，尤其是网页设计师。漫步在我们的网页设计和艺术史作品中，发现许多不朽的艺术成就。它不仅充满了有价值的信息，而且是内容和艺术如何结合在一起讲述故事的一个很好的例子。


了解艺术史将进一步扩展您的设计知识。
‍

研究不同类型的设计
有很多设计学科需要熟悉。产品设计，插图甚至品牌的知识可以进一步发展您的创意感官。

对于超越网页设计的灵感，Abduzeedo提供了绝佳的例子。无论是海报艺术，行李还是家具，您都会看到设计做得正确的绝妙例子。对不同类型的设计持开放态度，积极寻找灵感。您拥有的知识越多，设计您的第一个网站就越容易。教育为直觉提供信息。


Abduzeedo是一个多学科设计项目集合，展示了各个领域的良好设计实践。
‍

在开始之前准备好内容
将内容放在首位意味着在开始设计第一个网站之前准备好使用内容。

它不一定是完美的。您以后可以随时针对Google SEO（搜索引擎优化）进行编辑和优化。但是，至少要有一个将要上线的粗略草案将有助于确保设计布局以适应它。使用真实内容进行设计可以更好地表示网站的外观和功能。它还为您提供了在设计过程的早期进行更改的机会。

对于博客，您需要准备好在CMS中进行测试的帖子。在发布之前写几篇文章可以节省在事后写东西的麻烦。

保持设计简单直观
无论是写作，导航还是CTA，没有人愿意为您的设计而苦恼。

您的设计方法应植根于简单性和有序性。逻辑应该引导某人轻松浏览网站。由于我们谈论的是那些将与您创建的内容进行交互的人，因此这是介绍UX的好地方。

了解用户体验 （UX） 基础知识
网站不仅仅是空间中的浮动文本。配色方案，内容，排版，布局和图像都汇集在一起，为您的受众提供服务并激发情感。在你创造的数字空间中徘徊的人应该有一条没有障碍的清晰道路。

UX专注于了解您的受众。他们在寻找什么 - 您的设计将如何使查找它变得容易？UX是关于进入观众的头脑，并通过他们的眼睛看到你的设计。

在构建您的第一个网站时，请记住以下指导性UX原则：

让事情变得简单直观
在逻辑继承中传达概念
满足受众的需求，抵制以牺牲可用性为代价展示技能的诱惑
了解您的受众将帮助您根据他们的需求和需求制作量身定制的设计。查看我们的用户研究初学者指南，了解有关如何执行此操作的更多见解。

了解用户界面 （UI） 基础知识
如果你是网页设计的新手，你可能会对UI和UX之间的区别感到困惑。我们大多数人都是。知道这一点 - 它们是两个不同的概念。

当UX关注设计的整体感觉时，UI是关于细节的。如果你在电梯里，UI将是楼层按钮的大小和排列，而UX将包含电梯空间的颜色，纹理和其他室内设计选择。UI是关于为某人提供他们所需的工具，以体验您的网站而没有复杂性。

在构建您的第一个网站时，请记住以下UI原则：

交互式元素的功能应该很明显
统一性必须指导可用性 — 操作应遵循逻辑模式
设计选择应有明确的目的