作者:DATS设计翻译组
原文链接:2017年创建网站的11个便利资源|WEB/FLASH|原创/自译教程|DATS设计翻译组 – 设计文章/教程分享 – 站酷 (ZCOOL)
准备好了要重新拾起被你搁置的网站了么?是时候把你的网站好好设计一番发布出来了!不管它是一个简单的博客还是更复杂的一些工程,你需要开始做的仅仅是从这几个棒棒哒的工具开始。
|前言
准备好了要重新拾起被你搁置的网站了么?是时候把你的网站好好设计一番发布出来了!不管它是一个简单的博客还是更复杂的一些工程,你需要开始做的仅仅是从这几个棒棒哒的工具开始。
这里,我们精心为您挑选了一系列新的、有创新性的资源帮助你激发灵感,设计和制作原型,并且有一些工具可以让你更好的掌握如何使用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年,你可以尝试建设一个网站。使用这些资源和指导指南开始吧。整理这些工具,找到适合你的。如果你以前没有建设过网站也不要担心。因为它比你想象的要简单得多。
—————————————————————————————————————————————————
我们是DATS翻译小组,我们爱设计爱英语,通过翻译设计的文章共同学习进步,虽然我们还有许多不足,但是只要把每个人的微小的力量聚集起来,总有一天会发出耀眼的光芒~
12 pro tips to improve your artistic composition
本文翻译由DATS翻译小组成员 Nierkou、八重、猴子王呀、喵酱紫、bear 、最光阴 共同翻译完成。
视觉设计:喵酱紫
原文出处: https://designshack.net/articles/graphics/11-handy-resources-to-help-build-a-website-in-2017/