導航:首頁 > 萬維百科 > 網頁設計的設計原理

網頁設計的設計原理

發布時間:2020-11-29 03:05:10

1、網頁的製作原理

這。。。
前提你要懂得基本的HTML語言,再深入點就是Javascript,後台就是PHP、ASP.net了,資料庫之類。
想做好點的網站就得先排好版,用DIV+CSS設計好,如果是動態的話還得加點技術:如Jquery AJAX,動態讀寫資料庫等!

2、網頁設計的基本原理與規則是什麼?

網站設計原則
1 設計風格符合網站主題
2 符合大眾審美
3 易操作容易閱讀 板塊清晰 結構明確
4 ..........
都是些大而化之的語言。。。。

3、怎樣通過格式塔原理幫助網頁設計

在視覺現象中,「整體大於部分之和」。格式塔理論包括一系列基本概念。格式塔原理幾乎適用於所有與視覺有關的領域,但它與UI設計的關系尤其密切。

5條最實用的格式塔原則

1954年,這時離Wertheimer注視交叉道口的信號燈已經過去了幾十年,Rudolf Arnheim 卻根據自己對格式塔原理的理解寫了一本書《藝術與視知覺》。設計師Carolann Bonner也曾指出 格式塔理論的5條最常用的原則:

1.相似法則

2.圖形-背景關系法則

3.組織法則

4.閉合法則

5.連續法則

下面我們就來一個一個探討這些法則。

1.相似法則

我們傾向於把外觀相似的物體歸為一類。

這對於極其注重信息傳播時效網頁設計而言是個非常有用的啟示,你可以通過創建一系列外觀近似的圖形來迅速而直接地傳達出它們的功能或目的。

正如在上圖(設計工作室Green Chameleon的頁面)中看到的,導航圖標看起來雖然各不相同。但由於這些導航圖標在顏色,大小,排列上的近似性,用戶會將它們默認為同一級別的導航功能。

這一導航模式特別適用於組織豎排的導航圖標,因為它可以在不犧牲導航功能的情況下,很直觀地把各個導航圖標的功能表達清楚。

設計師如果能善用這一法則的話,就可以更有效地傳達信息和節約頁面空間,從而為用戶提供更好的使用體驗。

2.圖形-背景關系法則

在用戶看來,頁面中的元素要麼是圖形,要麼是背景。Steven Bradley總結出了三種類型的圖形-背景關系, 如下圖所示:

·穩定型 — (左)可以很明顯地看出,圓形是圖像,而灰色空間是背景。

·可逆型— (中間)空間與背景可以相互轉換,整個頁面顯得十分有靈動之感。

·模糊型— (模糊型) 圖片與背景的界限模糊不清,觀看者需要自行解釋空間與背景的關系。

Moddeals網站採用是一種較為經典的圖形-背景關系。當頁面中的廣告浮現時,網頁的其餘部分就變變暗,自動轉化為背景。在這種情況下,用戶依然可以拖動頁面,然而廣告還是會作為獨立於背景的一部分停留於原處。

而電影宣傳網站Tannbach處理圖形-背景關系的手法就更為微妙。

為了突出電影中的人物關系,這個頁面的設計師採用了模糊背景的方式來強化頁面中的兩個人物。通過對色彩和排版的巧妙運用,左上角的「互動區」成為了事實上的「一級圖形」,而頁面中的那一對男女則成為「次級圖形」。這樣一來,用戶既能迅速辨認出頁面中的人物,同時也能夠理解如何使用網站的導航。

3.組織法則

即便是外觀不同的東西,也可以通過一定的安排使它們更為接近。根據格式塔原理,至少有兩種方法可以加強事物的相似性:

· 閉合狀態將不同的事物集中置於一定的界限內,也會給觀看者造成一種「一致」的印象。

· 密集狀態即便是不同類型的事物,當距離很密集的時候也會具有某種似性。

上面這張Facebook的截圖就體現了閉合狀態與密集狀態的作用。

