當前位置:才華齋>設計>網頁設計>

網頁設計要點分析

網頁設計 閱讀(9.46K)

近年來網站如雨後春筍般大批的出現在網路上,網頁設計製作也變得越來越重要。以下是小編為大家搜尋整理的網頁設計要點分析,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

網頁設計要點分析

“ 網頁設計 “是指一個網站的圖形結構,通過美學,視覺識別的公司或組織。因此,這是一個步驟的視覺化設計,而不是功能設計(人體工程學設計,導航)。

易雅達網頁設計的目的是提升形象的公司或組織通過圖形元素,以提高其視覺形象和信心給使用者的感覺。然而,根據人體工程學的標準,一個網站必須首先滿足使用者的期望,使他們能夠找到他們尋找的資訊。

該網站的設計是一個驚人的圖形,給信譽和品牌公司和(或面板),使使用者可以輕鬆地找到他尋求一個簡單的導航演示之間的一種折衷。

推而廣之,網頁設計師的工作是設計一個網站的設計。

  必要的啟示

一 個網頁的設計主要是一種藝術行為實施的發明和創造。但是,本指南的目的是提供一些關鍵要素,以實現有效的設計,一個很好的靈感來源,可能是參觀的參考網 站,包括專業網站。這是特別有趣的研究,他們每個人都有的選單和資訊塊的資訊,提出並在總體上確定什麼使網站看起來很專業。

  頁面佈局

它通常會導致建立模板頁面(中英文模板),使用模板建立的網站。模板建立的影象層,或網頁的骨架圖的頁面型別。

一個網頁的傳統結構,如下所示:

在左上角的標誌。大部分時間的標誌是可點選的,並導致的主頁;

的導航區(選單),左檢視和/或右;

標頭檔案,包含該網站的名稱,導航欄和區域的旗幟(廣告或其他方式);

體的一個頁面,包含的基本資訊;

頁尾收集有用的資訊,如日期的更新,連結到一個接觸的形式,地圖等。

