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