滄州市品搜網(wǎng)絡(luò)技術(shù)有限公司歡迎您!     設(shè)為首頁(yè)  |  加入收藏

品搜服務(wù)熱線:0317-2103366

 
當(dāng)前位置:HOME > > 設(shè)計(jì)知識(shí)
網(wǎng)頁(yè)設(shè)計(jì)需要了解的相關(guān)知識(shí)
發(fā)布時(shí)間 2015-04-29

                                                   網(wǎng)頁(yè)設(shè)計(jì)需要了解的相關(guān)知識(shí)

    關(guān)于網(wǎng)頁(yè)尺寸的設(shè)置:

    1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。

    2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)決定。

    3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右。

   4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB。

   如果要在1024分辨率下的話圖片大小設(shè)置是寬為1003是剛好滿屏。

    如果要以800分辨率下的話圖片大小設(shè)置為778是剛好滿屏。

    站長(zhǎng)必須要了解的九條平面設(shè)計(jì)常識(shí)

    1.源文件psd,ai,cdr的區(qū)別

    psd文件就是用photoshop創(chuàng)建的,當(dāng)然也必須用photoshop打開(kāi);

    ai文件是Illustrator的。他們都是Adobe公司的。ai文件同樣也可以用photoshop打開(kāi),但打開(kāi)后會(huì)載入在同一層內(nèi)。

    cdr文件是CorelDRAW的。

    2.關(guān)于CMYK和RGB顏色模式

    CMYK是Cyan(青)、Mageata(品紅)、Yellow(黃)、Black(黑),這是印刷上使用比較普遍的色彩模式。

    R、G、B就是Red、Green、Blue(紅,綠,藍(lán))三種顏色,RGB模式就是由這三種顏色為基色進(jìn)行疊加而模擬出大自然色彩的色彩組合模式。我們?nèi)粘S玫牟噬?/P>

腦顯示器、彩色電視機(jī)等的色彩都使用這種模式。

    3.矢量圖

    矢量圖與位圖最大的區(qū)別是,它不受分辨率的影響。因此在印刷時(shí),可以任意放大或縮小圖形而不會(huì)影響出圖的清晰度。

    矢量圖:是根據(jù)幾何特性來(lái)繪制圖形,矢量可以是一個(gè)點(diǎn)或一條線,矢量圖只能靠軟件生成,文件占用內(nèi)在空間較小,因?yàn)檫@種類型的圖像文件包含獨(dú)立的分離

圖像,可以自由無(wú)限制的重新組合。它的特點(diǎn)是放大后圖像不會(huì)失真,和分辨率無(wú)關(guān),文件占用空間較小,適用于圖形設(shè)計(jì)、文字設(shè)計(jì)和一些標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)等。

    ai cdr均為矢量圖。

   4.圖片文件jpg,gif,png,bmp的區(qū)別

    bmp:是未經(jīng)過(guò)壓縮的用點(diǎn)陣來(lái)表示的真彩圖片,占用磁盤空間較大。

    gif:是經(jīng)過(guò)壓縮的,只能表示256種顏色,占用磁盤空間小,常用來(lái)演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動(dòng)畫。

    png:是fireworks的圖片格式。

    jpg:也是有損壓縮格式但是它表示的顏色比較豐富,一般用來(lái)顯示真彩的照片或圖案


    網(wǎng)頁(yè)設(shè)計(jì)之設(shè)計(jì)步驟及思考


    1、在定位的基礎(chǔ)上,搞明白自己要做什么

    這句其實(shí)不用解釋了.你要明白的是我要做的站大概有什么樣的效果,并有例子在腦海里浮現(xiàn).要做的這個(gè)站屬于什么樣的行業(yè),這個(gè)行業(yè)的站都有什么共同的特點(diǎn).

    2、你的目標(biāo)/效果和你希望達(dá)到的目標(biāo)/效果是怎么樣的.你設(shè)計(jì)的目標(biāo),與客戶的目標(biāo)和公司領(lǐng)導(dǎo)的目標(biāo)是否一致,有什么區(qū)別。

    3、你要如何去做,怎樣去做,用什么樣的手法手段,來(lái)達(dá)到你的目標(biāo)/效果.又用怎樣的設(shè)計(jì)來(lái)強(qiáng)化和突出這個(gè)效果。

    4、你的布局,應(yīng)該怎樣和你的設(shè)計(jì)搭配,怎樣來(lái)突出你的思路。

    5、是否有不同的風(fēng)格,是否只是顏色上的變換.(將所有含有顏色的背景層保留)。

    這幾步,是在動(dòng)手之前要寫下來(lái)的,下面才是真正的動(dòng)手設(shè)計(jì)的步驟:

    1、確定分辨率.和不同分辨下對(duì)應(yīng)的效果

    與平面的載體的不同,決定了網(wǎng)頁(yè)具有比平面更靈活的表達(dá)方式。

    站點(diǎn)的滿屏概念其實(shí)是分相對(duì)和絕對(duì)兩種,相對(duì)的,是針對(duì)當(dāng)前分辨率的滿屏.而絕對(duì)滿屏幕,則是不同的顯示器不同的分辨率下都是滿屏,一般我會(huì)給出一個(gè)最小分