整個正文部分–標題,照片,說明,評論等等—都是在同一個方框里,與灰色的背景形成對比,這一點既體現了閉合狀態,也體現了圖形-背景關系。在正文部分中,「贊」「評論」「分享」等功能選項離得很近,更不用說文字大小,顏色等細節的近似度了。

這么做還有一個理由,就是為了點擊方便,因為這種方式可以把用戶與供用戶點擊的目標之間的距離拉得更近。

4.閉合法則

前面我們提到過格式塔原理中的「具體化」現象,閉合法則其實就是這種現象的具體體現。我們的大腦能自動通過添加界線來補全不完整的圖像。設計師可以利用這條法則去創作貌似殘缺不全的圖形,在這條法則的指導下,設計師還可以盡情創作出典雅的極簡主義作品。

我們以下面Abzeedo網站的截屏為例來具體分析一下。雖然構成頁面的三部分內容之間並沒有明確的界線,但圖片的排列方式讓觀看者在大腦中自動形成了某種「網格」。因此,觀看者會把頁面內容看成是獨立的三列,而不是一個混亂的整體。

閉合法則也適用於交互設計中。

設計師Carolann Bonner解釋說,在Urban Outfitters頁面中,通過利用閉合法則,他幫助用戶省略了一些不必要的步驟,使「添加到購物袋」這一操作變得更為順利。請點擊GIF動畫查看用戶點擊「添加到購物袋」之後的操作步驟:

1.原來「添加到購物袋」按鈕中的文字會變成「已添加」。

2.「購物袋」旁邊的物品數量會隨之更新。

3.同時,購物袋選項下會出現一個小小的方形窗口,以視覺形式再次確認用戶已購買的物品。

這樣,用戶不用再去打開購物車確認已添加的物品。通過省略操作步驟,整個互動過程變得更為順暢愉快。

5.連續法則

這個法則認為,當用戶的目光沿著一系列物體移動時,腦中會形成一個逐漸增強的「定勢」。這個法則使設計中線條的地位顯得格外重要。

在上面的圖中,觀看者會看到一條直線和一條曲線而不是一條彎曲的黑線和另一條彎曲的紅線。這說明在視覺中,目光的延續性已經超過了顏色造成的差異。

這意味著,在用戶看來,處在同一條直線或曲線上的物體是高度近似的。

這一點在導航按鈕的設計中體現得再明顯不過,用戶一般會把同一個水平線上的圖標默認為是同一個級別的操作。

下面的截圖取自CreativeBloq, 網站,用戶可以很直觀地理解最上面的一排導航與網頁內容的類型有關。而第二行的導航與內容的條目有關。網站不用專門指出它們的不同,因為根據延續法則,用戶可以自己辨認得出它們的差異。

結語

理解和掌握格式塔法則能讓你更有效地控制網頁的設覺效果,從而創造出 風格更和諧的網頁設計, 同時也能更有效地將你的信息傳達給用戶。我建議你在自己的設計實踐中綜合運用上面提到的各種法則,你會發現,不久之後,你的網頁設計水準會躍上一個新層次。

4、網頁的設計原理是什麼?

網頁設計,網頁設計原則理念
(1)內容和功能決定表現形式和界面設計
做一個良好的網頁設計,需要了解客戶的東西很多,比如:
1、建站目的(是主推產品還是平品牌,是主要注重seo還是用戶交互等)。
2、網站類型。
3、欄目規劃及每個欄目的表現形式及功能要求。
4、主色調、客戶性別喜好、聯系方式、舊版網址、偏好網址。
5、根據行業和客戶要求,哪些是著重表現。
6、是否分期建設、考慮後期的兼容性、是否要開發其他語言版本。
7、客戶是否有強烈的建站慾望。
8、你是否能在精神意識上控制住客戶。
當把上述的內容都弄明白了的時候,大腦中就已經給這個網站有了全面而形象的定位了,這時才是有的放矢去做界面設計的時候了。
(2)界面是弱化的,突出的是功能
一個好的界面設計它的界面是弱化的,它突出的是功能,著重體現的是網站業提供給使用者是主要什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。當然上面說的是大多數功能性網站,對於宣傳展示性網站,諸如加特效的或flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。
(3)模塊化和可修改性強
模塊化不僅可以提高重用性,也能統一網站風格,還可以降低程序開發的強度。這里就設計一些尺寸、模數、寬容度、命名規范等等知識了,不再冗述。
無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子logo、按鈕等,很多人喜歡製作圖片,n個按鈕就是n張圖片。如果只做3-5類按鈕的背景圖片,然後用在網頁代碼里打上文字,那麼修改起來就簡單,而網頁顯示的字體是帶有鋸齒的,一般即能清晰又保證美觀的字體字型大小有幾類:
宋體12px |宋體12px粗體|宋體14px |宋體14px粗體|黑體20px | verdana 9px | arialblack 12px+ |
(4)創意是可恥的,分析能力遠比創意來的重要
設計界動輒就大談什麼「創意」,需要指出的是,還沒有搞清目的意義和內容,還沒在技術製作上臻於完善的基礎上,用創藝和特效來迷惑客戶和訪客是可恥的。一個網站設計者的分析能力遠比創藝來的重要。

