企業網站建設中設計的原則
作者:佚名 時間:2014-05-16 分享到:
企業網站建設時網頁設計顯得極為重要,下面是聯楷小編整理編輯的一些網站設計中應注意的原則。
一、 明確建立網站的目標和用戶需求
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此我們必須明確設計站點的目的和用戶需求,從而做出切實可行的設 計計劃。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,以“消費者”為中心,而不是以“美術”為中心進行設計規劃。在設計規劃時我 們會考慮: 外國網頁設計建設網站的目的是什么?為誰提供服務和產品?企業能提供什么樣的產品和服務?網站建設的目的消費者和受眾的特點是什么?企業產品和服務適合什 么樣的表現方式(風格)?
二、網頁設計總體方案主題鮮明
在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。
Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。
為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。
Web站點主頁應具備的基本成分包括: 頁頭:準確無誤地標識你的站點和企業標志; Email地址:用來接收用戶垂詢; 聯系信息:如普通郵件地址或電話; 版權信息:聲明版權所有者等。充分利用已有信息,如客戶手冊.公共關系文檔.技術手冊和數據庫等。
三、網站的版式設計
網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處。
版式設計通過文字圖形的空間組合,表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
四、色彩在網頁設計中的作用
色彩是藝術表現的要素之一。在網頁設計中,我們的設計師根據和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構成美麗的頁面。 根據色彩對人們心理的影響,合理地加以運用。如果您的企業有CIS(企業形象識別系統),我們將按照其中的VI進行色彩運用。
五、網頁設計形式與內容相統一
為了將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。
靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則 在頁面設計中, 它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素,巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果,充分表達完美的設計意境。
六、三維空間的構成和虛擬現實
網絡上的三維空間是一個假想空間,這種空間關系需借助動靜變化.圖像的比例關系等空間因素表現出來。 在頁面中,圖片、文字位置前后疊壓,或頁面位置變化所產生的視覺效果都各不相同。通過圖片、文字前后疊壓所構成的空間層次不太適合網頁設計,根據現有瀏覽 器的特點,網頁設計適合比較規范、簡明的頁面,盡管這種疊壓排列能產生強節奏的空間層次,視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系,以及疏密的位置關系所產生的空間層次,這兩種位置關系使產生的空間層次富有彈性,同時也讓人 產生輕松或緊迫的心理感受。 現在,人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現實要在Web網上展示其迷人的風采,于是VRML語言出 現了。VRML是一種面向對象的語言,它類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運行在多種平臺之上,只不過能夠更多地 為虛擬現實環境服務。
七、網頁設計中多媒體功能的利用
網絡資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,網頁的內容可以用三維動畫、FLASH等來表現。但要由于網絡寬帶的限制,在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。
八、結構清晰并且便于使用
如果人們看不懂或很難看懂您的網站,那么,他如何了解你的企業和服務呢?使用一些醒目的標題或文字來突出您的產品與服務。并且即使您擁有最棒的產品,如果客戶從您的網站上不清楚您在介紹什么或不清楚如何受益的話,他們是不會喜歡您的網站的,這就是網頁設計的失敗。
九、導向清晰
網頁設計中導航使用超文本鏈接或圖片鏈接,使人們能夠在您的網站上自由前進或后退,而不會讓他們使用瀏覽器上的前進或后退。我們在所有的圖片上使用“ALT”標識符注明圖片名稱或解釋,以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。
十、快速的下載時間
很多的瀏覽者不會進入需要等待5分鐘下載時間才能進入的網站,在互聯網上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此,我們會建議 您在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作,將主要頁面的容量控制在50K以內,平均30K左右,確保普通瀏覽者頁面 等待時間不超過10秒。
十一、非圖形的內容
我們在必要時適當使用動態“Gif”圖片,為減少動畫容量,應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是,由于在互聯網瀏覽的大多是一些尋找信息的人們,我們仍然建議您要確定您的網站將為他們提供的是有價值的內容,而不是過度的裝飾。
十二、方便的反饋及訂購程序
讓客戶明確您所能提供的產品或服務并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的欲望,您是否能夠讓他們盡快實現嗎?是在線還是離線?
十三、網站測試和改進
測試實際上是模擬用戶詢問網站的過程,用以發現問題并改進網頁設計。我們通常與用戶共同安排網站測試。編輯本段網頁設計現狀以及實戰技巧
(一)垃圾還是經典
網頁技術更新很快,一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經典。經典只存在于是哪個首次成功創新性的應用。一 個閉門造車者做出的東西,是遠遠趕不上綜合借鑒者的。網頁設計不同于其他藝術,在模仿加創新的網頁設計領域當中,即便是完全自己設計的,也是沿用了人們已 經認同的大部分用戶習慣,而且這種沿襲的痕跡是非常的明顯!還有哪個設計者敢腆著臉說,這都是我自己的原創設計?對于業界來說,經典只是個理念和象征!
(二)國內網頁設計環境
不可否認,國內網頁設計環境目前還停留在初級的認知階段,也就是說,絕大多 數人不知道網絡的真正的可用之處,你去做一個業務的時候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業角度去教育非專業認識,結果是可 想而知的。也正是這種全體社會普遍的低認知水平,導致了大量網絡垃圾的產生。
(三)什么是好的網頁設計
(1)內容和功能決定表現形式和界面設計
常常拿到的任務是一張小紙條,上面兩句話,叫你去做一個網站設計。有的人看看紙條就去設計頁面了,憑兩句話,你就可以為客戶做一個頁面設計,以我7、8年的設計經驗,我都不敢去做,你真是我的偶像阿!做網頁設計,你需要了解客戶的東西很多:
1、建站目的
2、欄目規劃及每個欄目的表現形式及功能要求
3、主色、客戶性別喜好、聯系方式、舊版網址、偏好網址
4、根據行業和客戶要求,那些要著重表現
5、是否分期建設、考慮后期的兼容性
6、客戶是否有強烈的建站欲望
7、你是否能在精神意識上控制住客戶
8、面對你未接觸的技術知識,你有底嗎?
9. 網站類型
當你把這些內容都了解清楚了時候,你的大腦中就已經給這個網站有個全面而形象的定位了,這時才是有的放矢去做界面設計的時候了。
(2)界面弱化
一個好的界面設計它的界面是弱化的,它突出的是功能,著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在 0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。當然上面說的是大多數功能性網站,對于宣傳展 示性網站,諸如加特效的或Flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心 越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。
(3)模塊化和可修改性強
模塊化不僅可以提高重用性,也能統一網站風格,還可以降低程序開發的強度。這里就涉及一些尺寸、模數、寬容度、命名規范等等知識了,不再冗述。
無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類 按鈕的背景圖片,然后用在網頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的,一般既能清晰又保證美 觀的字體字號有幾類:宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |
(4)創意是可恥的,分析能力遠比創意來的重要
設計界動輒就大談什么“創意”,我要說的是,還沒有搞清目的意義內容,還沒在技術制作上臻于完善的基礎上,用創意和特效來迷惑客戶和訪客是可恥的。一個網頁設計者的分析能力遠比創意來的重要。