淺談：成都網(wǎng)站建設的發(fā)展歷史

網(wǎng)頁設計也被稱為Web Design、網(wǎng)站設計、Website design、WUi等。它的本質就是網(wǎng)站的圖形界面設計。雖然現(xiàn)在我們常使用移動端上的APP來獲取資訊，但是顯然基于個人電腦平臺的網(wǎng)站上網(wǎng)方式陪伴我們的歷史要比手機久很多：從1987年錢天白教授向德國發(fā)出第一封電子郵件到2000年搜狐、新浪、網(wǎng)易在美國納斯達克掛牌上市，再到現(xiàn)在網(wǎng)站遍地，今天我們就和創(chuàng)新互聯(lián)的網(wǎng)站建設工程師一起來詳細的了解一下吧。

我是在小學開始去網(wǎng)吧“上網(wǎng)沖浪”的，那時的電腦屏幕非常小，分辨率只有800x600像素（對比一下，iPhone8的分辨率是750x1334px），網(wǎng)速也很慢，經(jīng)常掉線或者加載失敗。那時的網(wǎng)站性能和體驗都不好，而現(xiàn)在網(wǎng)站設計和過去已經(jīng)有了巨大的變化：注重用戶體驗、注重頁面動效、富媒體等設計讓如今的網(wǎng)站體驗并不比軟件和手機APP差。加上個人電腦的普及，網(wǎng)站仍然是人機交互中非常重要的平臺之一。那么作為Ui設計師我們就必須掌握網(wǎng)站設計的規(guī)范和理解網(wǎng)站運行的原理，才能更好地駕馭這個平臺。今天就向您好好說道一下網(wǎng)站必須懂得的那些事兒。

首先讓我們來看一下網(wǎng)站設計的工作流程吧：除了之前介紹過的用戶研究、撰寫產(chǎn)品需求文檔、市場文檔、做競品調研等工作之外，與設計師密切相關的網(wǎng)站項目流程可以分為原型圖階段、視覺稿階段、設計規(guī)范階段、切圖階段、前端代碼階段、項目走查階段六個階段。每個階段都需要設計師參與和了解，千萬不要只在意視覺稿這個階段，有很多前期與后期工作同樣需要得到我們的重視。好，讓我們一個一個來了解它們吧。

原型圖階段中設計師需要和產(chǎn)品經(jīng)理溝通需求，這時要注意，并不是產(chǎn)品經(jīng)理向設計師下發(fā)需求，而是需要相互就自己擅長的方面進行溝通。視覺方面具體呈現(xiàn)也許設計師會有更好的方式，這時需要在設計之前與產(chǎn)品經(jīng)理達成一致。

視覺稿階段就是我們要根據(jù)原型圖確定的內容和大體版式完成網(wǎng)站的界面設計了，在設計網(wǎng)站的時候，我們需要一些圖像和靈感的素材。比如做世界杯專題時，我們除了收集很多素材之外，也可以設計一個“情緒板”（Mood board）。簡單說情緒板就是將一些與主題相關的資料和素材拼貼在一起，這樣可以更好地指引我們整個需求的設計主題和大體感覺。另外，很多網(wǎng)站的頭部通常需要主視覺來抓人眼球，這時可能會使用到需求方提供的明星照片、主題素材、LOGO、主視覺PSD等，那么用素材和這些需求方提供的資料進行混合并拼出讓人覺得震撼的頭部視覺就是我們的目標了。主視覺下面的信息排布更強調合理性，這時也需要和產(chǎn)品經(jīng)理溝通從后臺調取的圖片尺寸、標題字段長度等，然后根據(jù)這些要求完成頁面信息部分的設計。總之，設計過程中需要我們不斷思考和溝通才可以完成一個比較棒的視覺稿。

當視覺稿通過后，很多設計師可能不會主動去做設計規(guī)范。其實每一個可迭代的產(chǎn)品都需要設計師來總結設計規(guī)范，設計規(guī)范就是所有頁面中共性的東西，比如說字體不同的大小、圖片的尺寸、按鈕的樣式等，這些共性也是用戶訪問網(wǎng)站時會理解成固定概念的憑證。比如同樣的分享功能如果采用兩種截然不同的樣式就會讓用戶困惑。那么設計規(guī)范主要也是在約束設計師我們自己，在用戶有限的記憶力中減少思考的成本。同時，設計規(guī)范也可以保證同一個項目的不同設計師都能輸出一樣風格的設計來。最后，設計規(guī)范對于設計師個人來說也是對項目影響的一個佐證，可以證明你的思考和你在項目中的地位。所以我認為設計師應該主動去做設計規(guī)范和項目總結。設計規(guī)范如何去做？其實設計規(guī)范就是把主要頁面的元素固定成統(tǒng)一元素即可。具體來說一個產(chǎn)品的設計規(guī)范應該有：字體規(guī)范、主體色規(guī)范、圖表規(guī)范、圖片規(guī)范等不同分類。

網(wǎng)站設計師通常不需要為前端工程師切圖。因為前端工程師通常需要掌握PS軟件技能。如果遇到特殊情況需要我們切圖時，我們可以使用諸如Cutterman、Zeplin等切圖插件中的Web選項為前端切出網(wǎng)站所使用的圖片。

前端工程師會用代碼重構我們設計的頁面，把圖紙變?yōu)殪o態(tài)頁面。然后和后端工程師對接調取數(shù)據(jù)接口，一個網(wǎng)站就活了起來。工程師們?yōu)榱朔奖懔私饩W(wǎng)站是不是達到了我們要求的數(shù)據(jù)，也會進行埋點。埋點就是在頁面代碼里插入一些統(tǒng)計代碼，方便我們之后確定哪些頁面訪問量高，哪些沒有達到預期。在此后其實還會有測試工程師介入來發(fā)現(xiàn)編譯完的網(wǎng)站是否存在一些漏洞等，這里省略。

網(wǎng)站建設完成后還需要設計師進行項目走查，來確定網(wǎng)頁還原度是否有問題。如果發(fā)現(xiàn)有和設計稿出入很大的，就需要要求前端工程師進行調整。這個步驟非常重要，因為網(wǎng)站的成品才是我們最終的輸出，不要認為設計稿很漂亮而實現(xiàn)后的頁面就不需要我們負責了。

網(wǎng)站名稱：淺談：成都網(wǎng)站建設的發(fā)展歷史
文章網(wǎng)址：http://www.muchs.cn/news48/316198.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、服務器托管、商城網(wǎng)站、全網(wǎng)營銷推廣、響應式網(wǎng)站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)