上海網站設計前情了解

作者：佚名   時間：2014-09-10   分享到：

關于網頁尺寸的設置：
　　1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
　　2、1024*768下，網頁寬度保持在1002以內，就不會出現水平滾動條，高度則視版面和內決定。
　　3、在ps里面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
　　4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB
　　如果要在1024分辨率下的話圖片大小設置是寬為1003是剛好滿屏
　　如果要以800分辨率下的話圖片大小設置為778是剛好滿屏
　　站長必須要了解的九條平面設計常識
　　小的本身是一個平面設計人員，前一陣兒有一些空閑的時間，便在各個站長網上發布了貼子，大意是免費制作logo，以換取網站連接（相信很多人都看過），半個月的時間做了80多個個人站或企業的logo，認識到了許許多多的站長，他們人都很好，但是其中一些站長由于由于對美工知識過于匱乏，導致了諸如讓我直接給圖片加連接，把橙色當作冷色調等讓人很無奈的問題，特此碼了這樣一篇文章，希望對大家有幫助。
　　1.源文件psd，ai，cdr的區別
　　psd文件就是用photoshop創建的，當然也必須用photoshop打開；
　　ai文件是Illustrator的。他們都是Adobe公司的。ai文件同樣也可以用photoshop打開，但打開后會載入在同一層內。
　　cdr文件是CorelDRAW的。
　　2.關于CMYK和RGB顏色模式
　　CMYK是Cyan（青）、Mageata（品紅）、Yellow（黃）、Black（黑），這是印刷上使用比較普遍的色彩模式。
　　R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們日常用的彩色電腦顯示器、彩色電視機等的色彩都使用這種模式。
　　3.矢量圖
　　矢量圖與位圖最大的區別是,它不受分辨率的影響。因此在印刷時,可以任意放大或縮小圖形而不會影響出圖的清晰度
　　矢量圖：是根據幾何特性來繪制圖形，矢量可以是一個點或一條線，矢量圖只能靠軟件生成，文件占用內在空間較小，因為這種類型的圖像文件包含獨立的分離圖像，可以自由無限制的重新組合。它的特點是放大后圖像不會失真，和分辨率無關，文件占用空間較小，適用于圖形設計、文字設計和一些標志設計、版式設計等。
　　ai cdr均為矢量圖。
　　4.圖片文件jpg，gif，png，bmp的區別
　　bmp：是未經過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大
　　gif：是經過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續的動畫.
　　png：是fireworks的圖片格式
　　jpg：也是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案
　　5.名片的尺寸問題
　　名片的標準尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在設計時
　　制作尺寸必須設定為：94 x 58mm。
　　6.源文件的提供問題
　　作為設計者和客戶（這里指各站長），如果事先沒有明文協議的話
　　設計者有權不提供源文件。
　　7.什么是logo，ci，vi
　　VI是Visual Identity的縮寫，中文譯為"企業視覺識別"。VI是CI計劃的靜態識別符號，是企業理念視覺化傳達的載體，因此它項目最多，效果最為直接。VI作為視覺識別，它是外在表現，固然需要具有美感，但VI必須是MI的體現，直接反映企業的理念。因此VI設汁包含這樣一些原則：即充分傳達企業理念、人性原則、民族性原則、簡潔抽象及動態原則、員工參與原則、法律原則、藝術性原則和個性原則。
　　CI是Corporate Identity的縮寫，中文譯為"企業形象"。CI計劃，是指企業有目的、有計劃、戰略性地創造出所希望的自身形象，由此提高企業的社會知名度，最終得到自己最適合的經營環境。
　　而logo只是網站或企業一個標志。
　　8，關于logo設計的資費問題
　　這個問題很不好說，如果是去找正規廣告公司做的話，根據公司規模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服務態度和服務質量不一定比小公司好。現如今有些朋友在論壇上說50元做logo，個人認為還不如不收取費用來得好些。這樣的惡性競爭下，設計業遲早會或者說已經被帶入了"民工職業"的行列。

