導航:首頁 > 萬維百科 > 網頁設計必須知道的

網頁設計必須知道的

發布時間:2020-12-28 22:25:00

1、網頁設計需要注意的幾個環節

1、風格要統一,太多風格會顯示混亂
2、顏色不要過多,兩到三種為佳,選一專種做為主色屬調,其餘的為輔色
3、字型大小、字體,文字顏色要統一,正文的,標題等等
4、版塊與版塊點的間距,行間距,左右間距都要統一
5、圖片尺寸,盡量採用統一的尺寸,封面的、內容裡面的
主要就這幾點

2、網頁設計中要注意什麼?

網頁設計要注意以下幾個方面:
1、網站設計內容問題
內容是所有網站的靈魂,也是客戶關心的東西,打開網際網路看看企業網站,我們很容易發現,大多數中小企業網站欄目劃分趨於一致:公司簡介、產品介紹、聯系方式等,在版式設計上也基本上是上下分欄、左右分欄等方式,在內容上要從客戶考慮,要了解客戶想從你頁面上了解些什麼,總之要貼近客戶。
2、網站設計技術問題
首先應該說明的是,我們並非鼓動企業在自己的網站中加大技術含量。實際上,最重要的是所使用技術在多大程度上實現了預期的功能,或者說所要的功能需要什麼樣的技術實現比較經濟劃算。而我們在與企業接觸中,常常碰到這種情況:網站中使用了先進的技術,當然進行了大筆的投資,但實際上所實現的功能通過其他方式,很低的投入就可以實現!但是企業並不了解這些。
3、網站設計交互問題
您的網站是否實現了與客戶的交互,在多大程度上實現了這一功能,值得您仔細考慮,在我們接觸的客戶中,甚至有的客戶抱怨:他的信箱至今還沒有收到mail!經過我們的檢查,是因為留言簿中有關信息提交的設置有問題!使得與客戶之間的交流出現很大的問題,這也是很多企業應該注意的問題。另外在設計上應注意什麼
1,對每一個超級鏈接點擊之後採用新開窗口還是直接跳轉,必須認真對待。如果用戶點擊一個link之後是要放棄當前頁面開始新的體驗,則應用直接跳轉。如果用戶點擊link是要了解更多的信息,但是當前頁面的信心仍然有用,則應新開窗口。
2,在每一個用戶可能需要幫助的地方提供幫助信息或幫助按鈕。完善的幫助系統是一個產品,網站成功很重要的因素。
3,承諾問題,不要輕易對你的用戶承諾什麼,但是一旦承諾了,就要盡最大努力去兌現。在首頁規劃和網站設計中最為突出的問題是:1)首頁規劃和欄目設置不合理。主要表現在欄目設置有重疊、交叉、或者欄目名稱意義不明確,容易造成混淆,使得用戶難以發現需要的信息。2)重要信息不完整問題。企業介紹、聯系方式、產品分類和詳細介紹、產品促銷等是企業網站最基本的信息,但為數不少的企業對這些重要信息不完整,尤其是產品介紹過於簡單,有些甚至沒有公布任何聯系方式;上述幾個問題只是企業網站設計問題中的部分問題,還有考慮瀏覽目標群體,從營銷方式設計都應該是現在企業網站所在考慮的問題。每一個細微的不足和問題,都有可能失去用戶,或者根本無法獲得被用戶發現的機會,結果最明顯的表現就是訪問量很小,或者由於得不到有價值的信息和服務,訪問者的轉化率很低,無法取得最終的收益。

3、網頁設計有哪些細節需要注意

  1、切勿隨意添加欄目:作為美工,這一行為是要避免的,如果隨意給界面添加表單、鏈接、「更多」等需要後台開發才能支持的功能,這樣隨意添加,就無形的更改了網站最初的需求,增加了項目的工作量,會影響網站的整體功能,同時也增加了後期測試的工作量,另一種可能就是不符合用戶的需求,導致後期還需要重新修改。
2、切勿隨意篡改設計:沒有按照欄目的邏輯來設計頁面,也沒能為網站的內容進行良好的呈現。這種行為只是單純的為了自己能在網頁設計時方便,從而隨意的消減了很多網站的內容。
3、隨意切圖,不考慮頁面動態擴展:這個一般是美工技術含量不夠導致的。切出的圖片只能用在一個界面尺寸里,換個頁面,就需要重新切圖,沒有任何擴展性,要結合響應式網頁設計的原理,進行合理切圖。
4、圖片好看,但是沒有實在的意義:給一個美工一個新聞主題,讓他給做一個Banner,但是做出來之後,和新聞主題沒有任何的關系,僅僅是好看。還有一些美工,更加對工作不負責任,只是把一個圖片做了一下PS,這樣對網站的整體效果都是有害的。
5、整站界面風格:在後期維護網站的階段,美工們在製作圖片時,沒有考慮當前網站的風格,隨意變換圖片基本色調,在網頁色彩搭配設計時,不合理配合網站整體風格,會影響網站後期的優化工作。

