導航:首頁 > 萬維百科 > 網站設計的規律

網站設計的規律

發布時間:2020-10-03 11:44:55

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

網頁設計,網頁設計原則理念
(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)創意是可恥的,分析能力遠比創意來的重要
設計界動輒就大談什麼「創意」,需要指出的是,還沒有搞清目的意義和內容,還沒在技術製作上臻於完善的基礎上,用創藝和特效來迷惑客戶和訪客是可恥的。一個網站設計者的分析能力遠比創藝來的重要。

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

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

3、網頁設計的基本原則是什麼?

審美原則
好的創意必須具有審美性。一種創意如果不能給瀏覽者以好的審美感受,就不會產生好的效果。創意的審美原則要求所設計的內容健康、生動、符合人們審美觀念。
目標原則

創意自身必須與創意目標相吻合,創意必須能夠反映主題、表現主題。網頁設計必須具有明確地目標性。網頁設計的目的是為了更好的體現網站內容。
系列原則
所謂系列化就是在具有同一設計要素或同一造型、同一風格或同一色彩、同一格局等的基礎上進行連續的發展變化,既有重復的變遷,又有漸變的規律。從視覺心理上來說,人們厭棄單調劃一的形式,追求變化,連續系列的獨特性會令人們耳目一新。系列原則也符合「寓多樣於統一之中」這一形式美的基本法則,組成連續系列的每一幅界面雖然是一個獨立的單元,但由於整體結構內容的相關性,風格基調的一致性,使網站在變化中求統一,形成多樣統一、對比而又和諧的藝術效果。

4、網站設計的原則

網站中有哪些關鍵技巧?有哪些陷阱?在這里,世界上一流的網站設計專家,讓你共享他們的秘密,告訴你:使網站賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟體以及他們喜愛和厭惡的網站。

01 明確內容

如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02 抓住用戶

如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03 優化內容

內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 Chanels網站(www.channels.co.uk)在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。

04 快速下載

沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05 網站升級

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。

06 堅持基本原則

即使你不懂HTML語言,你只需購買一個有版權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創建一個看起來很合理的網站。但是,在設計時,這些軟體包雖然不需要HTML,卻使網站速度下降。 為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。

07 學習HTML

用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。

08 用筆畫一個網站的框架

聖人雲:筆比劍更強大。在用計算機之前,用筆畫一個網站的框架,顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。

09 「在計算機上永遠也找不到好的方案」。 ——專家忠告

10 網站地圖

許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。

11 「睜大你的眼睛,留意所有的事情。」

「對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,確保你的設計是圍繞站點瀏覽進行的。」 ——專家忠告

12 點擊規則

聽說過3次點擊規則嗎?對於小型網站,在你的主頁上,沒有任何一條信息,需要點擊次數超過3次的。對於大型網站,使用導航和工具條來改善操作。

13 特殊字體的應用

雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。

14 「使用切合實際的簡便的命名規則。」 ——專家忠告

15 檢查錯別字

好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字。

16 避免長文本頁面

在一個站點上有許多隻有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀。

17 不要使用卷滾條

人們厭惡在網上使用卷滾條。Trouble網站(www.Trouble.co.uk)是一個典型的設計很差的網站。它基於一個浮動的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。

18 專家最喜愛的Web設計工具

1.Adobe Photoshop

2.Macromedia Flash

3.Adobe Illustrator

4.Adobe ImageRead

5.Dreamweaver

6.Macromedia Fireworks

7. Allaire Homesites

8.Microsoft Notepad

9. Macromedia Director

10. Lightwave

11. Macromedia Freehand

12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

19 網站介紹

你應當有一個很清晰的網站介紹,告訴訪問者你的網站能夠提供些什麼,以便訪問者能找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

20 「網站一旦發布,網站設計的優點和缺陷全都公布於世。沒有什麼方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到更多的東西。」 ——專家忠告

21 閃爍讓人頭痛

通過使用標識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站,就少用此方法。

22 背景顏色

背景顏色也會產生一些問題,可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。

23 向前和向後按鈕

應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。

24 「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習。」 ——專家忠告

25 點擊記數器

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎,你最好提供一個鏈接,顯示訪問日誌。

26 不要用框架

與記數器一樣,框架在網頁上越來越流行。在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。