辨率,最大到無(wú)限.相對(duì)滿屏,比如1024×768,800×600等.最好是用絕對(duì)寬度來(lái)定義,就是像素為單位.而絕對(duì)滿屏,則用百分比.

    在確定分辨率之后,你的PS圖要比實(shí)際設(shè)計(jì)的圖要大.要考慮用戶使用高于你設(shè)計(jì)的分辨率下,網(wǎng)頁(yè)以怎樣的形式表達(dá),是居左,還是居中,還是靠在右邊。

    2、大背景,3條輔助線及邊界處理.結(jié)構(gòu)(頭部,中間,底部的大概位置.)

    整體是否有背景

    左邊界線,右邊界線,和中間線

    如果是絕對(duì)寬度的設(shè)計(jì),那么用戶使用較高分辨率瀏覽時(shí),內(nèi)容與多出的屏幕是否有分割.結(jié)構(gòu),究竟是上中下結(jié)構(gòu),還是左中右結(jié)構(gòu),還是其他的.每一塊,大概放什

么內(nèi)容。

    3、導(dǎo)航和標(biāo)志

    網(wǎng)站的100-1%是導(dǎo)航.這是一句被傳爛了的話

   你的導(dǎo)航是長(zhǎng)的還是短的,是橫的還是豎的.還是弧形的.是否有下拉菜單.比重各是多少.和標(biāo)志處在什么位置.各語(yǔ)言版面入口在哪里.登陸(后臺(tái)管理/用戶/MAIL)

在什么位置,標(biāo)志附近是否有點(diǎn)睛一般的廣告詞。

    4、banner同導(dǎo)航,和過(guò)度

    導(dǎo)航跟banner是分開(kāi)的還是在一起的.在一起的話你是否采用flash制作,如不用flash制作,你設(shè)計(jì)的背景是否適合切割成平鋪的背景,怎樣讓背景圖片體積最小。

記住不要用2×2的背景做平鋪.banner是占據(jù)了整個(gè)寬度,還是只是一部分.如果是一部分,那么空出的地方你準(zhǔn)備放什么東西。

    5、主體內(nèi)容部分

   我的中間是左右機(jī)構(gòu),還是一大塊,還是左中右結(jié)構(gòu)的.每一塊的分割采用什么手法.顏色以怎么樣的規(guī)則變化.然后將內(nèi)容填充進(jìn)去。

    6、底部版權(quán)信息及其他

    7、不同的風(fēng)格的調(diào)整

    關(guān)于圖片和小圖標(biāo)的選擇:

    圖片選擇遵循以下幾點(diǎn)要素:

    必須有一個(gè)鮮明的主題

    圖片盡量有懸念

    突出的內(nèi)容只有一個(gè)(圖片突出的內(nèi)容只有一個(gè),版面也一樣),從目標(biāo)對(duì)象或目標(biāo)服務(wù)對(duì)象來(lái)考慮圖片的選擇.要善于從做背景,新手盡量大面積留白,新手慎用弧

    圖標(biāo)選擇注意要素:圖標(biāo)表達(dá)意思與title相適應(yīng),同色系或統(tǒng)一風(fēng)格,學(xué)會(huì)突破(圖標(biāo)不受title的背景限制),圖標(biāo)大小要特別注意,善用圓角,要便于記憶。

    網(wǎng)頁(yè)制作的步驟預(yù)覽

    由于目前所見(jiàn)即所得類型的工具越來(lái)越多,使用也越來(lái)越方便,所以網(wǎng)頁(yè)制作已經(jīng)變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者

