網頁設計必要的啟示
閱讀 ?·? 發布日期 2019-09-27 09:53 ?·? admin“ 網頁設計 “是指一個網站的圖形結構,通過美學,視覺識別的公司或組織。因此,這是一個步驟的可視化設計,而不是功能設計(人體工程學設計,導航)。網頁設計的目的是提升形象的公司或組織通過圖形元素,以提高其視覺形象和信心給用戶的感覺。然而,根據人體工程學的標準,一個網站必須首先滿足用戶的期望,使他們能夠找到他們尋找的信息。該網站的設計是一個驚人的圖形,給信譽和品牌公司和(或皮膚),使用戶可以輕松地找到他尋求一個簡單的導航演示之間的一種折衷。推而廣之,網頁設計師的工作是設計一個網站的設計。網站建設★網站設計★網站制作★網頁設計-599元全包;企業網絡推廣☆網站優化☆seo☆關鍵詞排名☆百度快照-2200元全年展示;做網站優化排名-網站建設公司?13172194676
必要的啟示
一 個網頁的設計主要是一種藝術行為實施的發明和創造。但是,本指南的目的是提供一些關鍵要素,以實現有效的設計,一個很好的靈感來源,可能是參觀的參考網 站,包括專業網站。這是特別有趣的研究,他們每個人都有的菜單和信息塊的信息,提出并在總體上確定什么使網站看起來很專業。
頁面布局
它通常會導致創建模板頁面(中英文模板),使用模板創建的網站。模板創建的圖像層,或網頁的骨架圖的頁面類型。
一個網頁的傳統結構,如下所示:
在左上角的標志。大部分時間的標志是可點擊的,并導致的主頁;
的導航區(菜單),左視圖和/或右;
頭文件,包含該網站的名稱,導航欄和區域的旗幟(廣告或其他方式);
體的一個頁面,包含的基本信息;
頁腳收集有用的信息,如日期的更新,鏈接到一個接觸的形式,地圖等。
它是必不可少的區分的模板,該模板是不變的元素相同的所有頁面,或變量從一個網頁到另一個。
圖形
被稱為“ 圖形 “(英語包機圖形)的規則總結總結文件,介紹了一個網站的圖形,反映了其視覺形象。
定義圖形的服裝圖形頁面,包括大小,顏色和外觀上的文字,圖像和按鈕,以及在網站上頁面上的對象的相對位置。
模型
一個模型是一個虛擬的網頁設計和導航的網站和內容(原型)。curryupcaters.com該模型正式確定了網站的設計和驗證步驟通常是這個階段,移動到了實施階段。
該模型的主要頁面靜態頁面的網站(內容),可以模擬導航。因此,動態元素,例如在搜索引擎例如可以導致一個頁面,假的結果。
頁面大小
網頁的大小主要取決于顯示器的分辨率(分辨率為誤用這個詞)的客戶。
在寬度方面,最理想的是選擇一個值低于水平分辨率為廣大游客,所以不要強迫他們水平滾動條滾動。一個簡短的頁面訪問者的信息來識別感興趣的項目,它可以很容易地撇去。
關于長度,最好是不超過三至五個屏幕高度。事實上,網頁過長,可能無法閱讀全文,并需要更長的時間來加載。
為了確保最佳的展示,為廣大游客有幾個策略:
選擇所支持的最大數目(600至800像素寬,例如)的更小的寬度;
選擇一個頁與無形的表不同的寬度(以百分比定義為);
檢測的分辨率使用腳本(JavaScript的例子)的游客,訪問者重定向到一個頁面的正確寬度。這種方法需要游客有一個瀏覽器的JavaScript和需求創建任意多的頁面所需的寬度。
位置信息
創建頁面時,該位置信息是重要的。鑒于信息(對角線從左上角到右下角)的讀取方向,在頁面頂部的信息更容易被用戶讀取。
顏色選擇
這是最好不要在一個網站上使用三個以上不同的顏色,以滿足標準的清醒。色彩的選擇與組織(包括標志的顏色)的顏色,并表示,如果一種特殊的情緒。
無論所選擇的顏色,它建議,一個主要的顏色,代表大多數的網頁,和一個或多個輔助的顏色更鮮艷的(亮)在較小的比例,在以元素高亮顯示。
顏色有象征意義暗示的保證。因此重要的是在知情選擇。事實上,顏色會影響個人的行為:
物理:食欲,睡眠,體溫等。
情感:感情的恐懼,安全,歡樂,等。
心理上的活力,注意力不集中等。
下表總結了傳統相關顏色的含義:
顏色 | 符號改良 | 符號貶義 | 領域 |
---|---|---|---|
藍色 | 冷靜,自信,權力,平靜,安詳,保護,嚴肅,神秘,善良,水,空間,和平 | 冷的睡眠 | 帆船,新技術,計算機,醫藥 |
紫色 | 美食,激情,自由裁量權,謙虛,宗教,政治或其他見解。 | 憂郁,悲傷,悲傷,沮喪 | 文化,政治 |
粉紅色 | 魅力,親密關系,女人,美女 | 無辜 | 日記,女 |
紅色 | 溫暖,力量,勇氣,力量,勝利,愛和熱情。 | 暴力,憤怒,危險,緊急情況下,禁止,血,地獄。 | 豪華,時尚,體育,營銷,媒體 |
橙 | 溫暖,舒適,榮耀,幸福,財富,榮譽,快樂,水果,氣味,色調和活力。 | 消防警報 | 娛樂,體育,旅游 |
黃 | 光,歡樂,陽光,生命,尊嚴,電力,黃金,財富,不朽的。 | 欺騙,自私,嫉妒,驕傲,警報 | 旅游 |
綠色 | 自然,植物的生命,幫助,平衡,信心,治療,休息,信任,寬容,希望,自豪,青年慈善機構。 | 發現,自然,旅游,教育 | |
棕色 | 平靜,哲學,風土。 | 污垢 | 環境 |
白 | 純潔,天真,雪,潔凈,新鮮,豐富。 | 時尚新聞 | |
灰色 | 中立,尊重。 | 設計,社團,非營利組織 | |
黑色 | 簡約,奢華,晚上。 | 死亡,黑暗,悲傷,單調。 | 電影,藝術,攝影,并禁止 |
在色輪與顏色之間的相互作用是一個很好的工具。色輪是一個圓形表示的顏色,有以下幾種顏色:
三原色(紅,黃,綠)的顏色“純”不能獲得通過混合其他顏色;
的二次色(青色,品紅色,黃色),得到的混合相等的部分的兩個相鄰的原色。二次色是截然相反它們的互補色在色輪上(減法);
第三色,得到混合的主色和二次色。
顏色也被歸類為“溫暖”顏色(包括音接近紅色)和“冷”(這是接近的藍色為基調)。
有 規則的普遍的和諧的顏色,由于眼睛的物理性質。事實上,當一個人考慮顏色,眼睛會自動創建,它的輪廓,補色過濾器。被稱為“同時對比”。通過這個機制,對 顏色的感知依賴于周圍的顏色。好了,黃色似乎更偏向于橙色,結合藍色和藍似乎更偏向于紫色。旁邊會出現一個藍色到紅色到綠色等。
此外,鄰近的顏色的色度圖上營造了一種平衡的眼睛,在沒有對比,并說“和諧比喻”。
主要有兩種方式,使整體和諧的色彩選擇:
選擇的音調的頻率接近相同的色相相同的顏色或顏色的色調,
通過混合的互補色(熱和冷),即是說遙控器上的顏色的色度圖。對于兩種顏色,只需選擇截然相反的互補色,三色,所選擇的顏色應形成一個等邊三角形,等。
最后,整體暖色的元素出現大于冷色調的元素。
選擇圖像
使用的圖像提高了一個網站,讓更多的同性戀。然而,濫用的圖像可能會妨礙視覺舒適度,以及頁面加載。
初級站長喜歡從網上收集的有趣的動畫來照亮他們的網站。在可能的情況下最好是去,因為他們可以刺激讀者,因為他們給一個字符業余網站。
彩色背景
選擇背景顏色(中英文背景)是很重要的,因為選擇不當的背景可能會妨礙可讀性。一個很好的前景和占主導地位的背景顏色之間的顏色對比是必要的。因此,強烈建議選擇背景圖片,因為它可能會干擾閱讀和一般業余尤顯。的背景,一般應選擇很蒼白。
活版印刷
這是強烈反對不當使用超過2種字體在網站上。程式化的字體應謹慎使用(例如標題),并采用了經典的字體(宋體,黑體,宋體等),大部分的網頁,必須完成..
要使用傳統的印刷,襯線字體(襯)在整體上促進閱讀,因為襯線幫助支持讀者的眼球。
在網絡上,使用這樣的政策是不建議,因為根據定義訪問者的屏幕,底座可以迅速成為惱人的亂寫閱讀。因此,它是明智的選擇sans serif字體(無襯線),更圓。
最后,請注意,使用非標準字體的文本可能無法正確??顯示在屏幕上的用戶。要創建標題有這樣的政策,通過創建透明圖像的文字,但它仍然是可以繞過這個限制。
圖形符號
明智的做法是使用的符號或圖標,建立一個視覺信號。小心,但作為符號的選擇,用戶感知的意義是不同的,歸因于它,特別是如果該網站有一個國際的職業。下面的符號是常用的:
通常放大鏡符號的搜索功能;
包絡信號可以通過郵件與網站管理員聯系;
的特點是在線幫助的問題;
家是一個鏈接到主頁;
標志是當前頁面的語言或更改語言的可能性。
為您推薦
- 如何制作公司網頁 需要做哪些步驟呢 2022-04-10
- 公司官網建設應該準備些什么資料? 2022-04-10
- 企業建設營銷型網站的趨勢 2022-04-10
- 教育網站建設時有哪些事項需要注意 2022-04-10
- 網站建設提高用戶體驗的六大技巧 2022-04-10