5、網頁設計過程中的色彩搭配的原理是什麼?

色彩能夠建立起我們對品牌的直觀感知。在談論網頁設計中色彩搭配原則之前,我們需要先來看看不同主色調的象徵意義。這個主色調的選擇,需要依據我們對所要設計網站的定位來確定。

通常,看看優秀的網站能夠給我們帶來很多啟示。下面我們就先看看這些主色調的象徵意義和這些色調中做的比較優秀的網站。

灰色:象徵冷靜、中立;(蘋果、維基百科、紐約時報……)

綠色:象徵健康、生命;(BP石油、食品超市whole foods、星巴克……)

藍色:象徵可靠、力量;(戴爾、大眾汽車、IBM……)

紫色:象徵智慧、想像;(雅虎、T-Mobile、科幻主題電視台Syfy……)

紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)

橙色:象徵歡樂、信任;(芬達、亞馬遜、火狐……)

黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)

網頁設計色彩搭配原則

網頁美工設計中,最常用的幾個顏色為藍色、綠色、橙色,以及暗紅色。

藍為主調。藍色多與白、橙搭配,。白底,藍標題欄,橙色按鈕或ICON做點綴;藍天白雲,沉靜整潔的感覺。

綠為主調。綠色多與白、蘭兩色搭配。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間,雅緻而有生氣。

橙為主調。橙色多與白、紅搭配。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴,橙色活潑熱情,標準的商業色調,因此多用於商業網站的網頁美工設計。

暗紅為主調。暗紅色顯得寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色。黑或灰底,暗紅標題欄,文字內容背景為淺灰色。

網頁設計師需要注意的幾點

盡管三原色的相互搭配創造出了無數顏色,可不是所有的顏色都適用於網頁設計,不同的顏色在搭配上也有著其中的學問,網頁設計就相當於平面設計,網頁設計師可以將平面設計中的審美觀點套用到這上面來,所以平面設計上的審美的觀點在網頁設計上非常實用。

在網頁設計師中對於色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

忌臟是指背景與文字內容對比不強烈,灰暗的背景令人沮喪!

忌純是指艷麗的純色對人的刺激太強烈抗議,缺乏內涵。

忌跳是指再好看的顏色,也不能脫離整體。

忌花是指要有一種主色貫穿其中,主色並不是面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。

忌粉是指顏色淺固然顯的干凈,但如果對比過弱,顯得蒼白無力了,就象病夫一樣無可救葯。

另外,藍色忌純,綠色忌黃,紅色忌艷。

當然,作為網頁設計師,我們最需要時刻提醒自己的是不要為了設計而設計。

一切的設計都要以用戶的需求為導向。一個優秀的網站,會給用戶非常直觀簡介明了的體驗和簡明的導航。

6、網頁製作框架模型的原理是什麼?

框架模型?frameset?這個也不存在什麼原理,就是個標簽,會用就行了,frameset現在用的也少

7、什麼是網頁設計的基本原理?

色調與結構

色調與結構確實很重要,圖片比照片更能運用此項內容。色調涉及到陰影以及物體顏色光亮程度;結構涉及到物體的外觀特徵。

