2017 年創建網站的 11 個便利資源

作者：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 、最光陰 共同翻譯完成。

翻譯校對：Haku、杯中的海

視覺設計：喵醬紫

原文出處： https://designshack.net/articles/graphics/11-handy-resources-to-help-build-a-website-in-2017/

閱讀原文

推薦閱讀：