4、做網頁設計一般需要注意哪些細節

1、留白太少 留白是網頁設計中一個重要部分。它有助於防止用戶在瀏覽網站時變得疲憊,它可以在內容中劃出距離,而且它本身也看上去不錯。空白不是必須用白色的,而是,它僅僅是為其他設計元素提供間隔和緩沖的空間。

2、字體設置過多 通常來說一個網頁中最好不要超過三種字體。

3、色彩太多 文本、背景、框架等各為不同的顏色,雖然看似鮮艷但是,多重漸變、幾種鮮艷的色彩和大量有鮮明對比的色調及飽和度,會破壞你網站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(如藍色),再搭配反相的單色(白、灰、黑)以獲得一個漂亮的搭配。這里強調下豆瓣的配色。也是我喜歡的顏色搭配。

4、內容過於堆疊 網頁的內容繁多,各種分支信息占據的空間過多,沒有突出關鍵的主題。它有助於在內心組織重要的信息,並引導用戶注意在你想讓他注意的地方。在傳統藝術中,新手們被教導色彩、價值和線性透視三原則和其他藝術指導。在網頁設計中,沒有特別奉行的准則,但以直觀的方式組織你的內容是一條很好的經驗規則。也是多年培養的用戶習慣。最終習慣就是最終用戶。當然一成不變不是我們所鼓勵的。

5、沒有重視用戶電腦的屏幕顯示效果 也許某個解析度對你的電腦效果特別好,但是用在用戶電腦上就不一定如此了。雖然這種解析度的顯示器正在減少,但採用更小的解析度的手機設備也來了。現在的網頁設計寬度標準是960像素,雖然沒有照顧到每一種解析度,但在主流解析度上可以呈現的最好。假如你希望面對大量的手機用戶,最好考慮一個手機版設計。

6、沒有考慮對比效果 你有沒有試過兩種對比色彩的運用或者大小的變化,有些方式之所以比其他的更好,其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字,考慮一下改變字體大小或方式。成為一個大師級網頁設計師的秘訣:對比,對比,對比。

7、同一件事情做的不夠多,或做的太多(過猶不及) 某個主題過於突出或者某個主題被完全冷落了,在頁腳加一個」返回頂部」的按鈕也很好。但是,太多指向同一目標的途徑會降低可用性。讓你的奶奶用下你的網站,如果她搞不定,想想哪些東西讓初次訪問的用戶拒絕使用這個網站。

8、不一致 網頁內容過於雜亂,沒有統一的框架把他們合並到一個中心主旨上。它是把網頁設計組織在一起的方式,可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下,它可以幫助用戶把所有頁面都聯系在一起。如果你在整個網站持續改變字體、大小和色彩,用戶很快會覺得不知所措。

9、沒有足夠的文字間距 間距過小是造成網頁缺陷的一個重要原因。網頁一個是行距,可以用CSS直接調整,關繫到兩行文字之間的距離。這些有助於區分行與段落,使用戶更容易閱讀文字。

10、貧乏的尺寸大小 標准做法是h1的文字大於h2的文字,頭部文字大於段落文字。盡量保持一致的尺寸,因為它有助於一致性(第8條)和內容層次(第4條)。保持文字的可讀性,但不要太大,讓字體的大小表現信息的重要性。還有,10像素以下的尺寸對大量閱讀的人來說太小了。 在平時設計網頁過程中,如果能夠多加註意到這些問題,從而避免不該犯的錯誤,就能在整體設計的基礎上加分,此外,加上自己特色的創意,真正為用戶考慮,才能真正做到優秀的網頁設計。

5、做網頁設計需要學習哪方面的知識?

現在做網站大多開始用psd,也就是說先用ps把網頁設計好,在用切片工具把主要模塊劃分好,在到Dreamweaver中,用css+div實現布局,(個人推薦,也可用table實現布局),我建議你先學好photoshop,平時多看些其他網站,你可以再瀏覽器下查看源代碼,
你要知道,把別人的東西經過加工處理好,變成自己的東西,這是初學者的指導,前期就是模仿,多看些人家做的,
對html,JavaScript,css,也要有一定的了解。
一邊看書,一邊模仿

