網頁設計必要的啟示

閱讀 ?·? 發布日期 2019-09-27 09:53 ?·? admin

“  網頁設計  “是指一個網站的圖形結構,通過美學,視覺識別的公司或組織。因此,這是一個步驟的可視化設計,而不是功能設計(人體工程學設計,導航)。網頁設計的目的是提升形象的公司或組織通過圖形元素,以提高其視覺形象和信心給用戶的感覺。然而,根據人體工程學的標準,一個網站必須首先滿足用戶的期望,使他們能夠找到他們尋找的信息。該網站的設計是一個驚人的圖形,給信譽和品牌公司和(或皮膚),使用戶可以輕松地找到他尋求一個簡單的導航演示之間的一種折衷。推而廣之,網頁設計師的工作是設計一個網站的設計。網站建設網站設計網站制作★網頁設計-599元全包;企業網絡推廣☆網站優化seo☆關鍵詞排名☆百度快照-2200元全年展示;做網站優化排名-網站建設公司?13172194676

網站建設


必要的啟示

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

頁面布局

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

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

在左上角的標志。大部分時間的標志是可點擊的,并導致的主頁;
的導航區(菜單),左視圖和/或右;
頭文件,包含該網站的名稱,導航欄和區域的旗幟(廣告或其他方式);
體的一個頁面,包含的基本信息;
頁腳收集有用的信息,如日期的更新,鏈接到一個接觸的形式,地圖等。


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

圖形

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


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

模型

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


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

頁面大小

網頁的大小主要取決于顯示器的分辨率(分辨率為誤用這個詞)的客戶。


在寬度方面,最理想的是選擇一個值低于水平分辨率為廣大游客,所以不要強迫他們水平滾動條滾動。一個簡短的頁面訪問者的信息來識別感興趣的項目,它可以很容易地撇去。


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


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

選擇所支持的最大數目(600至800像素寬,例如)的更小的寬度;
選擇一個頁與無形的表不同的寬度(以百分比定義為);
檢測的分辨率使用腳本(JavaScript的例子)的游客,訪問者重定向到一個頁面的正確寬度。這種方法需要游客有一個瀏覽器的JavaScript和需求創建任意多的頁面所需的寬度。

位置信息

創建頁面時,該位置信息是重要的。鑒于信息(對角線從左上角到右下角)的讀取方向,在頁面頂部的信息更容易被用戶讀取。

顏色選擇

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


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


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

物理:食欲,睡眠,體溫等。
情感:感情的恐懼,安全,歡樂,等。
心理上的活力,注意力不集中等。

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

顏色 符號改良 符號貶義 領域
藍色 冷靜,自信,權力,平靜,安詳,保護,嚴肅,神秘,善良,水,空間,和平 冷的睡眠 帆船,新技術,計算機,醫藥
紫色 美食,激情,自由裁量權,謙虛,宗教,政治或其他見解。 憂郁,悲傷,悲傷,沮喪 文化,政治
粉紅色 魅力,親密關系,女人,美女 無辜 日記,女
紅色 溫暖,力量,勇氣,力量,勝利,愛和熱情。 暴力,憤怒,危險,緊急情況下,禁止,血,地獄。 豪華,時尚,體育,營銷,媒體
溫暖,舒適,榮耀,幸福,財富,榮譽,快樂,水果,氣味,色調和活力。 消防警報 娛樂,體育,旅游
光,歡樂,陽光,生命,尊嚴,電力,黃金,財富,不朽的。 欺騙,自私,嫉妒,驕傲,警報 旅游
綠色 自然,植物的生命,幫助,平衡,信心,治療,休息,信任,寬容,希望,自豪,青年慈善機構。   發現,自然,旅游,教育
棕色 平靜,哲學,風土。 污垢 環境
純潔,天真,雪,潔凈,新鮮,豐富。   時尚新聞
灰色 中立,尊重。   設計,社團,非營利組織
黑色 簡約,奢華,晚上。 死亡,黑暗,悲傷,單調。 電影,藝術,攝影,并禁止
色彩構成也有一定影響力的看法,卷。顏色組合可以產生幸福的感覺,無論是裝飾家庭,一個網站的圖形。

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

三原色(紅,黃,綠)的顏色“純”不能獲得通過混合其他顏色;
的二次色(青色,品紅色,黃色),得到的混合相等的部分的兩個相鄰的原色。二次色是截然相反它們的互補色在色輪上(減法);
第三色,得到混合的主色和二次色。

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

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


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


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

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


最后,整體暖色的元素出現大于冷色調的元素。

選擇圖像

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


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

彩色背景

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

活版印刷

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


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


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


最后,請注意,使用非標準字體的文本可能無法正確??顯示在屏幕上的用戶。要創建標題有這樣的政策,通過創建透明圖像的文字,但它仍然是可以繞過這個限制。

圖形符號

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

通常放大鏡符號的搜索功能;
包絡信號可以通過郵件與網站管理員聯系;
的特點是在線幫助的問題;
家是一個鏈接到主頁;
標志是當前頁面的語言或更改語言的可能性。