網(wǎng)站建設之頁(yè)面設計技巧

發(fā)布日期：[2013/9/21] 編輯：奇億廣州網(wǎng)站建設

　　在網(wǎng)站建設的過(guò)程中我們會(huì )遇到很多問(wèn)題，我們也會(huì )去解決各類(lèi)問(wèn)題。無(wú)論是網(wǎng)站設計還是代碼編寫(xiě)。今天針對網(wǎng)站建設過(guò)程中我們會(huì )遇到的一些小問(wèn)題，并給出一些簡(jiǎn)單的解決辦法。

　　Ie6不支持Png格式下的透明。

　　應用解析：有不少人都會(huì )對LOGO進(jìn)行透明處理以融入head部分的漸變背景。

　　解決方案：采用JS代碼實(shí)現或CSS濾鏡功能，當然問(wèn)題也存在部分，導致圖片質(zhì)成像量不高。

　　小技巧1：將透明的LOGO用高于IE6的瀏覽器打開(kāi)網(wǎng)頁(yè)，然后采用FF的PearlCrescentPageSaver全屏截圖插件截屏。再采用PS或者Fireworks進(jìn)行裁切LOGO部分。并替換透明背景LOGO。這樣即使是漸變背景也能和LOGO保持一致。

　　小技巧2：布局上頁(yè)面與頁(yè)面之間存在相同部分，要學(xué)會(huì )簡(jiǎn)化。當兩個(gè)頁(yè)面有部分板塊相同，最好不要去讓兩個(gè)頁(yè)面獨立存在，可以將兩個(gè)相同部分獨立出來(lái)。采用程序調用共同部分。以減少網(wǎng)頁(yè)代碼。

　　小技巧3：網(wǎng)站重要頁(yè)面最好有可更新或者可調用更新內容的板塊。以達到日常更新引蜘蛛爬行的目的，原因很簡(jiǎn)單，利于網(wǎng)站SEO優(yōu)化。

　　小技巧4：網(wǎng)站要和互聯(lián)網(wǎng)接軌，要跟得上時(shí)代，別忘了在網(wǎng)站完成后給網(wǎng)站安裝一個(gè)百度分享工具，或者新浪微博，這樣做利于網(wǎng)站推廣。

　　小技巧5：新手設計網(wǎng)站困難，photoshop水平不高，怎么辦?AXURE讓網(wǎng)站設計更輕松。很多高端網(wǎng)站設計師都采用PS對網(wǎng)站進(jìn)行美化設計以達到更絢麗的網(wǎng)頁(yè)效果，對于新手而言，PS的學(xué)習無(wú)疑是一道門(mén)檻。采用Axure并結合“扁平化設計”也可以讓新手也能很簡(jiǎn)單“拖”出很精致的網(wǎng)頁(yè)。

　　小技巧6：Jiasale將小型企業(yè)站變成小型電商平臺，無(wú)需注冊直接即可購買(mǎi)產(chǎn)品。針對部分微小型企業(yè)，很多企業(yè)無(wú)力承擔高昂的建站費用，但又希望自己的網(wǎng)站能帶來(lái)商機或者達成線(xiàn)上交易，那么龐大的會(huì )員管理系統，以及產(chǎn)品訂購功能無(wú)疑是一大難題，Jiasale是一款購物按鈕可以讓網(wǎng)站快速實(shí)現電子商務(wù),只需要在網(wǎng)站中添加一段代碼,就能輕松實(shí)現站中店。(非廣告)。連接支付寶無(wú)需注冊，即可購買(mǎi)。對于一些有著(zhù)線(xiàn)上交易需求的站長(cháng)而言，還是挺方便的。