6、網頁設計需要學習什麼?

學HTML,必須的。學好這個然後學DIV+CSS,當然要把網頁做的好看。必須學會PS,也就是PHOTOSHOP。這兩樣學會了。就會做一般的靜態網站了。如果想做一些動態效果,就得學FLASH。要是想做動態數據,就要學,PHP,ASP,JSP ,.NET中的某種。最重要的還是,HTML CSS 和PS了。這個是基礎。

從哪入手,學什麼軟體,怎麼學。
先學會做第一個HTML網頁,學DREAMWEAVER做。看一本書,先大概看完,看完後,主要是手動操作,要忘記書,書這東西有時候是好東西,可是你看完後,到操作上了,就要忘記書。大概了解後。就可以直接操作了。不出一個星期你定能學會必要的操作。然後學TABLE做表格。兩三天,這個學好了,然後學TABLE+CSS,做漂亮的表格。兩三天,這個學好了。學DIV+CSS做網頁,最多一個月。DIV+CSS是最高難度的。因為涉及到非常多的兼容仍屬,這個你都學會了。就是一個基礎前端了。會做網站了。
用案例來學,積極性會很高。建議,直接找一個網頁。然後照那個網頁的樣子,模仿出來。等你能仿出任何網站了,說明你的基本功就到位了。
希望採納!!

7、網頁設計需要學習什麼?

1、html語言。首先必須要學這個,html語言又稱為「超文本標記語言」,任何網頁的顯示都要靠html語言來表達,也是構成網頁文檔的主要語言。

2、伺服器架設。要製作網頁就需要架設伺服器來調試你做出來的網頁,有iis等很多種,可以在網上搜索得到。

3、css語言。css又作層疊樣式表,css大部分是自動生成的,很難理解,需要學習基本的css知識,是步入高手的必經之路。

css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式,比如顏色,邊框,大小等。css能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。

4、div+css布局。這個東西是走向專業製作的必經之路,網頁元素靠它來搭建基本框架,像百度空間,QQ空間的皮膚等就是利用這個來做的。

5、資料庫。走向動態網頁的基礎,比如百度知道的提問回答這些,都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。

資料庫是所有軟體的基礎,80%以上的應用程序都涉及資料庫,而作為網頁製作來說沒有必要學得很深,夠用就行。

6、動態語言,asp,php,jsp,.net(c#等)。要操作資料庫,交互就需要動態語言,現在好多動態語言像php都有「框架」,用框架建站好比用活動板房的零件建房子,全部自己寫好比一塊一塊磚砌房子。

7、javascript腳本。JavaScript是一種屬於網路的腳本語言,通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的動態效果。

網頁裡面的驗證碼,彈窗,特效等就靠它了,一個沒有javascript的頁面基本沒有,這個也有好多的框架可用,這個語言是最難的,也是最強大的,網頁木馬,病毒大多用這個語言。

8、平面涉及軟體。flash,photoshop等,頁面美化還要靠圖片等東西。

9、學習一種動態網頁技術

ASP是微軟公司開發的代替CGI腳本程序的一種應用,也是微軟公司的第一個伺服器側的腳本引擎,能夠動態產生Web頁面。ASP可以與Web資料庫以及其它程序進行交互,是一種簡單、方便的編程工具。

(7)網頁設計必須知道的擴展資料:

設計事項

一、注意超鏈接顏色與單純敘述文字的顏色呈現

WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超鏈接的顏色,以便豐富Webpage的色彩呈現。

如果您的網站充滿知識性的信息,欲傳達給訪問者,建議您將網頁內的文字與超鏈接顏色,設計成較干凈素雅的色調,會較有利於閱讀。

純粹的敘述文字採用較暗、較深的顏色來呈現,超鏈接文字則以較鮮明搶眼的色彩來強調,至於探訪過的超鏈接則採用較低於原超鏈接亮度的顏色做呈現。

二、測試所有的超鏈接與導覽按鈕的真實可行性

Webpage上線之後,第一件該做的事,是逐一測試每一頁的每一個超鏈接與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法鏈接到該鏈接的Webpage,卻反而冒出「FileNotFound」的錯誤訊號出來。

三、讓超鏈接的字串長短適中且走文自然

抓住能傳達主要訊息的字眼當做超鏈接的錨點(anchor),可有效地控制住超鏈接的字串長度,避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點),而不利於讀者的閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重復使用同一組的導覽按鈕,無可避免地會產生某一導覽按鈕鏈接到當前頁的情形。

