作者:DATS設計翻譯組

原文連結:

2017年建立網站的11個便利資源|WEB/FLASH|原創/自譯教程|DATS設計翻譯組 - 設計文章/教程分享 - 站酷 (ZCOOL)

準備好了要重新拾起被你擱置的網站了麼?是時候把你的網站好好設計一番釋出出來了!不管它是一個簡單的部落格還是更復雜的一些工程,你需要開始做的僅僅是從這幾個棒棒噠的工具開始。

|前言

準備好了要重新拾起被你擱置的網站了麼?是時候把你的網站好好設計一番釋出出來了!不管它是一個簡單的部落格還是更復雜的一些工程,你需要開始做的僅僅是從這幾個棒棒噠的工具開始。

這裡,我們精心為您挑選了一系列新的、有創新性的資源幫助你激發靈感,設計和製作原型,並且有一些工具可以讓你更好的掌握如何使用Wordpress(目前最流行的建站平臺)。你還等什麼,2017年的今天就是你開始搭建你的網站的時候了!

Inspiration|靈感

每一個偉大的網站都起始於一個好的概念?你希望你的網站設計成什麼樣子?那我們就從尋找合適的靈感片段來推動你的創作程序吧。

1。 Muzli

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

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

muzli 是一個自稱“設計師秘密武器”的每日靈感來源網站。現在,既然你已經知道了這個秘密,就可以瀏覽這個網站上所有絕佳的網站創意了。

但是,這不僅僅是一個尋求創意的資源網站,Muzli還是一個谷歌瀏覽器擴充套件程式,這個擴充套件可以幫助你快速簡單的接觸到所有新的、熱門的或者令人驚歎的設計和網站開發。你可以將這個擴充套件標籤設定成主頁,這樣每次開啟瀏覽器時,都會有一個非常棒的設計靈感映入你的眼簾。

2。 Typewolf

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

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

Typewolf一個囊括了世界上所有最新的、流行的和有趣字型的資源型網站。部落格風格便於閱讀,並且展示出了你所需要最好的字型示例。

最牛的部分是:這個部落格通常都會提示你它使用了哪些字型。比對字型建議和列表,你就可以找到一些幾乎任何設計專案中都可以使用的元素。如果你在排版工具的使用上是新手,請一定記得檢視這個網站的教程與資源,他們將幫助你學著像專業人士一樣考慮字型的運用。

Design and Prototype|設計和原型

一旦你找到了自己喜歡的風格並且知道如何設計出來,你就可以開始畫草繪圖了。有許多很好的工具可以幫你實現草圖的繪製。

3。 Figma

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

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

Figma

是一個介面設計工具,它可以讓你與其他合作者實時協作完成工作。在製作網頁或App的時候,只要上傳設計稿輕鬆地進行同步、檢視版本和維護資源。

使用者也可以同時進行工作,你能看到發生了什麼,是誰在操作。另外,這個工具包含了用於向團隊或客戶展示想法和呈現評論的模式。Figma對於專業團隊來說都已經足夠強大,同時它也可以讓初學者輕鬆地使用。

4。 Subform

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

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

Subform

為“如何使響應式網站跨裝置工作”提供瞭解決方案。CAD啟發工具為設計師們提供了一個基於電腦桌面的設計環境,可以讓設計師看到同樣的風格設計下不同裝置尺寸的樣子。

雖然這個工具是專為更有經驗的設計師使用的,但對初學者也很實用。它可以幫助你模擬不同的工作環境。這樣你就不必想象一個網站在手機上會是什麼樣子,你可以直接在電腦螢幕上看到它。

Subform的功能是相當強大的,會教你如何更直觀地去建立一個響應式設計。它最好的地方是你不需要去重複的設計,他的內建設計引擎會幫你的設計適應新的佈局大小。

5。 Marvel

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

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

Marvel是一個免費的手機和網頁原型app。你可以用它來設計螢幕甚至可以和他人一起改進設計。這是一個新手製作小型app和簡單網頁的絕好工具。

而且,應用程式允許您連結設計和新增動畫和手勢,讓工作就像你所期望的那樣。這樣你的設計就能看起來並且用起來像一個真正的app。這種直觀的方式很容易用來向客戶展示設計方案。

6。 Lingo

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

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