　　網頁設計之設計步驟及思考
　　此文出自網絡
　　本章的設計步驟是建立在 網頁設計進階之一 (步驟和大局觀) 之上的.可能會涉及一些平面相關的知識.和網頁與平面的比較.網頁與平面的區別我會在以后在寫.
　　本章所講的基于PHOTOSHOP軟件制作.
　　本章印證了網頁90%是排版這句話.
　　遵循從整體到局部的順序.
　　1、在定位的基礎上,搞明白自己要做什么.
　　這句其實不用解釋了.你要明白的是我要做的站大概有什么樣的效果,并有例子在腦海里浮現.要做的這個站屬于什么樣的行業,這個行業的站都有什么共同的特點.
　　2、你的目標/效果和你希望達到的目標/效果是怎么樣的.你設計的目標,與客戶的目標和公司領導的目標是否一致,有什么區別.
　　3、你要如何去做,怎樣去做,用什么樣的手法手段,來達到你的目標/效果.又用怎樣的設計來強化和突出這個效果.
　　4、你的布局,應該怎樣和你的設計搭配,怎樣來突出你的思路.
　　5、是否有不同的風格,是否只是顏色上的變換.(將所有含有顏色的背景層保留)
　　這幾步,是在動手之前要寫下來的.甚至有更詳細的功能和版面的東西,自己搞定吧.
　　下面才是真正的動手設計的步驟：
　　1、確定分辨率.和不同分辨下對應的效果.
　　與平面的載體的不同,決定了網頁具有比平面更靈活的表達方式.
　　站點的滿屏概念其實是分相對和絕對兩種,相對的,是針對當前分辨率的滿屏.而絕對滿屏幕,則是不同的顯示器不同的分辨率下都是滿屏,一般我會給出一個最小分辨率,最大到無限.相對滿屏,比如1024×768,800×600等.最好是用絕對寬度來定義,就是像素為單位.而絕對滿屏,則用百分比.
　　在確定分辨率之后,你的PS圖要比實際設計的圖要大.要考慮用戶使用高于你設計的分辨率下,網頁以怎樣的形式表達,是居左,還是居中,還是靠在右邊.
　　2、大背景,3條輔助線及邊界處理.結構(頭部,中間,底部的大概位置.)
　　整體是否有背景.
　　左邊界線,右邊界線,和中間線.
　　如果是絕對寬度的設計,那么用戶使用較高分辨率瀏覽時,內容與多出的屏幕是否有分割.
　　結構,究竟是上中下結構,還是左中右結構,還是其他的.每一塊,大概放什么內容.
　　3、導航和標志.
　　網站的100-1%是導航.這是一句被傳爛了的話.
　　你的導航是長的還是短的,是橫的還是豎的.還是弧形的.是否有下拉菜單.比重各是多少.和標志處在什么位置.各語言版面入口在哪里.登陸(后臺管理/用戶/MAIL)在什么位置,標志附近是否有點睛一般的廣告詞.
　　好了,我們進行下一步.
　　4、banner同導航,和過度.
　　導航跟banner是分開的還是在一起的.在一起的話你是否采用flash制作,如不用flash制作,你設計的背景是否適合切割成平鋪的背景,怎樣讓背景圖片體積最小.記住不要用2×2的背景做平鋪.banner是占據了整個寬度,還是只是一部分.如果是一部分,那么空出的地方你準備放什么東西.
　　5、主體內容部分.
　　我的中間是左右機構,還是一大塊,還是左中右結構的.每一塊的分割采用什么手法.顏色以怎么樣的規則變化.然后將內容填充進去.
　　6、底部版權信息及其他.
　　7、不同的風格的調整.
　　基本是這些.我理不清頭緒,寫出來的這些自己基本都不滿意,但總可以讓自己規避很多的問題吧.
　　關于圖片和小圖標的選擇:
　　圖片選擇遵循以下幾點要素:
　　必須有一個鮮明的主題.
　　圖片盡量有懸念.
　　突出的內容只有一個(圖片突出的內容只有一個,版面也一樣)
　　從目標對象或目標服務對象來考慮圖片的選擇.
　　要善于從做背景.
　　新手盡量大面積留白.
　　新手慎用弧.
　　圖標選擇注意要素:
　　圖標表達意思與title相適應
　　同色系或統一風格.
　　學會突破(圖標不受title的背景限制)
　　圖標大小要特別注意.
　　善用圓角.(與弧不同)
　　要便于記憶.
　　盡量避免重復(純裝飾除外,重復刺激效果的除外)
　　網頁制作的步驟預覽
　　由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以網頁制作已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會制作網頁，于是他們認為網頁制作非常簡單，就匆匆忙忙制作自己的網站，可是做出來之后與別人一比，才發現自己的網站非常粗糙，這是為什么呢？常言道："性急吃不了熱豆腐"。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
　　一、確定網站主題
　　網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
　　二、搜集材料
　　明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道："巧婦難為無米之炊"。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。
　　三、規劃網站
　　一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的制作工具
　　盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟件，你可以根據需要靈活運用。
　　五、制作網頁
　　材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。