下面介紹影響網站色調與結構的幾個因素。

1. 光的方向。(左、右、上、下、後)

2. 光的亮度。(燭光或者陽光)

3. 光的類型。(落日還是烈日)

4. 站立在光源之間的物體。(光穿過物體)

5. 物體的顏色與結構。(絨毛毯子與花崗岩不同)

光線與陰影

光沿直線傳播,光的位置不同,網站中的物體或者要表達主題就會顯著不同。了解到這個內容之後,在現在的光源下,拍攝照片(物體、家人都可以),然後在中午12點鍾的時候,再次拍攝同一張圖片。觀察圖片時,你會驚奇地發現圖片差異很大。你可以根據這個情況,清楚理解光源對照片的影響。

對比程度

我們經常看到的光與陰暗區域的對比程度,就是對比陰影了。黑色、白色圖片的對比很明顯,而灰色梯度的對比就比較弱。光源強度決定對比程度,而對比程度會決定圖片的現實性或者科幻性。

最重要的是你具有一定的設計天賦,並且是你喜歡設計...........祝你成功

8、零基礎學習網頁設計?

您好,你的問題,我之前好像也遇到過,以下是我原來的解決思路和回方法,希望能幫助到答你,若有錯誤,還望見諒!第一階段:開始時最好是學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊製作。


第二階段:會用網頁製作軟體後,已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美,還是學習網頁的核心技術吧!網頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。


第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。

首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。

2.建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的。非常感謝您的耐心觀看,如有幫助請採納,祝生活愉快!謝謝!

9、網頁是如何實現的,Web UI設計理論入門教程

一、學習HTML5和CSS3基礎
隨著這移動互聯網快速發展的時代,尤其是4G時代,HTML5+CSS3已然成為新一代的web前端技術。
隨著HTML5的發展和普及,了解 HTML5 也將成為 Web開發人員的必修課。涉及到網頁外觀時,就需要學習 CSS 了,它可以幫你把網頁做得更美觀。
利用 HTML5 和 CSS3 模擬一些你所見過的網站的排版和布局(色彩,圖片,文字樣式等等)。
當然,遠標Web前端開發課程第一階段還會學習 PS設計工具使用和互聯網UI設計理論。
二、學習Java,了解DOM
Java 是一種能讓你的網頁更加生動活潑的程序語言。學習 Java 的基本語法,學會用 Java 操作網頁中 DOM 元素。
Web前端開發課程第二階段完全可以實現大家平常喜歡玩的 2048 游戲。(是不是感覺挺有意思)
接著學習使用一些 Java 庫,比如 Jquery 是大部分 Web開發人員都喜歡用的,通過 Jquery 可以有效的提高 Java 的開發效率。
三、學習Web前端核心
學習 Jquery 之後,大家就要學習 HTML5 高級階段(HTML5 Canvas 繪圖、HTML5 SVG、音頻和視頻處理、表單處理、表單驗證...等)
四、學習HTTP協議及Server端技術
伺服器端腳本編程(後台開發)也是Web開發人員的基本功之一。
要構建動態頁面通常會使用到資料庫,通常PHP使用Oracle、MySQL資料庫。
對於Web伺服器來說,Apache 一個就已經是了。那麼Apache、php、資料庫,該怎麼理解它們的關系?
1、Apache是伺服器基礎,php和資料庫都需要Apache來協調工作
2、php是腳本解釋,如果不用php,那麼Apache出來的東西就只是靜態的,而不能在伺服器實現功能
3、資料庫完全可以單獨使用,但是和Apache、php一起,則是由php代碼調用資料庫介面,而apache就負責解釋php代碼,讓他能真正地實現對資料庫的調用
五、學習Web前端高級技術
當你掌握了HTML5,CSS3,Java等技術之後,就應該找一個Web框架加快你的Web開發速度,使用框架可以節約你很多時間。
學習的Bootstrap是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVA 的,它簡潔靈活,使得 Web 開發更加快捷,是web前端開發者最喜歡,也是現在企業里最常用的前端框架。
Angular JS是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性,最為核心的是:MVC編程、模塊化、控制器、路由、事件綁定等等。
AngularJS通過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣,這也會損失一部分靈活性。換句話說,並不是所有的應用都適合用AngularJS來做。AngularJS主要考慮的是構建CRUD應用。幸運的是,至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建,就得了解什麼不適合用AngularJS構建。