一旦你確定的你要做的,收集案例或者統一色調和樣式會成為你的噩夢,尤其是在多人參與設計的情況下。這個時候你就需要“lingo”。MAC作業系統上的“lingo”APP是一個虛擬的案例庫,你可以使用它來進行團隊協作,維繫風格一致。

你能把所有有價值的東西都放到這個app裡——如圖片檔案和顏色板。這樣你就可以把東西分門別類並註明標籤,以便搜尋、新增案例,並提供給使用者瀏覽及編輯。

WordPress & Blogs

你知道嗎,相比沒有開通部落格的企業,一個開通了部落格的企業至少能實現126%的增長。無論你的網站是哪種型別的,建立部落格是完美計劃中必不可少的一環。對許多有意建立網站的人而言,使用WordPress會是一個很好的開始。

WordPress是全球最廣為人知且應用廣泛的工具。你可以使用WordPress中多樣化的功能及資源去建立你想要的網站。不用擔心WordPress的主機問題。如今有那麼多富有競爭力的產品可供選擇,比任何時候都容易找到最適合你的那一款。

7。 找一個好的主題

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

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

一個好的Wordpress站點始於一個好的主題。一個可靠的主題能給你所需的一切,而不必從頭開始寫任何程式碼(這對於初學者來說,這是一個很好的工具)。

主題的選擇範圍從免費到高階,通常低於100美元。在你剛開始準備製作時,進入Theme Junkie gallery網站是一個不錯的選擇。這裡的主題組是按網站類別來分的,能幫助你找到你想要的各種網站設計。此外,你還可以新增外掛來幫助你實現網站的各種自定義需求,例如社交媒體共享工具,程式碼段或資訊中心管理。

8。 定製你的主題

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

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

僅僅將主題新增到WordPress站點還不足以讓你的網站發展起來。沒有專門的定製,你的網站並不能脫穎而出或者看起來特別。但這也是挺讓人心煩的事情。

WPKraken也就是在這種需求下應運而生。他們團隊配有專業人員,為你定製一個主題。另外,還能夠處理在使用過程中臨時出現的小狀況。

9。最佳化部落格的字型

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

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

瀏覽Typewolf上那些很棒的字型後,自己喜歡什麼字型就大概有數了。

Easy Google Fonts

是WordPress的字型外掛,能幫助你更好的完成設計。

使用這款外掛可以實時預覽字型效果,能個性化管理字型檔而不需要你具備任何程式設計能力。

10。 提高部落格的快取

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

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

部落格快取能讓使用者覺得網站載入速度很快。WP Super Cache 載入速度快,並生成靜態的HTML檔案來保證使用者能夠流暢地瀏覽網站。

別被這個設想給嚇到,就算是不知道網站快取為何物的設計師也能輕鬆上手。詳盡的使用手冊會一步步地教你如何安裝。(其實動手去做了就會發現其實並沒有想象中那麼難)

11。 保障安全

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

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

最後一步是保障你的網站安全。您需要類似防火牆的工具,阻止惡意軟體並提供安全登入等選項。Wordfence是下載次數最多的WordPress安全外掛。它易於使用而且非常有效,成為人們使用它的原因。

免費開放原始碼資源能夠檢測是否有人試圖要入侵你的網站,並且給你提供實時結果。如果使用者24小時沒有檢視網站統計,它就會發出提醒。

總結

在2017年,你可以嘗試建設一個網站。使用這些資源和指導指南開始吧。整理這些工具,找到適合你的。如果你以前沒有建設過網站也不要擔心。因為它比你想象的要簡單得多。

—————————————————————————————————————————————————

我們是DATS翻譯小組,我們愛設計愛英語,透過翻譯設計的文章共同學習進步,雖然我們還有許多不足,但是隻要把每個人的微小的力量聚集起來,總有一天會發出耀眼的光芒~

12 pro tips to improve your artistic composition

本文翻譯由DATS翻譯小組成員

Nierkou

八重

猴子王呀

喵醬紫

bear

最光陰

共同翻譯完成。

翻譯校對:

Haku

杯中的海

視覺設計:

喵醬紫

XD小孔的個人主頁 - 站酷 (ZCOOL)

原文出處:

https://

designshack。net/article

s/graphics/11-handy-resources-to-help-build-a-website-in-2017/

閱讀原文

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

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