Godzilla. 2016-12-26
網(wǎng)站建設(shè)
如何快速搭建網(wǎng)站？
要想快速搭建一個(gè)網(wǎng)站有多種方法，有自助建站系統(tǒng)、也可以使用模板網(wǎng)站，但其中都少不了各個(gè)環(huán)節(jié)的人員的參與，參與設(shè)計(jì)的團(tuán)隊(duì)包括：UI設(shè)計(jì)師、產(chǎn)品負(fù)責(zé)人和SEO專家、文案、WordPress開發(fā)人員。本文就來看看如何快速搭建網(wǎng)站？
第1天 - 建立網(wǎng)站的網(wǎng)格系統(tǒng)
這個(gè)網(wǎng)站最突出的元素之一是網(wǎng)格，它們普遍存在，并且必須很好地適應(yīng)網(wǎng)格系統(tǒng)。當(dāng)然，這是我關(guān)注的設(shè)計(jì)的第一部分之一，確保使用真實(shí)的數(shù)據(jù)和文本，所以布局不會打破。到第一天結(jié)束時(shí)，我實(shí)現(xiàn)了網(wǎng)格系統(tǒng)，卡和全局頁眉和頁腳。對于網(wǎng)站標(biāo)題，我非常傾向于我們?yōu)镋nvato Tuts +所做的工作，只有小的更改，以適應(yīng)不同的導(dǎo)航和搜索功能。
第2天 - 加強(qiáng)團(tuán)隊(duì)溝通、協(xié)作
整個(gè)團(tuán)隊(duì)要進(jìn)行溝通、交流，對網(wǎng)站的策劃、以及后期的網(wǎng)站優(yōu)化等做一個(gè)完整的計(jì)劃，制定解決方案。
第3天 - 主頁或首頁
第三天花在參考我們的線框，同時(shí)改進(jìn)主頁設(shè)計(jì)。 我們希望這個(gè)網(wǎng)站能夠作為一個(gè)靈感的地方，人們會不斷回來，所以我概念化了主頁從頂部的廣泛吸引力，到更具體的主題進(jìn)一步向下探索。
第4天 - 網(wǎng)站雛形
我們的設(shè)計(jì)團(tuán)隊(duì)非常清楚早日共享設(shè)計(jì)以獲得有價(jià)值的反饋。 我們把這些設(shè)計(jì)稱為“丑陋嬰兒”，也就是網(wǎng)站的最初雛形。 經(jīng)過反饋，我開始了解一些細(xì)節(jié)，例如搜索結(jié)果排序，分頁，文本塊以及一些移動(dòng)布局問題。
第5天 - 構(gòu)建網(wǎng)站其他頁面
文章頁是最后剩下的一頁，為此，我有兩個(gè)主要問題：確保閱讀方便，并納入相關(guān)的文章和市場項(xiàng)目。為了最大化可讀性，我使用襯線字體為正文，因?yàn)檠芯勘砻饕r線字體更容易閱讀長篇。 其次，我細(xì)化了元信息（標(biāo)題，摘要，作者和社交分享）的布局以及相關(guān)項(xiàng)目的側(cè)欄。
第6天 - 進(jìn)入斷點(diǎn)
所有的頁面布局完成后，我花了一天調(diào)整他們適合中斷點(diǎn)版本的設(shè)計(jì)。 這涉及到稍微縮小網(wǎng)格的寬度并重新排列元素，以反映它在平板電腦或小型臺式機(jī)或筆記本電腦屏幕上的外觀。 由于這和桌面版本之間的區(qū)別是最小的，我設(shè)法在一天內(nèi)完成它。
第7天 - 移動(dòng)
隨著桌面和平板電腦版本的設(shè)計(jì)完成，我集中精力通過移動(dòng)塊到適合一列，來設(shè)計(jì)移動(dòng)布局。
第8天 - 設(shè)計(jì)完成
隨著設(shè)計(jì)完成，我整理所有的資產(chǎn)，交給開發(fā)人員使用三個(gè)工具：1.Dropbox共享所有的圖像，圖標(biāo)，字體和其他資產(chǎn)。2.inVision，與我的Sketch文件同步，以便我可以與任何人分享快速反饋。3.Zeplin，這是一個(gè)偉大的Mac應(yīng)用程序，也同步我的素描文件。 Zeplin將生成一個(gè)URL，允許開發(fā)人員在瀏覽器中檢查設(shè)計(jì)。 設(shè)計(jì)的每個(gè)部分都是可點(diǎn)擊的，給他們的CSS樣式，使開發(fā)更容易！
文章標(biāo)簽：
搭建網(wǎng)站
文章評論：