它是必不可少的區分的`模板,該模板是不變的元素相同的所有頁面,或變數從一個網頁到另一個。

  圖形

被稱為“ 圖形 “(英語包機圖形)的規則總結總結檔案,介紹了一個網站的圖形,反映了其視覺形象。

定義圖形的服裝圖形頁面,包括大小,顏色和外觀上的文字,影象和按鈕,以及在網站上頁面上的物件的相對位置。

  模型

一個模型是一個虛擬的網頁設計和導航的網站和內容(原型)。該模型正式確定了網站的設計和驗證步驟通常是這個階段,移動到了實施階段。

該模型的主要頁面靜態頁面的網站(內容),可以模擬導航。因此,動態元素,例如在搜尋引擎例如可以導致一個頁面,假的結果。

  頁面大小

網頁的大小主要取決於顯示器的解析度(解析度為誤用這個詞)的客戶。

在寬度方面,最理想的是選擇一個值低於水平解析度為廣大遊客,所以不要強迫他們水平滾動條滾動。一個簡短的頁面訪問者的資訊來識別感興趣的專案,它可以很容易地撇去。

關於長度,最好是不超過三至五個螢幕高度。事實上,網頁過長,可能無法閱讀全文,並需要更長的時間來載入。

為了確保最佳的展示,為廣大遊客有幾個策略:

選擇所支援的最大數目(600至800畫素寬,例如)的更小的寬度;

選擇一個頁與無形的表不同的寬度(以百分比定義為);

檢測的解析度使用指令碼(JavaScript的例子)的遊客,訪問者重定向到一個頁面的正確寬度。這種方法需要遊客有一個瀏覽器的JavaScript和需求建立任意多的頁面所需的寬度。

  位置資訊

建立頁面時,該位置資訊是重要的。鑑於資訊(對角線從左上角到右下角)的讀取方向,在頁面頂部的資訊更容易被使用者讀取。

  顏色選擇

這是最好不要在一個網站上使用三個以上不同的顏色,以滿足標準的清醒。色彩的選擇與組織(包括標誌的顏色)的顏色,並表示,如果一種特殊的情緒。

無論所選擇的顏色,它建議,一個主要的顏色,代表大多數的網頁,和一個或多個輔助的顏色更鮮豔的(亮)在較小的比例,在以元素高亮顯示。

顏色有象徵意義暗示的保證。因此重要的是在知情選擇。事實上,顏色會影響個人的行為:

物理:食慾,睡眠,體溫等。

情感:感情的恐懼,安全,歡樂,等。

心理上的活力,注意力不集中等。

下表總結了傳統相關顏色的含義:

顏色 符號改良 符號貶義 領域

藍色 冷靜,自信,權力,平靜,安詳,保護,嚴肅,神祕,善良,水,空間,和平 冷的睡眠 帆船,新技術,計算機,醫藥

紫色 美食,激情,自由裁量權,謙虛,宗教,政治或其他見解。 憂鬱,悲傷,悲傷,沮喪 文化,政治

粉紅色 魅力,親密關係,女人,美女 無辜 日記,女

紅色 溫暖,力量,勇氣,力量,勝利,愛和熱情。 暴力,憤怒,危險,緊急情況下,禁止,血,地獄。 豪華,時尚,體育,營銷,媒體

橙 溫暖,舒適,榮耀,幸福,財富,榮譽,快樂,水果,氣味,色調和活力。 消防警報 娛樂,體育,旅遊

黃 光,歡樂,陽光,生命,尊嚴,電力,黃金,財富,不朽的。 欺騙,自私,嫉妒,驕傲,警報 旅遊

綠色 自然,植物的生命,幫助,平衡,信心,治療,休息,信任,寬容,希望,自豪,青年慈善機構。 發現,自然,旅遊,教育

棕色 平靜,哲學,風土。 汙垢 環境

白 純潔,天真,雪,潔淨,新鮮,豐富。 時尚新聞

灰色 中立,尊重。 設計,社團,非營利組織

黑色 簡約,奢華,晚上。 死亡,黑暗,悲傷,單調。 電影,藝術,攝影,並禁止

色彩構成也有一定影響力的看法,卷。顏色組合可以產生幸福的感覺,無論是裝飾家庭,一個網站的圖形。

在色輪與顏色之間的相互作用是一個很好的工具。色輪是一個圓形表示的顏色,有以下幾種顏色:

三原色(紅,黃,綠)的顏色“純”不能獲得通過混合其他顏色;

的二次色(青色,品紅色,黃色),得到的混合相等的部分的兩個相鄰的原色。二次色是截然相反它們的互補色在色輪上(減法);

第三色,得到混合的主色和二次色。

顏色也被歸類為“溫暖”顏色(包括音接近紅色)和“冷”(這是接近的藍色為基調)。

有 規則的普遍的和諧的顏色,由於眼睛的物理性質。事實上,當一個人考慮顏色,眼睛會自動建立,它的輪廓,補色過濾器。被稱為“同時對比”。通過這個機制,對 顏色的感知依賴於周圍的顏色。好了,黃色似乎更偏向於橙色,結合藍色和藍似乎更偏向於紫色。旁邊會出現一個藍色到紅色到綠色等。

此外,鄰近的顏色的色度圖上營造了一種平衡的眼睛,在沒有對比,並說“和諧比喻”。

主要有兩種方式,使整體和諧的色彩選擇:

選擇的音調的頻率接近相同的色相相同的顏色或顏色的色調,

通過混合的互補色(熱和冷),即是說遙控器上的顏色的色度圖。對於兩種顏色,只需選擇截然相反的互補色,三色,所選擇的顏色應形成一個等邊三角形,等。

最後,整體暖色的元素出現大於冷色調的元素。

  選擇影象

使用的影象提高了一個網站,讓更多的同性戀。然而,濫用的影象可能會妨礙視覺舒適度,以及頁面載入。

初級站長喜歡從網上收集的有趣的動畫來照亮他們的網站。在可能的情況下最好是去,因為他們可以刺激讀者,因為他們給一個字元業餘網站。

  彩色背景

選擇背景顏色(中英文背景)是很重要的,因為選擇不當的背景可能會妨礙可讀性。一個很好的前景和占主導地位的背景顏色之間的顏色對比是必要的。因此,強烈建議選擇背景圖片,因為它可能會干擾閱讀和一般業餘尤顯。的背景,一般應選擇很蒼白。

  活版印刷

這是強烈反對不當使用超過2種字型在網站上。程式化的字型應謹慎使用(例如標題),並採用了經典的字型(宋體,黑體,宋體等),大部分的網頁,必須完成..

要使用傳統的印刷,襯線字型(襯)在整體上促進閱讀,因為襯線幫助支援讀者的眼球。

在網路上,使用這樣的政策是不建議,因為根據定義訪問者的螢幕,底座可以迅速成為惱人的亂寫閱讀。因此,它是明智的選擇sans serif字型(無襯線),更圓。

最後,請注意,使用非標準字型的文字可能無法正確顯示在螢幕上的使用者。要建立標題有這樣的政策,通過建立透明影象的文字,但它仍然是可以繞過這個限制。

  圖形符號

明智的做法是使用的符號或圖示,建立一個視覺訊號。小心,但作為符號的選擇,使用者感知的意義是不同的,歸因於它,特別是如果該網站有一個國際的職業。下面的符號是常用的:

通常放大鏡符號的搜尋功能;

包絡訊號可以通過郵件與網站管理員聯絡;

的特點是線上幫助的問題;

家是一個連結到主頁;

標誌是當前頁面的語言或更改語言的可能性。