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