網(wǎng)頁設(shè)計需要了解的相關(guān)知識
關(guān)于網(wǎng)頁尺寸的設(shè)置：
1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)決定。
3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右。
4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB。
如果要在1024分辨率下的話圖片大小設(shè)置是寬為1003是剛好滿屏。
如果要以800分辨率下的話圖片大小設(shè)置為778是剛好滿屏。
站長必須要了解的九條平面設(shè)計常識
1.源文件psd，ai，cdr的區(qū)別
psd文件就是用photoshop創(chuàng)建的，當然也必須用photoshop打開；
ai文件是Illustrator的。他們都是Adobe公司的。ai文件同樣也可以用photoshop打開，但打開后會載入在同一層內(nèi)。
cdr文件是CorelDRAW的。
2.關(guān)于CMYK和RGB顏色模式
CMYK是Cyan（青）、Mageata（品紅）、Yellow（黃）、Black（黑），這是印刷上使用比較普遍的色彩模式。
R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們?nèi)粘Ｓ玫牟噬?/P>
腦顯示器、彩色電視機等的色彩都使用這種模式。
3.矢量圖
矢量圖與位圖最大的區(qū)別是,它不受分辨率的影響。因此在印刷時,可以任意放大或縮小圖形而不會影響出圖的清晰度。
矢量圖：是根據(jù)幾何特性來繪制圖形，矢量可以是一個點或一條線，矢量圖只能靠軟件生成，文件占用內(nèi)在空間較小，因為這種類型的圖像文件包含獨立的分離
圖像，可以自由無限制的重新組合。它的特點是放大后圖像不會失真，和分辨率無關(guān)，文件占用空間較小，適用于圖形設(shè)計、文字設(shè)計和一些標志設(shè)計、版式設(shè)計等。
ai cdr均為矢量圖。
4.圖片文件jpg，gif，png，bmp的區(qū)別
bmp：是未經(jīng)過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大。
gif：是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫。
png：是fireworks的圖片格式。
jpg：也是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案
網(wǎng)頁設(shè)計之設(shè)計步驟及思考
1、在定位的基礎(chǔ)上,搞明白自己要做什么
這句其實不用解釋了.你要明白的是我要做的站大概有什么樣的效果,并有例子在腦海里浮現(xiàn).要做的這個站屬于什么樣的行業(yè),這個行業(yè)的站都有什么共同的特點.
2、你的目標/效果和你希望達到的目標/效果是怎么樣的.你設(shè)計的目標,與客戶的目標和公司領(lǐng)導的目標是否一致,有什么區(qū)別。
3、你要如何去做,怎樣去做,用什么樣的手法手段,來達到你的目標/效果.又用怎樣的設(shè)計來強化和突出這個效果。
4、你的布局,應(yīng)該怎樣和你的設(shè)計搭配,怎樣來突出你的思路。
5、是否有不同的風格,是否只是顏色上的變換.(將所有含有顏色的背景層保留)。
這幾步,是在動手之前要寫下來的，下面才是真正的動手設(shè)計的步驟：
1、確定分辨率.和不同分辨下對應(yīng)的效果
與平面的載體的不同,決定了網(wǎng)頁具有比平面更靈活的表達方式。
站點的滿屏概念其實是分相對和絕對兩種,相對的,是針對當前分辨率的滿屏.而絕對滿屏幕,則是不同的顯示器不同的分辨率下都是滿屏,一般我會給出一個最小分
辨率,最大到無限.相對滿屏,比如1024×768,800×600等.最好是用絕對寬度來定義,就是像素為單位.而絕對滿屏,則用百分比.
在確定分辨率之后,你的PS圖要比實際設(shè)計的圖要大.要考慮用戶使用高于你設(shè)計的分辨率下,網(wǎng)頁以怎樣的形式表達,是居左,還是居中,還是靠在右邊。
2、大背景,3條輔助線及邊界處理.結(jié)構(gòu)(頭部,中間,底部的大概位置.)
整體是否有背景
左邊界線,右邊界線,和中間線
如果是絕對寬度的設(shè)計,那么用戶使用較高分辨率瀏覽時,內(nèi)容與多出的屏幕是否有分割.結(jié)構(gòu),究竟是上中下結(jié)構(gòu),還是左中右結(jié)構(gòu),還是其他的.每一塊,大概放什
么內(nèi)容。
3、導航和標志
網(wǎng)站的100-1%是導航.這是一句被傳爛了的話
你的導航是長的還是短的,是橫的還是豎的.還是弧形的.是否有下拉菜單.比重各是多少.和標志處在什么位置.各語言版面入口在哪里.登陸(后臺管理/用戶/MAIL)
在什么位置,標志附近是否有點睛一般的廣告詞。
4、banner同導航,和過度
導航跟banner是分開的還是在一起的.在一起的話你是否采用flash制作,如不用flash制作,你設(shè)計的背景是否適合切割成平鋪的背景,怎樣讓背景圖片體積最小。
記住不要用2×2的背景做平鋪.banner是占據(jù)了整個寬度,還是只是一部分.如果是一部分,那么空出的地方你準備放什么東西。
5、主體內(nèi)容部分
我的中間是左右機構(gòu),還是一大塊,還是左中右結(jié)構(gòu)的.每一塊的分割采用什么手法.顏色以怎么樣的規(guī)則變化.然后將內(nèi)容填充進去。
6、底部版權(quán)信息及其他
7、不同的風格的調(diào)整
關(guān)于圖片和小圖標的選擇:
圖片選擇遵循以下幾點要素:
必須有一個鮮明的主題
圖片盡量有懸念
突出的內(nèi)容只有一個(圖片突出的內(nèi)容只有一個,版面也一樣)，從目標對象或目標服務(wù)對象來考慮圖片的選擇.要善于從做背景，新手盡量大面積留白，新手慎用弧
圖標選擇注意要素:圖標表達意思與title相適應(yīng)，同色系或統(tǒng)一風格，學會突破(圖標不受title的背景限制)，圖標大小要特別注意，善用圓角，要便于記憶。
網(wǎng)頁制作的步驟預(yù)覽
由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以網(wǎng)頁制作已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者
經(jīng)過短暫的學習就可以學會制作網(wǎng)頁，于是他們認為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是
為什么呢？常言道："性急吃不了熱豆腐"。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步
來，才能設(shè)計出一個滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬
象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定
則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
二、搜集材料
明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道："巧婦難為無米之炊"。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，
搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為
自己制作網(wǎng)頁的素材。
三、規(guī)劃網(wǎng)站
一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含
的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕
輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。
四、選擇合適的制作工具
盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就
是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學者，F(xiàn)rontpage2000是首
選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)
上有許多這方面的軟件，你可以根據(jù)需要靈活運用。
五、制作網(wǎng)頁
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制
作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的
內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。
六、上傳測試
網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你
可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再
上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交
換鏈接、加入廣告鏈等。 要想更好的推廣和宣傳自己的網(wǎng)站請在本站網(wǎng)站運營和網(wǎng)絡(luò)營銷頻道學習更多知識。
八、維護更新
網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者
|
網(wǎng)頁設(shè)計需要了解的相關(guān)知識
