工作流程首先讓我們來看一下
網(wǎng)站設(shè)計(jì)的工作流程,除了之前介紹過的用戶研究、撰寫產(chǎn)品需求文檔、市場文檔、做競品調(diào)研等工作之外,與設(shè)計(jì)師密切相關(guān)的網(wǎng)站項(xiàng)目流程可以分為:原型圖階段、視覺稿階段、設(shè)計(jì)規(guī)范階段、切圖階段、前端代碼階段、項(xiàng)目走查階段六個(gè)階段。
每個(gè)階段都需要設(shè)計(jì)師參與和了解,千萬不要只在意視覺稿這個(gè)階段,有很多前期與后期工作同樣需要得到我們的重視。好,讓我們一個(gè)一個(gè)來了解它們吧。
1.原型圖階段原型圖階段中設(shè)計(jì)師需要和產(chǎn)品經(jīng)理溝通需求,這時(shí)要注意,并不是產(chǎn)品經(jīng)理向設(shè)計(jì)師下發(fā)需求,而是需要相互就自己擅長的方面進(jìn)行溝通。視覺方面具體呈現(xiàn)也許設(shè)計(jì)師會有更好的方式,這時(shí)需要在設(shè)計(jì)之前與產(chǎn)品經(jīng)理達(dá)成一致。構(gòu)建網(wǎng)站原型圖(工具:axureRP)
2.視覺稿階段視覺稿階段就是我們要根據(jù)原型圖確定的內(nèi)容和大體版式,完成網(wǎng)站的界面設(shè)計(jì)。在設(shè)計(jì)網(wǎng)站的時(shí)候,我們需要一些圖像和靈感的素材。比如:做世界杯專題時(shí),我們除了收集很多素材之外,也可以設(shè)計(jì)一個(gè)“情緒板”(MoodBoard)。簡單說情緒板就是將一些與主題相關(guān)的資料和素材拼貼在一起,這樣可以更好地指引我們整個(gè)需求的設(shè)計(jì)主題和大體感覺。另外,很多網(wǎng)站的頭部通常需要主視覺來抓人眼球,這時(shí)可能會使用到需求方提供的明星照片、主題素材、LOGO、主視覺PSD等,那么用素材和這些需求方提供的資料進(jìn)行混合,并拼出讓人覺得震撼的頭部視覺,就是我們的目標(biāo)了。主視覺下面的信息排布更強(qiáng)調(diào)合理性,這時(shí)也需要和產(chǎn)品經(jīng)理溝通從后臺調(diào)取的圖片尺寸、標(biāo)題字段長度等,然后根據(jù)這些要求完成頁面信息部分的設(shè)計(jì)。總之,設(shè)計(jì)過程中需要我們不斷思考和溝通才可以完成一個(gè)比較棒的視覺稿。視覺稿設(shè)計(jì)階段(工具:Photoshop)
3.設(shè)計(jì)規(guī)范當(dāng)視覺稿通過后,很多設(shè)計(jì)師可能不會主動(dòng)去做設(shè)計(jì)規(guī)范。其實(shí)每一個(gè)可迭代的產(chǎn)品都需要設(shè)計(jì)師來總結(jié)設(shè)計(jì)規(guī)范,設(shè)計(jì)規(guī)范就是所有頁面中共性的東西,比如說:字體不同的大小、圖片的尺寸、按鈕的樣式等,這些共性也是用戶訪問網(wǎng)站時(shí)會理解成固定概念的憑證。比如:同樣的分享功能,如果采用兩種截然不同的樣式,就會讓用戶困惑。那么設(shè)計(jì)規(guī)范主要也是在約束設(shè)計(jì)師我們自己,在用戶有限的記憶力中減少思考的成本。同時(shí),設(shè)計(jì)規(guī)范也可以保證同一個(gè)項(xiàng)目的不同設(shè)計(jì)師都能輸出一樣風(fēng)格的設(shè)計(jì)來。最后,設(shè)計(jì)規(guī)范對于設(shè)計(jì)師個(gè)人來說也是對項(xiàng)目影響的一個(gè)佐證,可以證明你的思考和你在項(xiàng)目中的地位,所以我認(rèn)為設(shè)計(jì)師應(yīng)該主動(dòng)去做設(shè)計(jì)規(guī)范和項(xiàng)目總結(jié)。設(shè)計(jì)規(guī)范如何去做其實(shí)設(shè)計(jì)規(guī)范就是把主要頁面的元素固定成統(tǒng)一元素即可,具體來說一個(gè)產(chǎn)品的設(shè)計(jì)規(guī)范應(yīng)該有:字體規(guī)范、主體色規(guī)范、圖表規(guī)范、圖片規(guī)范等不同分類。
本文名稱:網(wǎng)站制作之怎樣把網(wǎng)頁設(shè)計(jì)做得更好
網(wǎng)站路徑:http://m.newbst.com/news18/138018.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)