2017 年創(chuàng)建網(wǎng)站的 11 個(gè)便利資源

時(shí)間：2022-07-26 21:27:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2022-07-26 21:27:02 來源：網(wǎng)站運(yùn)營

作者：DATS設(shè)計(jì)翻譯組

原文鏈接：2017年創(chuàng)建網(wǎng)站的11個(gè)便利資源|WEB/FLASH|原創(chuàng)/自譯教程|DATS設(shè)計(jì)翻譯組 - 設(shè)計(jì)文章/教程分享 - 站酷 (ZCOOL)


準(zhǔn)備好了要重新拾起被你擱置的網(wǎng)站了么？是時(shí)候把你的網(wǎng)站好好設(shè)計(jì)一番發(fā)布出來了！不管它是一個(gè)簡單的博客還是更復(fù)雜的一些工程，你需要開始做的僅僅是從這幾個(gè)棒棒噠的工具開始。

｜前言


準(zhǔn)備好了要重新拾起被你擱置的網(wǎng)站了么？是時(shí)候把你的網(wǎng)站好好設(shè)計(jì)一番發(fā)布出來了！不管它是一個(gè)簡單的博客還是更復(fù)雜的一些工程，你需要開始做的僅僅是從這幾個(gè)棒棒噠的工具開始。



這里，我們精心為您挑選了一系列新的、有創(chuàng)新性的資源幫助你激發(fā)靈感，設(shè)計(jì)和制作原型，并且有一些工具可以讓你更好的掌握如何使用Wordpress（目前最流行的建站平臺(tái)）。你還等什么，2017年的今天就是你開始搭建你的網(wǎng)站的時(shí)候了！


Inspiration｜靈感

每一個(gè)偉大的網(wǎng)站都起始于一個(gè)好的概念？你希望你的網(wǎng)站設(shè)計(jì)成什么樣子？那我們就從尋找合適的靈感片段來推動(dòng)你的創(chuàng)作進(jìn)程吧。


1. Muzli


muzli 是一個(gè)自稱“設(shè)計(jì)師秘密武器”的每日靈感來源網(wǎng)站?，F(xiàn)在，既然你已經(jīng)知道了這個(gè)秘密，就可以瀏覽這個(gè)網(wǎng)站上所有絕佳的網(wǎng)站創(chuàng)意了。

但是，這不僅僅是一個(gè)尋求創(chuàng)意的資源網(wǎng)站，Muzli還是一個(gè)谷歌瀏覽器擴(kuò)展程序，這個(gè)擴(kuò)展可以幫助你快速簡單的接觸到所有新的、熱門的或者令人驚嘆的設(shè)計(jì)和網(wǎng)站開發(fā)。你可以將這個(gè)擴(kuò)展標(biāo)簽設(shè)置成主頁，這樣每次打開瀏覽器時(shí)，都會(huì)有一個(gè)非常棒的設(shè)計(jì)靈感映入你的眼簾。


2. Typewolf


Typewolf一個(gè)囊括了世界上所有最新的、流行的和有趣字體的資源型網(wǎng)站。博客風(fēng)格便于閱讀，并且展示出了你所需要最好的字體示例。


最牛的部分是：這個(gè)博客通常都會(huì)提示你它使用了哪些字體。比對(duì)字體建議和列表，你就可以找到一些幾乎任何設(shè)計(jì)項(xiàng)目中都可以使用的元素。如果你在排版工具的使用上是新手，請(qǐng)一定記得查看這個(gè)網(wǎng)站的教程與資源，他們將幫助你學(xué)著像專業(yè)人士一樣考慮字體的運(yùn)用。

Design and Prototype｜設(shè)計(jì)和原型

一旦你找到了自己喜歡的風(fēng)格并且知道如何設(shè)計(jì)出來，你就可以開始畫草繪圖了。有許多很好的工具可以幫你實(shí)現(xiàn)草圖的繪制。


3. Figma