27 去掉圖像

在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。

28 重復使用圖像

一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時,在網頁上多次使用同樣的圖像是一個好的方法,並且一旦它們被裝入,以後重新載入就會很快。

29 避免使用過大的圖像

不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。

30 「避免使用炫耀的技巧。」 ——專家忠告

31 選擇使用Flash動畫

許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源,使網站的操作變得很困難,因此,應該給用戶一個跳過使用Flash動畫的選擇。

32 盡量少使用Flash插件

雖然許多Web設計者認為Flash功能很強大,並且Netscape5.0將支持Flash,在使用時不必再下載任何插件。 但是,最好還是取消使用Flash做各介面的想法。

33 讓用戶先預覽小圖像

如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。

34 動畫與內容應有機結合

確保動畫和內容有關聯。它們應和網頁渾然一體,而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。

35 慎用聲音

聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣,但是多次以後肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給你帶來什麼。

36 少用Java 和AxtiveX

在網頁上應盡量少使用Java 和AxtiveX。因為並不是每一種瀏覽器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。

37 設計成功的網站

www.bmw.co.uk ——內容和關聯性很好

www.yugop.com ——圖形下載很快

www.comicrelief.org.uk ——設計簡單明了

www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viact.co.uk

38 慎用插件

在Web設計中,如果依賴於一些特別的插件,會減少網站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。

39 使用著名的插件

如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

40 使用先進技術

跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新產品和開發技術。

41 自己創建圖像和聲音

使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。

42 「無論是游戲、圖像、動畫還是電影,想想你喜歡的設計是怎樣的,這將激發你的創作靈感,使你創作出新的和更好的網站。」 ——專家忠告

43 平台的兼容性

要為用戶著想,必須最少在一台PC 和一台Mac機上測試你的網站,看看兼容性如何。

44 用軟體分析工具找錯

使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查,可選用軟體分析工具。在網址www.weblint.org/validation.html中,你能夠找到更多有效的HTML工具。

45 避免錯誤鏈接

網站中可能與其它一些有用的站點作了鏈接。但是,如果在你的網頁上有鏈接,一定要經常檢查它們,保證鏈接有效。鏈接的網站可能很多,但不要鏈接到與你的內容無關的網站上。

46 給觀眾成熟的東西

如果網站沒有完成,就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。

47 在搜索引擎上登記網站

任何一個人發現你的網站的機會都很少,除非你把你的網站在主要的搜索引擎上進行登記。

48 設計一個留言板

瀏覽者願意把時間花在好的網站上,所以最好有一個留言本,這能激勵訪問者再次回到你的網站,還有助於擴充網站內容。

49 測試網站

在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。

50 「盡你所能反復測試所設計的網站,直到你不能發現新的東西為止。」 ——專家忠告

51 演示即將發布的網站

在網站正式運行之前,讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。

52 動畫點綴

網頁上的動畫最多隻用一個

53 「傾斜的按鈕看起來不會太好,最好不要使用。」 ——專家忠告

54 內容組織

在開始創建新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容,然後設計導航系統。

55 「空白萬歲」

注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。

56 「利用空白去吸引注意力。為了吸引眼球,Web設計者使用各種方法,比如:閃爍、旋轉等,但是利用空白會吸引更多的注意力。」 ——專家忠告

57 圖像壓縮

為了保持小的圖像,可以使用類似GIF向導的程序,它能自動對圖像進行壓縮。 先聲明圖像的大小,在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

58 設計失敗的網站

www.boo.com ——在它上面找一件T恤衫要花一個小時 www.miniheroes.co.uk ——不吸引人,主頁太雷贅

www.saturn.com. ——設計太差

www.e13.com. ——沒有新意

www.song.com. ——導航不知所雲

59 圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

60 用戶注冊

如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的信息。但是,要求訪問者在瀏覽網站之前進行注冊,這樣做是要冒風險的,因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。

61 使網站具有交互功能

在網站上提供一些回答問題的工具,使得訪問者能從網站上獲得交互的信息。

62 圖片更新

盡可能經常更換網站上的圖片,人們更願意點擊的是圖片而不是文本。

63 在網站上提供游戲

游戲是很好的交互工具,它是使訪問者能再次光顧網站的好方法。

64 挑選工具軟體

仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。

65 使用最新版本的軟體

盡量使用Web設計軟體的最新版本,還應當能被授權進行免費或便宜的升級。

5、網站設計要遵循哪些原則?

1、響應式布局:自適應PC、手機、平板端,網站的可訪問性非常重要,越來越多的人使用手機搜索訪問網站;
2、安全穩定:網站從本質上來說一款軟體,是軟體都會需要升級,因此使用專業的建站系統搭建網站除了功能完善,還可以在線升級
3、尊重知識產權:當前很多所謂的定製建站公司為了節省成本或受限於自己的技術水平,模仿抄襲建站行業的標桿企業模板或是模仿同行,從而會給公司埋下嚴重的侵權法律風險。

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

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

7、網頁設計中要遵循哪些原則

每個網頁設計師在 設計網頁的時候都有自己的一套思路和方法,但是不管怎麼樣,都遵循了幾個最基本的設計原則,我大概總結了主要有如下幾點:
一、對稱與均衡
對稱分為左右對稱、上下對稱、重復對稱、旋轉對稱等形式。對稱的造型在大自然中比比皆是,同時也是版式設計常用的構成形式。對稱的形式給人以穩定平衡的感覺,但也容易流於刻板、單調。為打破這種局面,設計上往往採用均衡來代替對稱。均衡與對稱的區別在於各元素與軸心的分布排列不等,呈不規則狀態,從形式上是對稱的破壞,然而兩邊在視覺上的分量的相等的。整個畫面還是處於勢的平衡中,給人以後總動中有靜或靜中有動的動態美,富於變化和趣味。我們稱之為:對等不對稱,等量不等形。
二、重復、相似和變異
一個形體的反復出現,會加強對受眾的視覺刺激。這是最簡單的節奏,好像某幾個音節在樂章中的反復出現,會加深聽眾的印象。在平面設計中有時也把近似的形象並置在一起,大道重復的效果,這稱為相似。但有的時候,我們又把很有規律的一段樂章其中的一個或幾個音符加以變化,使之產生強烈的反差,這就是變異。變異可以理解為對規律的破壞,這種表現手法更容易吸引人的注意力,引發瀏覽者的興趣。
三、節奏與韻律
節奏、韻律是來自音樂的概念。在構成中,形體有規律的排列和變化就形成了視覺的節奏與韻律。它會帶給受眾舒適的視覺感受。除了前面提到的重復,還有形的漸變,包括大小、長短、明暗、形狀、位置等方面的變化,這些構成上的變化會使畫面產生和諧的藝術效果。這些形式上的美,如果賦予頁面的主題、個性和情感,就有了韻律感,好像音樂中飯的旋律,不但有了節奏,還有情調,有意境。它能增強頁面中的感染力和藝術表現力。
四、網頁中的對比
對比就是利用異質元素的並置產生差異,更鮮明地突出各元素的個性特性。缺乏對比的畫面的平淡、乏味的,是沒有吸引力的;而對比會產生強烈的矛盾和沖突,從而對觀者產生視覺刺激。
五、網頁中的調和
調和是指通過網頁中各要素之間存在的共性所構成的頁面統一性。調和是產生和諧與穩定的前提,我們可以通過保持畫面造型元素的某種特徵的一致性,如形狀,色彩等,形成調和。另外前面講到的對稱、均衡、漸變、重復等構成方式也會形成調和的頁面效果。以調和為基調的頁面中各部分之間保持一種內在的統一和協調,從而加強頁面的整體性和完整性。調和的構成中,要注意局部的對比效果。避免頁面產生模糊。
 我們一般採用三種方式進行頁面的調和:
大小調和:使頁面的元素麵積大小相近,或者使一種元素麵積大於其它元素,並佔有絕對優勢,保證其在頁面中起主導作用。
形狀調和:頁面中的造型元素保持相似的外形,並且把這種外形特徵貫穿於整個網站。
色彩調和:通過頁面中的元素色彩的一致性,進行頁面調和。
網頁設計師在其設計思路中都遵循以上幾個網站設計原則,所以特別是對剛學網頁設計的新手來說深刻理解並遵循設計原則是必要的,甚至決定了你網頁設計的成敗! 東莞匯鑫--企業郵箱,網站建設

與網站設計的規律相關的知識