您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁設(shè)計(jì)進(jìn)階之七:給那些效率低的同仁們

本來這第七章應(yīng)該是針對(duì)設(shè)計(jì)中的層次、空間的技法及深層次的探討。但今天暖暖跟我哭訴她事情總是處理不完。加上今年3·4月份公司的一大堆生意的順利完成。以及那時(shí)候總結(jié)出的一些經(jīng)驗(yàn)。覺得效率這個(gè)問題還是很有必要跟大家分享分享的。時(shí)間倉促,分類不明確,還請見諒!

本文從三個(gè)方面著手,一個(gè)是企業(yè)網(wǎng)站的建設(shè)(教育政府類也歸納到企業(yè)站點(diǎn)里),二是小型門戶站點(diǎn)的建設(shè),三呢,我把平面廣告設(shè)計(jì)也順帶提一點(diǎn)。主要還是網(wǎng)站。

其實(shí)企業(yè)站點(diǎn)的工作量并不大,相信很多有經(jīng)驗(yàn)的同仁能夠把普通企業(yè)站可能用到的欄目一口報(bào)出來。在這里我們換個(gè)角度來看待這些工作。從頁面的內(nèi)容構(gòu)成上來針對(duì)他們進(jìn)行分類:

一:首頁。
這里的設(shè)計(jì)含量是最高的。工作也是最繁復(fù)的。暫且不談設(shè)計(jì)。從ps版到html,到最后的整站。往往修改最多的就是首頁了。在這里我要強(qiáng)調(diào)的是,從首頁開始,注意使用包含文件。

二:分頁。
分頁有幾類呢?在我看來,無非是list和view,列表頁和閱讀頁。list一般是新聞列表,或圖片列表。而view,則完全只需要一個(gè)!

所以,在構(gòu)建一個(gè)普通的企業(yè)站的時(shí)候,上述三個(gè)頁面完成了,工作基本已經(jīng)完成1/3了。還有程序,以及內(nèi)容錄入。

純動(dòng)態(tài)的站點(diǎn)。內(nèi)容錄入很簡單。但如果是有著大量靜態(tài)頁的站點(diǎn),比如教育類和政府類的站點(diǎn)。當(dāng)然,也有相當(dāng)一部分原因是從公司角度或程序員角度來考慮,將簡介之類的很長時(shí)間才更新一次的頁面做成靜態(tài)的。另外一種情況則是內(nèi)容內(nèi)包含大量的圖片、特殊符號(hào)、公式、表格等。哪怕是再強(qiáng)的編輯器編輯起來也很麻煩。使用dw效率可能會(huì)更高。到這里,我的經(jīng)驗(yàn)才真正的表述出來。
    先說一下大量的文字錄入,先定義好你的P,記得縮進(jìn)2em,因?yàn)楹芏嗳撕茏⒁膺@一點(diǎn)。也必須注意到這一點(diǎn)。相信大家都開著qq,大量的文字,無論是從word還是記事本,直接copy,貼到qq對(duì)話框里再復(fù)制一次,去除多余的東西,然后到dw的代碼狀態(tài)。記住,是代碼狀態(tài)粘貼。這個(gè)時(shí)候,代碼狀態(tài)依然保留了原有的段落,而預(yù)覽則是不分段的,這個(gè)時(shí)候,你的P,就開始大顯神威了。開始的地方<p>,結(jié)尾的地方</p>,中間的段落則復(fù)制"<p></p>"直接粘貼.不需要你再去按回車,也不需要按著ALT+SHIFT+空格了!??!
  說表格,在編輯器里插表格,效率總沒在DW里高吧.好,那就在DW里畫表格,然后復(fù)制代碼,到編輯器的代碼狀態(tài)去粘貼.效果那是一個(gè)好啊....
  說復(fù)雜的內(nèi)容,有表格有特殊符號(hào)有公式有大量的文字有表格還有圖片.而且相當(dāng)?shù)拈L.怎么辦呢?我向你推薦一個(gè)小軟件,叫FLASHPAPER,它可以直接在word內(nèi),將所有的內(nèi)容轉(zhuǎn)換成一個(gè)帶滾動(dòng)條的swf文件.相當(dāng)多的情況下,體積比你在dw里一點(diǎn)一點(diǎn)編輯出來的html還要小.
    其實(shí)要說的是,代碼狀態(tài)操作,很多時(shí)候效率是最高的!
  如果客戶提供給你的內(nèi)容,不全,或不完整,這種情況則不在我的考慮范圍內(nèi).這是前期工作.如果不知道怎樣處理合適,請翻閱我的前六章內(nèi)容.

**************************************講述制作與設(shè)計(jì)的分割線**************************************

其實(shí)呢,有很多同仁花在設(shè)計(jì)上的時(shí)間是最多的。而企業(yè)站點(diǎn)一般也沒多少內(nèi)容。我想,你看一下我的網(wǎng)頁設(shè)計(jì)進(jìn)階系列的前四章。會(huì)對(duì)你的設(shè)計(jì)有很大的幫助。其余的不再做贅述。只是再強(qiáng)調(diào)一下積累。只有不停的積累,才會(huì)不斷的進(jìn)步。第四章關(guān)于素材里,我這樣說過:

當(dāng)你看到某一張圖片的某一個(gè)部分,腦袋就開始閃光,你發(fā)現(xiàn)你可以完全從這一部分出發(fā)設(shè)計(jì)出一套的東西。

當(dāng)你接到一個(gè)任務(wù),腦袋就像硬盤一樣,把你機(jī)器里跟這個(gè)任務(wù)相似類似的甚至可以直接拿過來用的那些內(nèi)容自動(dòng)打包。

當(dāng)你要做某樣?xùn)|西,你的硬盤里哪些可用的字體哪些可用的花紋哪些的可用的小圖標(biāo)自動(dòng)浮現(xiàn)在你的腦海里。

當(dāng)你要做某樣?xùn)|西,這個(gè)時(shí)候你在趕路,你在騎車,你立刻就能想到哪個(gè)哪個(gè)網(wǎng)站上什么什么素材可以拿過來用。

當(dāng)你看到某個(gè)站,你可以立刻進(jìn)行引申,張口就說出哪個(gè)哪個(gè)站跟這個(gè)結(jié)構(gòu)類似,哪個(gè)哪個(gè)站跟這個(gè)風(fēng)格接近。。。


這幾條都能做到了,設(shè)計(jì)對(duì)你來說還是難事么?

設(shè)計(jì),其實(shí)是一個(gè)不斷積累的過程。

*********************************************特別強(qiáng)調(diào)的分割線************************************

再強(qiáng)調(diào)一句,包含文件,可以再包含一個(gè)甚至多個(gè)包含文件........理解這句話,會(huì)讓你在做那些靜不靜動(dòng)不動(dòng)的網(wǎng)站的時(shí)候省很多力氣!

****************************************網(wǎng)站設(shè)計(jì)的根本的分割線************************************

這個(gè)話題我以后會(huì)更深入的探討。網(wǎng)頁設(shè)計(jì)的那點(diǎn)事。無非是圖文混排的那點(diǎn)事。

**************************************************************************************
 

[教程作者:圖趣網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di968.html
網(wǎng)頁設(shè)計(jì)進(jìn)階之六:守住那些不能丟的東西!
網(wǎng)頁設(shè)計(jì)中最常用的英文字體
圖趣網(wǎng)微信
建議反饋
×