Figma 是一個(gè)界面設(shè)計(jì)工具，它可以讓你與其他合作者實(shí)時(shí)協(xié)作完成工作。在制作網(wǎng)頁或App的時(shí)候，只要上傳設(shè)計(jì)稿輕松地進(jìn)行同步、查看版本和維護(hù)資源。


使用者也可以同時(shí)進(jìn)行工作，你能看到發(fā)生了什么，是誰在操作。另外，這個(gè)工具包含了用于向團(tuán)隊(duì)或客戶展示想法和呈現(xiàn)評(píng)論的模式。Figma對(duì)于專業(yè)團(tuán)隊(duì)來說都已經(jīng)足夠強(qiáng)大，同時(shí)它也可以讓初學(xué)者輕松地使用。



4. Subform


Subform為“如何使響應(yīng)式網(wǎng)站跨設(shè)備工作”提供了解決方案。CAD啟發(fā)工具為設(shè)計(jì)師們提供了一個(gè)基于電腦桌面的設(shè)計(jì)環(huán)境，可以讓設(shè)計(jì)師看到同樣的風(fēng)格設(shè)計(jì)下不同設(shè)備尺寸的樣子。

雖然這個(gè)工具是專為更有經(jīng)驗(yàn)的設(shè)計(jì)師使用的，但對(duì)初學(xué)者也很實(shí)用。它可以幫助你模擬不同的工作環(huán)境。這樣你就不必想象一個(gè)網(wǎng)站在手機(jī)上會(huì)是什么樣子，你可以直接在電腦屏幕上看到它。

Subform的功能是相當(dāng)強(qiáng)大的，會(huì)教你如何更直觀地去創(chuàng)建一個(gè)響應(yīng)式設(shè)計(jì)。它最好的地方是你不需要去重復(fù)的設(shè)計(jì)，他的內(nèi)置設(shè)計(jì)引擎會(huì)幫你的設(shè)計(jì)適應(yīng)新的布局大小。


5. Marvel


Marvel是一個(gè)免費(fèi)的手機(jī)和網(wǎng)頁原型app。你可以用它來設(shè)計(jì)屏幕甚至可以和他人一起改進(jìn)設(shè)計(jì)。這是一個(gè)新手制作小型app和簡單網(wǎng)頁的絕好工具。

而且，應(yīng)用程序允許您鏈接設(shè)計(jì)和添加動(dòng)畫和手勢，讓工作就像你所期望的那樣。這樣你的設(shè)計(jì)就能看起來并且用起來像一個(gè)真正的app。這種直觀的方式很容易用來向客戶展示設(shè)計(jì)方案。



6. Lingo


一旦你確定的你要做的，收集案例或者統(tǒng)一色調(diào)和樣式會(huì)成為你的噩夢，尤其是在多人參與設(shè)計(jì)的情況下。這個(gè)時(shí)候你就需要“l(fā)ingo”。MAC操作系統(tǒng)上的“l(fā)ingo”APP是一個(gè)虛擬的案例庫，你可以使用它來進(jìn)行團(tuán)隊(duì)協(xié)作，維系風(fēng)格一致。


你能把所有有價(jià)值的東西都放到這個(gè)app里——如圖片文件和顏色板。這樣你就可以把東西分門別類并注明標(biāo)簽，以便搜索、新增案例，并提供給用戶瀏覽及編輯。

WordPress & Blogs

你知道嗎，相比沒有開通博客的企業(yè)，一個(gè)開通了博客的企業(yè)至少能實(shí)現(xiàn)126%的增長。無論你的網(wǎng)站是哪種類型的，創(chuàng)建博客是完美計(jì)劃中必不可少的一環(huán)。對(duì)許多有意創(chuàng)建網(wǎng)站的人而言，使用WordPress會(huì)是一個(gè)很好的開始。

WordPress是全球最廣為人知且應(yīng)用廣泛的工具。你可以使用WordPress中多樣化的功能及資源去創(chuàng)建你想要的網(wǎng)站。不用擔(dān)心WordPress的主機(jī)問題。如今有那么多富有競爭力的產(chǎn)品可供選擇，比任何時(shí)候都容易找到最適合你的那一款。