10、電子商務網站設計原理筆記!

1. 什麼是Web伺服器?Web瀏覽器的作用是什麼?簡述瀏覽器打開文件的步驟。
答:Web伺服器是用於存儲WWW文件並響應處理客戶機請求的計算機。瀏覽器的作用在於解釋並顯示超文本文檔,包括指向其他文檔的引用(或指針),與其他HTTP伺服器上非常相似,這些指針也稱為鏈接。從一個超文本頁上選擇一個鏈接時,瀏覽器將請求送回支新的伺服器,然後在客戶端上顯示另一個充滿鏈接的頁面。
打開一個Web文件的基本步驟如下:
A在瀏覽器中指定要訪問的Web文件的URL。
B瀏覽器將請求發給伺服器。
C伺服器將靖求轉遞給指定URL處的伺服器。
D該伺服器將文件送回到伺服器上。
E伺服器將文件送回到客戶端瀏覽器上。
F瀏覽將文件顯示在計算機屏幕上。2. IP地址與域名之間存在對應關系嗎?如果存在,那麼二者是怎樣對應起來的?如果不存在,試講述在Internet中是如何惟一地標識一個資源的位置的?
答IP地址與域名存在著對應的關系。IP地址上全球通用地址,在協議軟體中IP地址由表及裡2位二進制浸透表示,每八位為一組,以圓點「.」分隔,在面向用戶的文檔中,IP地址被直觀地表示為四個以圓點滴隔開的十進制數,其中每個十進制浸透對就一個八位二進制數組(即一個位元組),每個十進制數可取值0~255.IP地址理一種層次型地址,在概念上分為三個層次:主機、由主機構成起來也不方便。為了解決這個問題,同時也為了便於網路地址的分層管理各分配,自1984年起在互聯網上采有了一種字元型的地址標識,這便是域名(Domain Name).
域名系統,域名標識了一個有戶所屬的機構、所使用的主機或節點機。域名的命名方式自然稱為域名系統,域名必須ISO有關標准進行。
同IP地址類似,域名採用層次型命名機制,域名由n級組成,各級之間以圓點分隔。
域名是人們容易記憶的字元型號主要內容名,IP地址則是計算機容易處理的數值型主機名,兩者均描述了主機在Internet中的地址,而且一一對應。域名系統實現了域名—IP地址映射。
域名系統實質是一個公布式資料庫,包括突出數據的標准格式,資料庫查詢方法,以及本地更新數據的標准方法
域名系統將主機的信息管理公布與許多國家地區和組織,用戶在自己的域名上更新所在域的信息,域名伺服器則將這些信息傳送給其他的域名伺服器。另外,域名伺服器能被幾乎所有的計算機軟體所有,包括電子郵件,遠程終端,文件傳輸程序。3.圖象處理工具主有哪幾樣應用?
答 圖象處理工具可對圖象進行編輯,修飾,優化,圖形文件格式轉化等處理。
A圖形編輯包括製作業面中的字體,製作3D效果,建立透明GIF文件,插入背景,陰影,處理字體,箭頭,徽標等業面元素,並能對圖形進行剪輯,移動和旋轉處理
B圖象修飾是指對網業中已有的圖象加以認識和做其他的修改,包括調整圖象亮度和對比度,採用變體,給黑白圖象著等以改善網頁中圖象的質量
C圖象優化是指採用各種濾鏡對已建立的圖象進行色彩校正的優化處理。
一般來說,圖象處理工具包括公用圖象處理工具,專用圖象處理工具,網頁製作軟體自代圖象處理工具4.為了滿足頁面製作的目標,應該注意哪些問題?
答 要注意以下幾個問題
A網頁結構網頁結構要清晰,易於導航,思路和脈絡要符合訪問者的想法。可採取的措施有:採用框架結構表現主題,索影和正文;網頁的大小一般控制在50KB以內;在網頁的尾部放上聯系方式,如E-MAIL,以方便訪問者能建立聯系,反饋必要的信息 B頁面內容一般情況下,網頁都要以內容為主,不必過分的追求復雜的表現形式,但必須寫好簡介,要有特色,避免太空,泛泛而談。頁面本身要簡單,結構復雜的網頁不僅要花費很多的精力,而且由於超連接復雜,讓瀏覽者閱讀時也感覺困難
C文字在以內容為主的前提下,應當盡量把形式與內容結合起來。既不要把頁面弄的花哨,也不呀只講內容完全不講究文字和圖片的安排,要容易閱讀。要注意:網頁的標題要簡潔,明確,能反映整個文檔的內容;在文本敘述部分使用水平線分割不同的部分;對重點的文章和段落要使用強調字體表達
D圖形 設計好圖形並合理使用能給網頁增色。網頁中插入的圖形盡量要小,網頁中圖形要附加文字說明,使人在圖形出來之前了解相關內容;不要為圖形加太長的交互文本,也不要把所有的超連接放在圖上;控制頁面中的圖的數量,不要濫用圖象GIF5.什麼是所見既所得的網頁製作工具?什麼是標記形網業製作工具?他們的優缺點?
答 標記型網業製作工具既直接書寫原代碼。他的好處是用戶可很方便的控制代碼。由於都是自己書寫,沒有冗餘部分,因此能非常好的把握整個HTML文件在瀏覽器中的表現;最大的缺點是用戶必須非常熟悉HTML語言。
可視化網頁製作工具既所見既所得的方法製作網頁,可以非常直觀的對網頁進行排版,往往使設計工作事半功倍。它不需用戶對HTML標記熟悉,只要用戶有好的創意,就能夠作出符合用戶需求的網頁。但是它有個致命的缺點:難以精確的達到與瀏覽器完全一致的顯示效果,而且它生成的代碼也不能完全適應各種不同的情況,往往出現冗於度高,不如手工書寫來得簡潔。6.在學習網頁製作時,可以從哪些方面來增強學習效果?
答 A從了解HTML的基本標記開始。
B選擇自己認為順手的工具,從第一個頁面開始。
C多訪問他人網頁,從中受到啟發
D深入分析成功的網站,網頁。1. 網站設計的過程中,最中要的一個原則是什麼?為什麼?
答:網站最重要的原則是創意。雖然網站的主要目的是傳送給人們它的信息,但在傳遞信息的同時還把他的文化傳遞給獲取信息的這些人。軟體的掌握是短期就能速成的,而且新的軟體成出不窮,功能越來越強大,但是使用這些軟體必須要有良好的網站設計概念才能創造優秀的網站,這是網站製作的核心。網站的製作是按一定的步驟進行的,不同的網站設計著對網站有不同的見解和看法,但是有個共同觀點:僅會輸入文本,製作超級連接,排列圖片不是真正意義上的網頁製作,因為網頁製作最重要的一個原則是創意。2. 什麼是信息看版?有什麼作用?
答:信息看版是WEB站點中為訪問者提供的各種最新的信息集合。通常位於首頁上,或者在首頁打開的同時通過腳本控制同時把信息看版打開。3. 簡述網站的設計流程,並詳細描述流程中每個步驟應該進行的工作
答:設計流程為8個部分:A初始商討。收集相關信息,確定包括站點目標用戶,要發布的內容及開發WEB伺服器平台。B構思。設計師根據收集的信息,開始構思站點的內容組織,欄目的設置,頁面的基本結構等。C綜合內容討論。設計師先製作一些初始頁面,將陪以文章的圖樣列印出來也顧客討論,研究。D頁面布局與導航。一旦顧客同意了這些內容,設計師就開始編制WEB頁面,站點也編制到頁面中,讓顧客看到頁面的處世效果。E圖形製作。顧客同意了站點的外觀設計,設計師就將製作圖形,進行圖形優化。F內容流程。利用各種網頁技術,把客戶的書面材料和相並進行修改。G測試。在站點被提交給擁護之前,開發人員要徹底測試每個WEB頁面和連接並進行修補。H驗收交付。一但開始驗收工作,客戶要對站點進行大量測試,找出排版錯誤的地方,進行修改。在作完了必要的工作後,站點可以對外宣傳,開放了。4. 什麼是站點的風格,典型的商業網站的風格有哪些?
答:站點的風格是指整個網站所採取的結構布局,色調,文字,標志,圖案等要素帶給瀏覽者的關於該網站的印象。商業公司的風格主要表現在如下方面:
A公司的會標或商標應出現在頁面的最上方,盡可能作到色彩醒目,同時站用面積小。B可採用主題圖形產品廣告來突出公司形象和風格。C主要欄目一般才用圖文並茂的超連接,要考慮主要欄目的圖片,文字的色彩配合,主題圖形相互寸托。D不要把主要欄目和次要欄目放在同一個頁面顯示。E商業網站一般都有固定的欄目頁面。F建立站內收索引擎,方便瀏覽者在站內查找所需要的信息5.在組織網站目錄結構是需要遵循哪些原則?
答:A不要將所有文件放在根目錄下面。B按欄目內容分別建立子目錄。C在每個欄目下面都建立獨立的IMAGES目錄。D目錄的層次不要太深。E切忌使用中文目錄。F不要使用過長的目錄。G盡量使用意義明確的目錄6.究網站的連接結構意義何在?主要的網站結構有哪幾種?
答:網站的連接結構是指頁面間相互連接的拓卜結構。他建立在木結構基礎之上,但是可以跨越目錄。形象的說,每個頁面都是一個固定點,連接則是每2個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是這些點不是分布在一個平面上,而是存在於一個立體的空間。研究網站連接結構的根本目的在於,用最少的連接,使瀏覽最有效率。一般的建立網站的連接結構有樹型和星型2種,在實際中,總是將2重結構相互混合起來,我們希望瀏覽者可以方便快捷的達到自己需要的頁面,有能清晰的知道自己的位置。所以最好的方法就是首頁和2級頁面間用星型連接,2級和3級之間用樹型連接結構。1. 什麼是頁面的重心?為什麼要使頁面的重心平衡?常用的有哪幾種重心平衡方法?
答:重心平衡既頁面重心反映的是網頁上各種元素分布的協調程度。任何一個圖片或者文字,都在網頁上佔有一定的空間,作為一個模塊,其本身就具有重心位置,當插入到空白網頁後就會明顯的改變整個網頁的重心。重心的平衡代表網頁必須對稱布局,雖然對稱的分布更容易的獲得重心的平衡,但是對稱分布往往使頁面失去活力,因此非對稱布局反而是更多網頁的首選。一般情況下,重心平衡是指在左右重心的平衡。而上重下輕也是網頁構圖經常採用的方法。既對頁面上下重心的平衡上要求不嚴。這是因為由於在瀏覽器的滾動時,顯示的是整個頁面,訪問者一般不會注意。
2. 什麼是WEB安全色?什麼是抖動?2者之間是否有聯系?
答:WEB安全色是由於瀏覽器在顯示各種顏色時是有選擇的。它只能選擇其中的216色顯示。無論是BLUE,RED,GREEN的顏色通道,他都是採用跳 躍的顯示方法進行顏色的編碼,既它們都只能在00-FF之間取值。這些跳躍的色彩被稱為WEB的安全色,意思是在任何瀏覽器上都能顯示。 抖動是由於瀏覽器不能顯示所有的顏色,因此偽造了在調色板中不能顯示的顏色,通過鄰近的象素混合而產生在圖象中實際並不存在的顏色,達到一種補償的目的。 抖動的圖象有很多顆粒,圖象顯示粗糙。 抖動是由於WEB安全色的限制產生的,抖動時使用的色彩范圍是在WEB安全色內的。 .... 參考資料 http://hi.baidu.com/liujing2008666/blog/item/1fbbac33cef11cfe1b4cfffc.html

與網頁設計的設計原理相關的知識