網(wǎng)站建設(shè)模板網(wǎng)站需要遵循的6大步驟
網(wǎng)站建設(shè)模板網(wǎng)站
一、學(xué)習(xí)
發(fā)現(xiàn)和理解您首先需要構(gòu)建的內(nèi)容,是整個(gè)網(wǎng)站設(shè)計(jì)過程中最重要的部分,這一點(diǎn)不應(yīng)該讓您感到驚訝。為什么?這很簡單,您對自己需要完成的工作了解得越多,創(chuàng)建成功網(wǎng)站的機(jī)會(huì)就越大??梢赃@樣想:如果你是一名弓箭手,你不需要知道箭頭的目標(biāo)位置嗎?這就是目標(biāo)的用途。中間的小紅點(diǎn)是靶心。因?yàn)樗?,所以更難以擊中,但即使你瞄準(zhǔn)它并且錯(cuò)過,你肯定會(huì)比你將箭射向空中并且希望隨機(jī)直接命中更接近。那么你怎么能成為網(wǎng)頁設(shè)計(jì)師的靶心呢?在進(jìn)一步研究之前,您需要定義在項(xiàng)目中擊中靶心的方式。
作為一名網(wǎng)頁設(shè)計(jì)師,擊中靶心會(huì)給你的客戶提供他們想要的東西,這就是他們?yōu)槟愀冻龅拇鷥r(jià)。客戶需要的內(nèi)容根據(jù)具體情況有很大差異。既然你不是一個(gè)心靈讀者,你需要主動(dòng)找出他們想要的東西。在某些情況下,他們可能甚至不知道他們想要什么,而在其他情況下,他們可能很難用語言表達(dá)他們想象的東西,因?yàn)樗麄儾恢繡SS,Ajax或關(guān)系數(shù)據(jù)庫等行業(yè)術(shù)語和概念。幸運(yùn)的是,網(wǎng)頁設(shè)計(jì)師可以使用一種工具來輕松收集這些信息。這被稱為創(chuàng)意簡報(bào)。創(chuàng)意簡報(bào)基本上是您向客戶詢問的一系列問題,以便您了解項(xiàng)目的范圍和目標(biāo)。您可以在面對面會(huì)議或電話會(huì)議中提出這些問題,或者您只需在您的網(wǎng)站上提供處理客戶答案的網(wǎng)絡(luò)表單。您應(yīng)該以您和您的客戶最滿意的方式獲取此信息,但無論您做什么,都不要跳過創(chuàng)意簡報(bào),因?yàn)樗鼘⒊蔀槟?xiàng)目的生命線。
1.客戶的目標(biāo)受眾
2.他們的網(wǎng)站的主要和次要目標(biāo)
3.目前的品牌特征
4.預(yù)算
5.他們需要滿足的截止日期
二、計(jì)劃
一旦你學(xué)會(huì)了構(gòu)建所需的東西,就該開始計(jì)劃你將如何實(shí)現(xiàn)它。在開始設(shè)計(jì)網(wǎng)站之前,您需要確切地知道設(shè)計(jì)它的具體內(nèi)容和方式,這一切都始于創(chuàng)建設(shè)計(jì)策略。您制作的每個(gè)網(wǎng)站的設(shè)計(jì)策略都應(yīng)該手工制作,以適應(yīng)客戶的愿景(如果您為自己設(shè)計(jì)網(wǎng)站,那么您就有資格成為客戶)。
那么哪些因素會(huì)影響您的設(shè)計(jì)策略?通過向您提供一些基本信息,例如您的時(shí)間范圍以及網(wǎng)站的目標(biāo)受眾是誰,創(chuàng)意簡報(bào)將作為您計(jì)劃的基礎(chǔ)。了解您的受眾群體尤其重要,因?yàn)樗鼤?huì)影響網(wǎng)站的瀏覽位置和方式。例如,您是否還需要?jiǎng)?chuàng)建適用于觸控的移動(dòng)版或iPad專用版?
1、研究和筆記
無論在整體戰(zhàn)略圖景中留下什么差距,都需要通過自己的一些研究來填補(bǔ)。現(xiàn)在是時(shí)候訪問競爭網(wǎng)站,看看目標(biāo)市場中已經(jīng)有哪些類型的設(shè)計(jì),這樣你就會(huì)知道如何區(qū)分自己的設(shè)計(jì)。
在您進(jìn)行研究時(shí),您還將開始集思廣益,了解要使用的顏色,將特效放置在何處,應(yīng)該使用哪種字體以及其他類似的細(xì)節(jié)。
此時(shí),您還應(yīng)該記筆記,截取屏幕截圖并啟動(dòng)情緒板。
2、素描和模擬
接下來,是時(shí)候創(chuàng)建一個(gè)模型并開始讓你的想法更多地成為一個(gè)有形的狀態(tài)。我喜歡從常規(guī)舊紙上勾勒出我的想法開始,就像許多其他網(wǎng)頁設(shè)計(jì)師一樣。
在此階段,您不僅要開始認(rèn)真考慮網(wǎng)站的布局,還要考慮網(wǎng)站的結(jié)構(gòu)以及導(dǎo)航的形成方式。
在實(shí)際點(diǎn)擊Photoshop或Illustrator創(chuàng)建更具體的內(nèi)容之前,您有機(jī)會(huì)看到最有效的方法和嘗試不同想法的好地方。
3、選擇你的工具
這部分過程也是評(píng)估您需要使用哪些工具的絕佳機(jī)會(huì)。絕對不應(yīng)該為您創(chuàng)建的每個(gè)站點(diǎn)使用預(yù)定的工具集。這對所有參與者來說都是一種潛在的危險(xiǎn)做法,包括網(wǎng)站的最終用戶和客戶(更不用說您的投資組合看起來多么單調(diào))。
三、設(shè)計(jì)
現(xiàn)在我知道有很多網(wǎng)頁設(shè)計(jì)師喜歡直接跳到設(shè)計(jì)階段而不考慮學(xué)習(xí)或計(jì)劃,但設(shè)計(jì)不僅僅是創(chuàng)作的行為。你想要真正創(chuàng)造一些好的和有用的東西,如果沒有在開始設(shè)計(jì)之前先做一些初步的工作,你就不能這樣做。
如果您已經(jīng)完成了學(xué)習(xí)和計(jì)劃的工作,那么實(shí)際設(shè)計(jì)就會(huì)變得更加容易。當(dāng)您不必?fù)?dān)心細(xì)節(jié)時(shí),它確實(shí)打開了一個(gè)全新的效率和生產(chǎn)力水平,因?yàn)槟梢詫W⒂诟匾氖虑椤?br /> 一旦準(zhǔn)備開始設(shè)計(jì),請記住,您需要設(shè)計(jì)的不僅僅是主頁。您還需要為您網(wǎng)站的子頁面進(jìn)行設(shè)計(jì)。有時(shí)可以很容易地設(shè)計(jì)主頁概念,將其切片并開始編碼以獲得子頁面。您可能還需要設(shè)計(jì)網(wǎng)站的移動(dòng)版或iPad版。
設(shè)計(jì)階段本身很簡單。只需打開Photoshop(或您選擇的圖形創(chuàng)建工具),即可開始模擬生活,汗水細(xì)節(jié),讓它像素完美。即使你覺得你正在做的項(xiàng)目無聊,直接盯著墻壁24小時(shí),把你的全部投入其中。
在設(shè)計(jì)階段,經(jīng)常尋求反饋以確保滿足所有指定要求非常重要。如果客戶想要進(jìn)行更改,現(xiàn)在是時(shí)候在設(shè)計(jì)被切片和編碼之前進(jìn)行更改,如果您在設(shè)計(jì)階段這樣做,那么做出十分簡單的改變將會(huì)變得十分困難。
四、代碼
一旦你有了優(yōu)秀的設(shè)計(jì),你就需要把它變成一個(gè)真實(shí)的網(wǎng)站。無論您將使用哪種內(nèi)容管理系統(tǒng),安全的賭注都是從通用的HTML和CSS模板開始。
1、從基本模板開始
最好繼續(xù)添加標(biāo)題,描述和元標(biāo)記,或者至少記下如果以后要使用內(nèi)容管理系統(tǒng)應(yīng)該是什么。
2、布置主要部分和內(nèi)容
通過插入頁眉,頁腳和內(nèi)容區(qū)域的主要部分(主要部分)開始編寫HTML / CSS。
接下來,開始添加文本和圖像內(nèi)容。目標(biāo)是使您的標(biāo)記盡可能保持語義,以便每個(gè)元素都有意義。避免分裂,利用太多div的行為。例如,您不需要div來包含徽標(biāo)。嘗試使用或替代,它的樣式可以完全相同(例如,使用displayCSS屬性將它們變成塊元素)。
3、驗(yàn)證和測試
不要忘記使用W3C提供的驗(yàn)證工具確保您的代碼有效(但也要了解驗(yàn)證工具有缺點(diǎn))。您還需要進(jìn)行一些瀏覽器測試,以確保網(wǎng)站的外觀和行為符合預(yù)期,并提供統(tǒng)一的品牌體驗(yàn),無論用戶如何訪問它。如果您對不同類型的計(jì)算機(jī)的訪問權(quán)限有限,則可以使用Browsershots之類的工具。使用Firebug和YSlow調(diào)試您的站點(diǎn)并確保您的工作以最佳速度運(yùn)行。
五、發(fā)布
當(dāng)你最終完善網(wǎng)站時(shí),是時(shí)候?qū)⑺l(fā)布給公眾了。啟動(dòng)對不同的人來說意味著例如,如果您要重新設(shè)計(jì)使用內(nèi)容管理系統(tǒng)或發(fā)布平臺(tái)的網(wǎng)站,則您的啟動(dòng)可能就像應(yīng)用新主題一樣簡單。如果您在沙箱或本地開發(fā)環(huán)境中設(shè)計(jì)一個(gè)全新的站點(diǎn),那么“上線”意味著將您的文件FTP到生產(chǎn)服務(wù)器。
六、保持
在您的規(guī)劃階段,您應(yīng)該確定誰將負(fù)責(zé)站點(diǎn)維護(hù),如果客戶端無法維護(hù)該站點(diǎn),您可能需要建議他們定期或根據(jù)需要雇用第三方來幫你管理和執(zhí)行維護(hù)任務(wù)。
聲明:免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)
送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)
需注明出處:新網(wǎng)idc知識(shí)百科