2017年创建网站的11个便利资源【百科全说】

前言

准备好了要重新拾起被你搁置的网站了么？是时候把你的网站好好设计一番发布出来了！不管它是一个简单的博客还是更复杂的一些工程，你需要开始做的仅仅是从这几个棒棒哒的工具开始。

这里，我们精心为您挑选了一系列新的、有创新性的资源帮助你激发灵感，设计和制作原型，并且有一些工具可以让你更好的掌握如何使用Wordpress（目前最流行的建站平台）。你还等什么，2017年的今天就是你开始搭建你的网站的时候了！

Inspiration｜灵感

每一个伟大的网站都起始于一个好的概念？你希望你的网站设计成什么样子？那我们就从寻找合适的灵感片段来推动你的创作进程吧。

1. Muzli

muzli 是一个自称“设计师秘密武器”的每日灵感来源网站。现在，既然你已经知道了这个秘密，就可以浏览这个网站上所有绝佳的网站创意了。

但是，这不仅仅是一个寻求创意的资源网站，Muzli还是一个谷歌浏览器扩展程序，这个扩展可以帮助你快速简单的接触到所有新的、热门的或者令人惊叹的设计和网站开发。你可以将这个扩展标签设置成主页，这样每次打开浏览器时，都会有一个非常棒的设计灵感映入你的眼帘。

2. Typewolf

Typewolf一个囊括了世界上所有最新的、流行的和有趣字体的资源型网站。博客风格便于阅读，并且展示出了你所需要最好的字体示例。

最牛的部分是：这个博客通常都会提示你它使用了哪些字体。比对字体建议和列表，你就可以找到一些几乎任何设计项目中都可以使用的元素。如果你在排版工具的使用上是新手，请一定记得查看这个网站的教程与资源，他们将帮助你学着像专业人士一样考虑字体的运用。

Design and Prototype｜设计和原型

一旦你找到了自己喜欢的风格并且知道如何设计出来，你就可以开始画草绘图了。有许多很好的工具可以帮你实现草图的绘制。

3. Figma

Figma 是一个界面设计工具，它可以让你与其他合作者实时协作完成工作。在制作网页或App的时候，只要上传设计稿轻松地进行同步、查看版本和维护资源。

使用者也可以同时进行工作，你能看到发生了什么，是谁在操作。另外，这个工具包含了用于向团队或客户展示想法和呈现评论的模式。Figma对于专业团队来说都已经足够强大，同时它也可以让初学者轻松地使用。

4. Subform

Subform为“如何使响应式网站跨设备工作”提供了解决方案。CAD启发工具为设计师们提供了一个基于电脑桌面的设计环境，可以让设计师看到同样的风格设计下不同设备尺寸的样子。

虽然这个工具是专为更有的设计师使用的，但对初学者也很实用。它可以帮助你模拟不同的工作环境。这样你就不必想象一个网站在手机上会是什么样子，你可以直接在电脑屏幕上看到它。

Subform的功能是相当强大的，会教你如何更直观地去创建一个响应式设计。它最好的地方是你不需要去重复的设计，他的内置设计引擎会帮你的设计适应新的布局大小。

5. Marvel

Marvel是一个免费的手机和网页原型app。你可以用它来设计屏幕甚至可以和他人一起改进设计。这是一个新手制作小型app和简单网页的绝好工具。

而且，应用程序允许您链接设计和添加动画和手势，让工作就像你所期望的那样。这样你的设计就能看起来并且用起来像一个真正的app。这种直观的方式很容易用来向客户展示设计方案。

6. Lingo

一旦你确定的你要做的，收集案例或者统一色调和样式会成为你的噩梦，尤其是在多人参与设计的情况下。这个时候你就需要“lingo”。MAC操作系统上的“lingo”APP是一个虚拟的案例库，你可以使用它来进行团队协作，维系风格一致。

你能把所有有价值的东西都放到这个app里——如图片文件和颜色板。这样你就可以把东西分门别类并注明标签，以便搜索、新增案例，并提供给用户浏览及编辑。

WordPress & Blogs

你知道吗，相比没有开通博客的企业，一个开通了博客的企业至少能实现126%的增长。无论你的网站是哪种类型的，创建博客是完美计划中必不可少的一环。对许多有意创建网站的人而言，使用WordPress会是一个很好的开始。

WordPress是全球最广为人知且应用广泛的工具。你可以使用WordPress中多样化的功能及资源去创建你想要的网站。不用担心WordPress的主机问题。如今有那么多富有竞争力的产品可供选择，比任何时候都容易找到最适合你的那一款。

7.找一个好的主题

一个好的Wordpress站点始于一个好的主题。一个可靠的主题能给你所需的一切，而不必从头开始写任何代码（这对于初学者来说，这是一个很好的工具）。

主题的选择范围从免费到高级，通常低于100美元。在你刚开始准备制作时，进入Theme Junkie gallery网站是一个不错的选择。这里的主题组是按网站类别来分的，能帮助你找到你想要的各种网站设计。此外，你还可以添加插件来帮助你实现网站的各种自定义需求，例如社交媒体共享工具，代码段或信息中心管理。

8.定制你的主题

仅仅将主题添加到WordPress站点还不足以让你的网站发展起来。没有专门的定制，你的网站并不能脱颖而出或者看起来特别。但这也是挺让人心烦的事情。

WPKraken也就是在这种需求下应运而生。他们团队配有专业人员，为你定制一个主题。另外，还能够处理在使用过程中临时出现的小状况。

9.优化博客的字体

浏览Typewolf上那些很棒的字体后，自己喜欢什么字体就大概有数了。Easy Google Fonts 是WordPress的字体插件，能帮助你更好的完成设计。

使用这款插件可以实时预览字体效果，能个性化管理字库而不需要你具备任何编程能力。

10.提高博客的缓存

博客缓存能让用户觉得网站加载速度很快。WP Super Cache 加载速度快，并生成静态的HTML文件来保证用户能够流畅地浏览网站。

别被这个设想给吓到，就算是不知道网站缓存为何物的设计师也能轻松上手。详尽的使用手册会一步步地教你如何安装。（其实动手去做了就会发现其实并没有想象中那么难）

11. 保障安全

最后一步是保障你的网站安全。您需要类似防火墙的工具，阻止恶意软件并提供安全登录等选项。Wordfence是下载次数最多的WordPress安全插件。它易于使用而且非常有效，成为人们使用它的原因。

免费开放源代码资源能够检测是否有人试图要入侵你的网站，并且给你提供实时结果。如果用户24小时没有查看网站统计，它就会发出提醒。

总结

在2017年，你可以尝试建设一个网站。使用这些资源和指导指南开始吧。整理这些工具，找到适合你的。如果你以前没有建设过网站也不要担心。因为它比你想象的要简单得多。

designshack

译文地址：站酷DATS设计翻译组

译者：Nierkou、八重、猴子王呀、喵酱紫、bear、最光阴

翻译校对：Haku、杯中的海

视觉设计：喵酱紫

2017年创建网站的11个便利资源

前言

Inspiration｜灵感

Design and Prototype｜设计和原型

WordPress & Blogs

总结

相关推荐