7. 找一個(gè)好的主題


一個(gè)好的Wordpress站點(diǎn)始于一個(gè)好的主題。一個(gè)可靠的主題能給你所需的一切，而不必從頭開始寫任何代碼（這對(duì)于初學(xué)者來說，這是一個(gè)很好的工具）。

主題的選擇范圍從免費(fèi)到高級(jí)，通常低于100美元。在你剛開始準(zhǔn)備制作時(shí)，進(jìn)入Theme Junkie gallery網(wǎng)站是一個(gè)不錯(cuò)的選擇。這里的主題組是按網(wǎng)站類別來分的，能幫助你找到你想要的各種網(wǎng)站設(shè)計(jì)。此外，你還可以添加插件來幫助你實(shí)現(xiàn)網(wǎng)站的各種自定義需求，例如社交媒體共享工具，代碼段或信息中心管理。


8. 定制你的主題


僅僅將主題添加到WordPress站點(diǎn)還不足以讓你的網(wǎng)站發(fā)展起來。沒有專門的定制，你的網(wǎng)站并不能脫穎而出或者看起來特別。但這也是挺讓人心煩的事情。

WPKraken也就是在這種需求下應(yīng)運(yùn)而生。他們團(tuán)隊(duì)配有專業(yè)人員，為你定制一個(gè)主題。另外，還能夠處理在使用過程中臨時(shí)出現(xiàn)的小狀況。



9.優(yōu)化博客的字體


瀏覽Typewolf上那些很棒的字體后，自己喜歡什么字體就大概有數(shù)了。Easy Google Fonts 是WordPress的字體插件，能幫助你更好的完成設(shè)計(jì)。


使用這款插件可以實(shí)時(shí)預(yù)覽字體效果，能個(gè)性化管理字庫而不需要你具備任何編程能力。



10. 提高博客的緩存


博客緩存能讓用戶覺得網(wǎng)站加載速度很快。WP Super Cache 加載速度快，并生成靜態(tài)的HTML文件來保證用戶能夠流暢地瀏覽網(wǎng)站。

別被這個(gè)設(shè)想給嚇到，就算是不知道網(wǎng)站緩存為何物的設(shè)計(jì)師也能輕松上手。詳盡的使用手冊會(huì)一步步地教你如何安裝。（其實(shí)動(dòng)手去做了就會(huì)發(fā)現(xiàn)其實(shí)并沒有想象中那么難）



11. 保障安全


最后一步是保障你的網(wǎng)站安全。您需要類似防火墻的工具，阻止惡意軟件并提供安全登錄等選項(xiàng)。Wordfence是下載次數(shù)最多的WordPress安全插件。它易于使用而且非常有效，成為人們使用它的原因。


免費(fèi)開放源代碼資源能夠檢測是否有人試圖要入侵你的網(wǎng)站，并且給你提供實(shí)時(shí)結(jié)果。如果用戶24小時(shí)沒有查看網(wǎng)站統(tǒng)計(jì)，它就會(huì)發(fā)出提醒。



總結(jié)

在2017年，你可以嘗試建設(shè)一個(gè)網(wǎng)站。使用這些資源和指導(dǎo)指南開始吧。整理這些工具，找到適合你的。如果你以前沒有建設(shè)過網(wǎng)站也不要擔(dān)心。因?yàn)樗饶阆胂蟮囊唵蔚枚唷?br>

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


我們是DATS翻譯小組，我們愛設(shè)計(jì)愛英語，通過翻譯設(shè)計(jì)的文章共同學(xué)習(xí)進(jìn)步，雖然我們還有許多不足，但是只要把每個(gè)人的微小的力量聚集起來，總有一天會(huì)發(fā)出耀眼的光芒~


12 pro tips to improve your artistic composition

本文翻譯由DATS翻譯小組成員 Nierkou、八重、猴子王呀、喵醬紫、bear 、最光陰 共同翻譯完成。


翻譯校對(duì)：Haku、杯中的海


視覺設(shè)計(jì)：喵醬紫


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

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

閱讀原文