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