　　從網(wǎng)站整體結構方面來(lái)說(shuō)，我們需要先了解一下網(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分：

　　首頁(yè)：網(wǎng)站的門(mén)面，如同公司的形象，特別注重設計和規劃。
　　框架頁(yè)：網(wǎng)站的主要結構頁(yè)面，又稱(chēng)次首頁(yè)、內頁(yè)，大型網(wǎng)站往往框架頁(yè)即首頁(yè)，如一些門(mén)戶(hù)網(wǎng)站�？蚣茼�(yè)主要是網(wǎng)站內部主要欄目的首頁(yè)，講究風(fēng)格的一致性，并于主頁(yè)呼應。
　　普通頁(yè)：網(wǎng)站主要的承載信息的頁(yè)面，設計要求不高，但要求鏈接準確、文字無(wú)誤、圖文并茂，并沿襲網(wǎng)頁(yè)的風(fēng)格。
　　彈出頁(yè)：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。
　　
　　通過(guò)上面的分析，我們可以看出：
　　
　　從功能上來(lái)看，首頁(yè)主要承擔著(zhù)樹(shù)立企業(yè)形象（當然不僅僅是首頁(yè)）的作用，框架頁(yè)在導航方面起著(zhù)重要的作用，比如各欄目?jì)炔恐饕獌热莸慕榻B，都可以在框架頁(yè)中體現再進(jìn)入普通頁(yè)，讓瀏覽者能夠迅速了解網(wǎng)站各欄目的主要內容，擇其需要而瀏覽，而普通頁(yè)則是主要的信息頁(yè)面，也是網(wǎng)站的最終頁(yè)面，對于大型網(wǎng)站，這種結構非常重要，而對于中小型企業(yè)，網(wǎng)站規模較小、頁(yè)面數量不多，有時(shí)框架頁(yè)就起著(zhù)普通頁(yè)的作用，至于彈出頁(yè)，建議您不是必要，最好不要用。下面詳細介紹各頁(yè)面的設計技巧：
　　
　　一、首頁(yè)設計技巧
　　網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)面，在此，提醒上網(wǎng)的企業(yè)注意自己門(mén)面的設計，決不能敷衍了事、馬馬虎虎。我們會(huì )經(jīng)�？吹接∷⒕赖漠a(chǎn)品目錄或廣告，當您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候，相信您或多或少會(huì )對有關(guān)的產(chǎn)品形成一種好感，即使您不會(huì )購買(mǎi)，也必然對這些產(chǎn)品形成一定程度的認同。而對于設計毛糙的宣傳品，您肯定會(huì )懷疑其內容的真實(shí)性，從而對其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好，現在說(shuō)說(shuō)網(wǎng)站的設計，相信您會(huì )同意這種說(shuō)法：網(wǎng)站的頁(yè)面就好比是“無(wú)紙的印刷品”。既然如此，我們會(huì )因此而得出一個(gè)結論：精良和專(zhuān)業(yè)網(wǎng)站的設計，如同制作精美的印刷品，會(huì )大大刺激消費者（訪(fǎng)問(wèn)者）的購買(mǎi)欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會(huì )給消費者（訪(fǎng)問(wèn)者）留下較好的印象。值得一提的是，除非您的企業(yè)有專(zhuān)業(yè)的網(wǎng)站規劃、設計人員，否則您最好找專(zhuān)業(yè)公司或專(zhuān)業(yè)人員為您設計制作，一個(gè)優(yōu)秀的專(zhuān)業(yè)設計人員會(huì )很快明白您的意圖，并根據您的建站目的提出建設性的意見(jiàn)。
　　
　　一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類(lèi)型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設計布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫(huà)面，向瀏覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設計者具有良好的設計基礎和審美能力，能夠努力挖掘企業(yè)深層的內涵，展示企業(yè)文化。這種類(lèi)型的首頁(yè)在設計過(guò)程中一定要明確要以設計為主導，通過(guò)色彩、布局給訪(fǎng)問(wèn)者留下深刻的印象，當然，我們不能為了設計而設計，我們的目的是營(yíng)銷(xiāo)，在設計過(guò)程中一定要牢記這一點(diǎn)！
　　
　　另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶(hù)網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內容分類(lèi)、重點(diǎn)信息、網(wǎng)站導航、公司信息等等，也就是我們上面談到的框架頁(yè)，這種風(fēng)格比較適合網(wǎng)站信息量大，內容豐富的網(wǎng)站，因為是以展示信息為主，這是的設計就要在細微之處體現企業(yè)形象，建議設計人員最好仔細閱讀企業(yè)的ＣＩ手冊，熟悉企業(yè)標志、吉祥物、字體及用色標準，在網(wǎng)站的局部體現出來(lái)，往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線(xiàn)就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設計人員在設計過(guò)程中要注意使用這些語(yǔ)言符號來(lái)表達一種獨特的企業(yè)信息。

　　二、風(fēng)格保持一致——內頁(yè)設計技巧
如何保持網(wǎng)站風(fēng)格的一致，是進(jìn)行內頁(yè)設計過(guò)程中考慮的重要方面，根據我的經(jīng)驗，您可以嘗試以下幾種設計方式：

　　1、結構的一致性：我們知道，網(wǎng)站的統一性在網(wǎng)站營(yíng)銷(xiāo)中占重要地位，而網(wǎng)站結構是網(wǎng)站風(fēng)格統一的重要手段，包括網(wǎng)站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等，到國外著(zhù)名的電子商務(wù)網(wǎng)站瀏覽，你會(huì )發(fā)現這些網(wǎng)站結構驚奇的一致性，所不同的是色彩或內容，在結構的一致性中，我們要強調網(wǎng)站標志性元素的一致性，即網(wǎng)站或公司名稱(chēng)、網(wǎng)站或企業(yè)標志、導航及輔助導航的形式及位置、公司聯(lián)系信息等，這種方式是目前網(wǎng)站普遍采用的結構，一方面減少設計、開(kāi)發(fā)的工作量，同時(shí)更有利于以后的網(wǎng)站維護與更新。

　　當然相信每個(gè)人都有自己的網(wǎng)站建設方面的技巧。也有自己解決問(wèn)題的方法。希望這篇文章能帶給大家幫助。