為達成界面設計的一致性,並沒有絕對的必要性拿掉此導覽按鈕,但Webpage設計者可讓此按鈕不再具有超鏈接的功能;或將此按鈕的彩度、亮度降低,使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超鏈接的功能。

8、網頁設計中所需要注意的通用規則

1、HTML定義
2、網頁的分類
3、網頁的三要素
4、網頁三劍客包括什麼
5、框架的特點是什麼
6、設置各種超鏈接的方法
7、新建文檔的快捷鍵
8、層和表格可以相互轉換(了解即可)
9、對文檔中創建的層如何進行微調
10、站點地圖都包括哪幾個關系
11、表但的定義,表單中所包含的所有元素
12、行為的定義,行為在時間軸上所起到的作用(在網頁設計范圍內所起到的作用)
13、創建網站的時字體搭配 幾步(從開始到最終)
14、在網頁中插入的圖像都包含哪幾種格式,格式之間特點是什麼,用途是什麼。
15、設計網頁過程當中需要注意什麼,及通用的規則是什麼。(使用自己的語言,不可能完全一樣!!)

9、網頁製作都需要注意些什麼?

1.配色問題 一個網頁的色彩最好不要超過3種,一面視覺效果混亂,用色柔和,對比度強的色彩不能應用於一般網站,時尚網站使用還可以。一般不好搭配的顏色,用灰度搭配。
2.字體問題很重要的一個問題,用標准字標准色,這是一個規范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和顏色,統一整個網頁字體的色彩以及大小,規范整體。
3.布局規范布局是非常重要的,考慮客戶瀏覽習慣以及他們想展現的內容,並且優化。一個網頁,如果布局不合理的話不但影響瀏覽,而且非常難看。
4.製作習慣必須非常熟悉各種網站的功能,要做得非常全面,比如說一個商城的網站應該有哪些內容必須非常清楚,不要等客戶提出之後才補充上去,會顯得自己非常不專業。
5.不可忽視細節客戶對網站的感覺不好,不過又說不出,多半是細節處理問題,細心的處理網頁的每一個象素,力求完美。
隨著網路時代的到來,網頁伴隨著網路的發展而快速興起,人們信息的獲取方式越來越多。現在的大家都習慣通過瀏覽網頁來獲取有關信息,而網頁的設計與製作就變得非常重要。
企事業單位需要通過網頁展示產品、服務、文化、理念等來宣傳企業或是提高知名度,一旦網站建成後,全國、甚至全世界的人都有機會看得到,可以為企業經營和發展提供更多的合作機會。因此網站開發就必須首先明白用戶的需求以及站點設計的目的,建成客戶滿意的網站,合理策畫從而做出切實可行的設計方案。

10、網站設計中需要注意哪些基本的細節

一、網站結構清晰
如果你的網站結構不清晰,就像是一個大迷宮,那麼當百度蜘蛛來爬取信息的時候就會找不到關鍵的內容,對搜索引擎十分不友好,不利於客戶體驗,也不利於優化。因此,網站製作需以結構清晰為原則,事前進行規劃分類,使用的程序也需要精簡,減少垃圾代碼的產生。
二、網站速度要快
網站的速度主要指兩個方面,一是網站的打開速度,另一個是網站的載入速度,其實對於用戶來說這兩點並沒有什麼區別,但是很多企業有一個錯誤的認識,他們認為網站能夠打開就可以啊,這其實就沒有注意到用戶體驗,我們如果設身處地的想一下,自己在看一個網站的時候如果載入速度很慢肯定是沒有任何興趣繼續瀏覽,其實影響網站的速度的原因主要有一下三點:1.伺服器的穩定性,如果伺服器不穩定的話,打開速度肯定不會快,2.網站的功能太多,且代碼不簡潔,3.網站內的圖片過大,太便宜的伺服器通常都會有不穩定這一個問題,網站內的動效視頻也會影響到載入速度,圖片太大也會影響到載入速度,所以在製作網站時需要充分的考慮到以上幾個問題。
三、網站的內容質量
這里主要是指,網站的文字、圖片、內容質量等等。在網站內容的發布上盡量以圖文為主,圖片要清晰、內容要多原創網站製作需要以質量為主,質量好的內容在於原創,而不是抄不是轉。

與網頁設計必須知道的相關的知識