經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè),于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單,就匆匆忙忙制作自己的網(wǎng)站,可是做出來(lái)之后與別人一比,才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙,這是

為什么呢?常言道:"性急吃不了熱豆腐"。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣,它是一個(gè)系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個(gè)步驟,按部就班地一步步

來(lái),才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。

    一、確定網(wǎng)站主題

    網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬(wàn)

象。你沒(méi)有這個(gè)能力,也沒(méi)這個(gè)精力,所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定

則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料

  明確了網(wǎng)站的主題以后,你就要圍繞主題開(kāi)始搜集材料了。常言道:"巧婦難為無(wú)米之炊"。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,

搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái),也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為

自己制作網(wǎng)頁(yè)的素材。

    三、規(guī)劃網(wǎng)站

    一個(gè)網(wǎng)站設(shè)計(jì)得成功與否,很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含

的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了,才能在制作時(shí)駕

輕就熟,胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色,具有吸引力。

    四、選擇合適的制作工具

    盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞,但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多,首先就

是網(wǎng)頁(yè)制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首

選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動(dòng)畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁(yè)特效工具,如有聲有色等,網(wǎng)

上有許多這方面的軟件,你可以根據(jù)需要靈活運(yùn)用。

    五、制作網(wǎng)頁(yè)

    材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制

作。所謂先大后小,就是說(shuō)在制作網(wǎng)頁(yè)時(shí),先把大的結(jié)構(gòu)設(shè)計(jì)好,然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜,就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的

內(nèi)容,以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板,這樣可以大大提高制作效率。

    六、上傳測(cè)試

    網(wǎng)頁(yè)制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能,利用這些FTP工具,你

可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開(kāi)自己的網(wǎng)站,逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試,發(fā)現(xiàn)問(wèn)題,及時(shí)修改,然后再

上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來(lái)瀏覽。

    七、推廣宣傳

    網(wǎng)頁(yè)做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識(shí)它,提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多,例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交

換鏈接、加入廣告鏈等。 要想更好的推廣和宣傳自己的網(wǎng)站請(qǐng)?jiān)诒菊揪W(wǎng)站運(yùn)營(yíng)和網(wǎng)絡(luò)營(yíng)銷頻道學(xué)習(xí)更多知識(shí)。

    八、維護(hù)更新

    網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補(bǔ)充新的內(nèi)容,才能夠吸引住瀏覽者

[ 點(diǎn)擊數(shù):] [打印本網(wǎng)頁(yè)] [關(guān)閉本窗口]
相關(guān)內(nèi)容
查無(wú)記錄
     

版權(quán)所有?2015  滄州市品搜網(wǎng)絡(luò)技術(shù)有限公司  郵編:061001
“滄州市消費(fèi)者協(xié)會(huì)”為本公司常年監(jiān)督單位  “河北傲宇律師事務(wù)”所為本公司常年法律顧問(wèn)單位

地址:滄州市運(yùn)河區(qū)泰大廣場(chǎng)紅星美凱龍北側(cè)2號(hào)樓 1327-1328 建站專線:0317-2103366、2103388  13803178566 全國(guó)服務(wù)電話:400-883-8869
品牌建站網(wǎng)
sampledrivingtest.com  E-Mail:czppw@163.com QQ:571652609 1971135053 741731791
 許可證編號(hào):
冀ICP備11009334號(hào)  公安機(jī)關(guān)備案號(hào):13090002015634
滄州網(wǎng)絡(luò)公司,滄州網(wǎng)站建設(shè),滄州網(wǎng)站設(shè)計(jì),滄州網(wǎng)站制作,滄州做網(wǎng)站,滄州建網(wǎng)站,滄州網(wǎng)站推廣,滄州網(wǎng)絡(luò)推廣

 
qq客服在線客服