網頁設計精髓

1、網頁設計入行需要看哪些書

幾本有關UI設計的入門「干貨」！

UI的發展和現狀

書籍名稱：《藝術的故事》

作  者： 貢布里希 (Sir E.H.Gombrich) 

內容簡介 ：從最早的洞窟繪畫到當今的實驗藝術的發展歷程，闡明藝術史是各種傳統不斷迂迴、不斷改變的歷史，每一件作品在這歷史中都既回顧過去又導向未來。

書籍名稱：《西方美術簡史》

作  者： 亨德里克・房龍

內容簡介 ：以優美的文字、清晰的思路講述了西方美術史的發展軌跡與幕後精髓。

美術視覺設計

平面構成

書籍名稱：《平面設計法則》

作  者： 米爾曼

內容簡介 ：對學**設計的學生來說是一個一站式的資源庫，既是有趣的基礎教程，同時也是深入設計領域實踐的「入門讀物」。  

書籍名稱：《平面設計視覺詞典》

作  者：  加文·安布羅斯 /哈里斯

內容簡介 ：旨在對平面設計中容易混淆的一些專業詞彙予以區別和解釋，比如斜線和斜體的區別，重印、套印、翻轉的區別等。

美術繪畫

書籍名稱：《視覺與繪畫》

作  者：  諾曼・布列遜 

內容提要：本書對西方美術史極為閉塞與自滿的研究現狀作了尖銳的理論批評，強調從繪畫圖像的社會性及其作為符號的獨特角度、從歷史與人文學科當代發展的角度拓展研究視野。

書籍名稱：《素描與視覺思維》

作  者： 吳國榮 

內容簡介 ：本書對古代到現代源遠流長的素描傳統,作重新的審視和選擇；對不斷更新發展的各設計專業需求共同本質因素的探究和設計類基礎素描教學和實踐作了系統的梳理和思考。

色彩構成

書籍名稱：《設計配色基礎》

作  者： 視覺設計研究所 

內容簡介 ：幫助讀者了解配色的整體效果以及有關配色的基礎知識，講解了營造畫面氛圍的方法，以及如何利用色彩給人的感受來表達主題。

書籍名稱：《藝術設計的色彩構成》

作  者： 朝倉直巳 

內容簡介 ：雖然這書是很老了但畢竟學問這東西萬變不里其宗！不得不承認日本人教學方面的書比中國人嚴謹很多。

版式設計

書籍名稱：《版面設計的原理》

作  者：  伊達千代 

內容簡介 ：以條理分明的章節及淺顯易懂的文字，有層次地說明設計的各個環節。作者從建立條理、添加變化、強調重點、設計技巧和設計中的色彩幾個方面將自己實際操作經驗與心得全部記錄下來。

書籍名稱：《柵格系統與版式設計》

作  者： 金伯利·伊拉姆 

內容簡介 ：本書中展示的設計超越了簡單的功能主義和簡約主義的教條，使得版式設計成為一種真正的動態傳達方式。

字體設計

書籍名稱：《文字設計的原理》

作  者： 伊達千代 / 內藤孝彥 

內容簡介 ：作者匯集多年來的經驗，運用大量實際案例，有層次的逐步展開文字設計的各個重要因素，從認識文字、文字與意象、易於閱讀的文字組合、在設計中如何強調文字，以及文字在排版中的運用。   

書籍名稱：《商業字體設計》

作  者： 許瀚文

內容簡介 ：作者走遍陸港台日、歐洲，跟世界各地的字體設計師、文字設計師交流，並每天工作、學**、不斷反思反省下所蒸餾出的想法。

交互設計

用戶體驗設計

書籍名稱：《破繭成蝶-用戶體驗設計師》

作  者：  劉津/李月

內容簡介 ：一本很實在的書，基本從入門給我們講述了什麼是用戶體驗，書中融入了寶貴的職業經驗和專業思考，對於交互設計師、視覺設計師、用戶研究員等具有一定參考價值和借鑒意義。

交互設計原則與規范

書籍名稱：《簡約至上：交互設計四策略》

作  者： Giles Colborne 

內容簡介 ：一本凝煉至極、耐人尋味、圖文並茂的好書。簡化設計，提升易用性。創造出卓而不群、歷久彌新的用戶體驗。

書籍名稱：《認知與設計：理解UI設計准則》

作  者：  Jeff Johnson 

內容簡介 ：把設計准則與其核心的認知學和感知科學高度統一起來，從認知和心理學角度剖析交互設計本質，介紹如何將最新的認知 學成果應用到交互設計中。

設計心理學

書籍名稱：《設計心理學》

作  者：  Donald Norman 

內容簡介 ：幫我們找到了這些問題的關鍵，即產品設計忽略了使用者在一定情境中的真實需求，甚至違背了認知學原理。

設計思想

書籍名稱：《點石成金》

作  者： 史蒂夫·克魯克 

內容簡介 ：這本書短小精悍，語言輕松詼諧，書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及包含大量信息的圖表，使枯燥的設計原理變得平易近人。

書籍名稱：《設計中的設計》

作  者： 原研哉 

內容簡介 ：以謙虛但同時尖銳的目光尋找設計被需要的所在，並將自己精確地安置在他的意圖能夠被賦予生命的地方。

書籍名稱：《寫給大家看的設計書》

作  者： 威廉姆斯，Robin　Williams

內容簡介 ：以其簡潔明快的風格，將優秀設計所必須遵循的這4 個基本原則及其背後的原理通俗易懂地展現在讀者面前。本書包含大量的示例，讓你了解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。

當然一切還是行動起來最靠譜

看到網上和周圍有很多人都在討論如何學UI設計、UI設計的職業前景怎麼樣之類的話題。不得不說現在UI這個職業確實需求很大有很多人想要學**和從事相關的工作。設計是一門需要沉澱的技藝，卻恰巧遇見了日新月異的互聯網文化。只有知識與實踐的努力才能成就一個出類拔萃的UI設計師。

2、如果一個網頁設計的主題是「祖國在我心中」，那麼最好選一個怎樣的設計核心是什麼呢？急！急！急！

祖國在我心中(一):

掀開摞摞發黃的歷史，在白骨累累的中國近代史上我們看到一個個舉著明晃晃鋼刀的劊子手，一隻只滿口 鮮血的吸血蝙蝠，一頭嚙著血淋淋心肺的豺狼，一群群叼著頭顱的鷹犬和一淌淌鮮艷刺目的血！

這是民族的恥辱。讓受苦受難，受辱受虐的中國人的血不再白流，是老一輩仁人志士的不懈追求，他們奇跡般地走過了二萬五千里長征，經歷了八年抗戰，迎來新中國的建立……

歷史又翻到今日。新的仇恨，新的血淚又涌現在我們眼前：1999年5月8日一對新婚不久的中國青年夫婦倒在南斯拉夫的血泊中；2001年4月一位優秀的中國飛行員為了祖國尊嚴血灑南海上空……

同學們，我們能無動於衷嗎?我們能讓鮮血再灑在中國歷史的十字架上嗎?我們能讓閃著寒光的刺刀再刺向中國人嗎?

不!決不!血、淚、仇。我們記住了，永遠地記住了。讓我們化作冬雨，將南斯拉夫的血場刷清。讓我們化作精衛，將洶涌的大海填平……

雪恥復仇，為中華民族偉大復興，我們這一代中國青少年責無旁貸！

然而，我們許多少年人將自已民族的新仇舊恨忘掉了，將「五四」青年匍匐喋血，在血淚中仍高喊祖國萬歲的那一刻忘記，將日本劊子手在南京城中獰笑著舉起鋼刀的那一刻忘記了……同學們如果我們沉溺在享樂之中將學習荒毀了，將前程荒毀了，將民族興衰拋置腦後……這是一種毀滅，一種自我毀滅。

魯迅先生窮其一生智慧，「我以我血薦軒轅」喚醒了刀俎上的中國人，我們的前輩樹立「為中華之崛起而讀書」的理想，以天下安危為已任，前仆後繼，建立了新中國。

作為新時代的青年人，我們怎能放任自流，荒毀一生置民族大業於不顧?否則，枉為炎黃子孫！

梁啟超曾高瞻遠矚地指出：少年強，則國強；少年富，則國富；少年屹立於世界，則國屹立於世界！

自古英雄出少年。在當今世界的殘酷競爭中，中國青少年能否肩負起民族振興和洗刷國恥的任務，直接關繫到中國將來的命運。

我們的老師學識淵博、溫文爾雅、謙和真誠、勤奮敬業、任勞任怨。
我們青春煥發、熱血沸騰。擺脫幼稚走向了成熟，不再藏到父母寬大的羽翼下避風躲雨，而是如那高傲的海燕，渴望暴風雨，敢於戰斗。我們雖然無需面對國土的淪喪，無需承受戰火硝煙，但是我們可能要阻擋不期而來的洪水，抗擊非典，預防禽流感，我們的飛船要上天，我們的足球要獲勝，我們要研究轉基因，我們要征服沙塵暴，我們要保護環境、維護世界和平……毋容置疑，我們這些祖國未來的建設者和接班人，肩負重擔、義不容辭、任重道遠。為了祖國的繁榮、民族的興旺，今天的我們用激情點燃希望之火，用青春汗水澆灌成功之花。勤奮學習、奮力拚搏，是我們初中生活不變的主題。「三分天註定，七分靠打拚。」也許會受挫，也許會失敗，但是，「不經歷風雨怎麼見彩虹」遠航的水手告訴我們「風雨中，這點痛算什麼，擦乾淚，不要問，至少我們還有夢。」

努力吧！奮斗吧！中國青少年。為我們開辟民族復興的新藍天……!

祖國在我心中(二):

「當當當……」隨著清脆的集合鍾聲，同學們排著整齊的隊伍，集合在操場上。大隊輔導員田老師用洪亮的聲音庄嚴地宣布：「升旗，奏國歌，敬禮！」這時，幾百隻小手五指並攏，「唰」地一下舉過頭頂。此刻，校園里一片肅靜，一千多名師生懷著無限崇敬的心情，目光一齊投向那面五星紅旗。啊，升起來了，升起來了！五星紅旗在雄壯的國歌聲中徐徐地升起來了！

我看著這鮮艷奪目的五星紅旗，心潮澎湃，思緒萬千。一個個熟悉的故事，頓時化作一幅幅生動的畫面，從我淚水模糊的眼前掠過：二萬五千里長征途中，勇敢的紅軍戰士在紅旗指引下，冒著槍林彈雨，強渡波濤洶涌的大渡河；忍著飢餓和嚴寒，翻越白皚皚的雪山；克服了重重困難，艱難地走過茫茫的草地……為了迎接新中國的誕生，敬愛的江姐在萬惡的渣滓洞里，冒著殺頭的危險，與難友們一起，滿懷深情地綉出一面五星紅旗……更使我激動的是：我彷彿看到了1949年 10月1日的開國盛典，敬愛的毛澤東主席在雄偉的天安門城樓上，親自升起了新中國的第一面五星紅旗；我又彷彿看見，在改革開放的今天，黨中央率領著億萬工人、農民、知識分子……浩浩盪盪地向四個現代化進軍、向著那光輝的2000年挺進！

啊，紅旗，你是祖國的光榮和驕傲。無數革命先烈為了把紅旗插遍全中國，他們面對敵人的屠刀，發出從容的微笑。面對刀山火海，勇敢向前，他們用鮮血染紅了革命的旗幟，用生命保衛了紅旗，迎來了美好的今天！

這乳白色的旗桿，只有十幾米的高度，然而它卻展現了一段多麼漫長、多麼艱辛的歷程啊！紅旗升向蔚藍的天空，「祖國」深深地印在我的心中。

「禮畢！」大隊輔導員激動的聲音打斷了我的思緒，我再次深情地仰望著紅旗。紅旗升到了旗桿的頂端，金黃的五星在朝陽的映照下更加鮮艷奪目。紅旗隨風在藍天中「嘩啦啦」飄揚。這時，同學們精神振奮，鬥志昂揚。我凝視自己胸前的紅領巾，覺得它更加紅艷了，因為它是紅旗的一角，它是先烈用鮮血染成的。它激勵著我繼承先輩的遺志，為實現共產主義遠大理想——時刻准備著！

升旗儀式結束了。我深深感到祖國與我們貼得很近很近。我鼓足了勁頭，大步向教室跑去，又開始了一天新的「長征」……

祖國在我心中(三):
滔滔的江水,滾滾的黃河,連綿不斷的山路,都屬於我們偉大的祖國。祖國的山川雄奇,祖國的河水秀逸,祖國的胸懷無比廣闊.
當侵略者的鐵碲踐踏我們美麗山河的時候,每一個有良知的中國人臉上流著淚,心中淌著血。為了心中神聖不可侵犯的祖國,他們在黑暗中摸索,在屈辱中抗爭.
聞一多拍案而起,橫眉冷對暗殺者的手槍；吉鴻昌高掛寫有「我是中國人」標語的木牌,走在一片藍眼睛、黃頭發的洋人之中；張學良,楊虎城將軍為了挽救民族危亡,毅然發動了西安事變……
英雄長已矣!古往今來,一曲曲悲歌,一個個驚天動地泣鬼神的故事,都講述一個簡單而樸素的信念,祖國在我心中.
正是這千千萬萬的赤子,才撐起了我們民族的脊樑,祖國的希望;正是他們,在自己的「今天」，用滿腔的熱血，譜寫了無愧於時代的《義勇軍進行曲》，才使得我們今天的共和國國歌響徹神州，那麼氣勢磅礴，那麼雄壯嘹亮。
再翻開五千年的歷史，我發現祖國的生命精髓長城——那道傷痕，記載了多少滄桑，又表現得如此頑強，那是一種標識，更是一種力量，一種精神，一種嚮往！長江——那是祖國的脈搏吧！跳躍著永不枯竭的悸動，揮灑著無邊無際的情傷。黃河——那是祖國的血液，沸騰著、沸騰著，奔涌著，奔涌著，無力不摧，昂著向前，何等的自信和驕傲啊！五嶽——那是你的手掌，指著蒼涼的天，戳著悲愴的地，怒斥著醜陋的奸佞……
恥辱和不幸已經成為過去，中華民族迎來了新的輝煌。改革開放二十多年來，在廣大勞動人民的辛勤耕耘下，無論軍事、科技、政治、體育，我們都取得了長足的進展。剛剛結束的雅典奧運會上，體育健兒憑借自己的「十年磨劍」，使中國首度躍身體育強國之列。五星紅旗一次次高高飄揚在雅典的上空，雄渾激昂的中華人民共和國國歌讓無數的華夏兒女心潮澎湃，熱淚盈眶。
「祖國在我心中」，簡簡單單的六個字，道盡了多少中華兒女的心聲。正是因為有這樣一顆中國心，革命先烈拋頭顱，灑熱血，奧運健兒奮勇拼搏，屢創輝煌，而每一個炎黃子孫看到迎風飄揚的五星紅旗都會熱血沸騰，壯志激昂。
我們現在的幸福生活是革命烈士的血換來的，看到胸前飄飄揚揚的紅領巾，在我心裡，便有了這樣一條信念，祖國就是媽媽，國家重於小家，長大後用雙手把她建設的更強大。
祖國有廣闊的疆土，有輝煌的歷史，有漫山遍野的寶藏，有山川五嶽秀麗的風光。思想的野馬在賓士，我用我的心描繪著祖國媽媽，她飄散的長發是千百條悠然流貫的河川，她硬朗而峭拔的脊樑是連綿不斷的山峰，而她明亮的眼睛則是洞庭的水，西湖的波吧！
祖國是東方的明珠，是亞洲騰飛的巨龍，是遠方地平線上初升的太陽。祖國在你心中，在我心中，在我們大家心中！

3、網站設計風格主要體現在哪幾個方面

網站簡單的可以分為：功能型和展示型

功能型：網站在美工設計上可能不適合大塊圖片，在數據功能上比較強，比如：搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。

展示型：追求視覺上的美麗，對功能要求不高，在美工上、設計上要有強烈的視覺感。這種網站一般屬於：美容業、女性用品、服飾等。
可以是企業展示網站、企業宣傳網站、門戶網站、電子商務、社交交友、綜合型網站等等。
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

現在是眼球經濟時代，什麼都要靠包裝。你的網站設計的不好看，也無法引起用戶的興趣。我想誰都不喜歡看那些亂七八糟的網站，進去之後看不到網站主題，看不到主要內容，也找不到我們想要的信息。成功網站的第一步，就是從設計開始做起。
一、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站，在這里，提供給大家一些參考經驗：
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果。

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

4、網頁的設計要點

<

5、網頁設計要注意的幾個要點，幾點網頁設計時注

一、精簡代碼

為了更有利於網站優化，要符合web2.0標准，盡量使用DIV+CSS設計網頁，合理布局標簽要盡量減少div層，使用描述標簽，精練的描述網頁，將網站重點內容與經常更新的內容代碼盡量靠近的位置，還要注意頁面不要超過125K。

二、網站導航重點設計

網站的導航是網站優化很重要的武器，網站的導航全站通用，要盡量用文字導航，千萬不要用圖片和flash等，若非得要用圖片請一定加上alt屬性。Flash則盡量避免，Flash的效果是很好的，但載入很慢，搜索引擎也無法讀取Flash文件，不利於之後網站優化。

三、少用腳本和外部調用

網站的JavaScript和CSS等文件一律外部調用，不要把代碼寫在網頁中，並且盡量減少腳本文件個數，這樣不僅僅有利於網頁載入速度也有利於搜索引擎蜘蛛的抓取，之後網站優化才會更給力。

四、避免頁面重復

每個頁麵包換標題、描述和關鍵字等都應該不一樣，需要注意的是很多設計師會做一個通用的模板，而用的時候又忘記修改。標題一定要是具有獨特性的

五、圖片與文字鏈接加上屬性

記得要給所有圖片加上alt屬性，還要符合W3C標准，搜索引擎會讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性，8U網路推廣提醒大家要盡量減少用圖片代替文字

六、網頁布局結構

麵包屑型導航，樹狀扁平化結構。為了更有利於網站優化，有利於百度收錄，要降低頁面的層次，首頁點擊不出三次可以到達網站任何一個頁面，任何頁面都可以很快的回到想要的頁面。文章內容部分先於其他部分顯示，設置上一篇、下一篇文章，根據文章的關鍵詞設置相關文章，如果文章內容多分幾頁顯示，需要保持每頁的網頁標題、文章內容均不同，避免出現復制內容問題。

6、網頁設計製作流程是什麼樣的？

網頁設計的兩大要點是：整體風格和色彩搭配。
確定網站整體風格
在這里，我提供給大家一些參考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標准色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

7、網站設計一般包括哪些方面

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。
四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

8、網頁設計流程是什麼？

設計流程：

主題明確：

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。

設計思路：

1、簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

4、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計：

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識別系統），應按照其中的VI進行色彩運用。

形式內容：

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

三維空間的構成：

網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。

通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。

虛擬現實：

人們已不滿足於HTML（標准通用標記語言下的一個應用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。

VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

多媒體：

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

便於使用：

如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業信息和服務項目呢？使用一些醒目的標題或文字來突出您的產品與服務。

並且即使您擁有最棒的產品，如果客戶從您的網站上看不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這對於網頁設計而言是失敗的。

導向清晰：

網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，建議在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內容：

在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎？是在線還是離線？

因此，如果是產品或服務介紹網站，應該有留言、電話、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在並由此產生信任感。

測試改進：

測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。應該與用戶共同安排網站測試。

內容更新：

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。

(8)網頁設計精髓擴展資料：

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設計：

在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：

1、網頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網頁標題字數過少可能包含不了有效關鍵詞，字數過多不僅搜索引擎無法正確識別標題中的核心關鍵詞，而且也讓用戶難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站鏈接。

2、網頁標題應概括網頁的核心內容

當用戶通過搜索引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加鏈接）和網頁摘要信息，要引起用戶的關注，網頁標題發揮了很大的作用。

如果網頁標題和頁面摘要信息有較大的相關性，摘要信息對網頁標題將發揮進一步的補充作用，從而引起用戶對該網頁信息點擊行為的發生（也就意味著搜索引擎推廣發揮了作用）。

另外，當網頁標題被其他網站或者本網站其他欄目/網頁鏈接時，一個概括了網頁核心內容的標題有助於用戶判斷是否點擊該網頁標題鏈接。

3、網頁標題中應含有豐富的關鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網頁標題中所包含的關鍵詞具有較高的權重，盡量讓網頁標題中含有用戶檢索所使用的關鍵詞。

以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵詞，這時通常採用「核心關鍵詞+公司名/品排名」的方式來作為網站首頁標題。

開頭所列舉的某網路營銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的「核心關鍵詞」，反而沒有了核心。

做美工看起來並不是一件容易的事情。首先，要對整個站點和企業有個大致的了解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。

參考資料：

網路-網頁設計 （網站技術）

9、有哪些關於網頁設計的精品書籍

UI的發展和現狀
書籍名稱：《藝術的故事》
作 者： 貢布里希 (Sir E.H.Gombrich)
內容簡介 ：從最早的洞窟繪畫到當今的實驗藝術的發展歷程，闡明藝術史是各種傳統不斷迂迴、不斷改變的歷史，每一件作品在這歷史中都既回顧過去又導向未來。
書籍名稱：《西方美術簡史》
作 者： 亨德里克・房龍
內容簡介 ：以優美的文字、清晰的思路講述了西方美術史的發展軌跡與幕後精髓。

美術視覺設計
平面構成
書籍名稱：《平面設計法則》
作 者： 米爾曼
內容簡介 ：對學**設計的學生來說是一個一站式的資源庫，既是有趣的基礎教程，同時也是深入設計領域實踐的「入門讀物」。
書籍名稱：《平面設計視覺詞典》
作 者： 加文·安布羅斯 /哈里斯
內容簡介 ：旨在對平面設計中容易混淆的一些專業詞彙予以區別和解釋，比如斜線和斜體的區別，重印、套印、翻轉的區別等。

美術繪畫
書籍名稱：《視覺與繪畫》
作 者： 諾曼・布列遜
內容提要：本書對西方美術史極為閉塞與自滿的研究現狀作了尖銳的理論批評，強調從繪畫圖像的社會性及其作為符號的獨特角度、從歷史與人文學科當代發展的角度拓展研究視野。
書籍名稱：《素描與視覺思維》
作 者： 吳國榮
內容簡介 ：本書對古代到現代源遠流長的素描傳統,作重新的審視和選擇；對不斷更新發展的各設計專業需求共同本質因素的探究和設計類基礎素描教學和實踐作了系統的梳理和思考。
色彩構成
書籍名稱：《設計配色基礎》
作 者： 視覺設計研究所
內容簡介 ：幫助讀者了解配色的整體效果以及有關配色的基礎知識，講解了營造畫面氛圍的方法，以及如何利用色彩給人的感受來表達主題。
書籍名稱：《藝術設計的色彩構成》
作 者： 朝倉直巳
內容簡介 ：雖然這書是很老了但畢竟學問這東西萬變不里其宗！不得不承認日本人教學方面的書比中國人嚴謹很多。

版式設計
書籍名稱：《版面設計的原理》
作 者： 伊達千代
內容簡介 ：以條理分明的章節及淺顯易懂的文字，有層次地說明設計的各個環節。作者從建立條理、添加變化、強調重點、設計技巧和設計中的色彩幾個方面將自己實際操作經驗與心得全部記錄下來。
書籍名稱：《柵格系統與版式設計》
作 者： 金伯利·伊拉姆
內容簡介 ：本書中展示的設計超越了簡單的功能主義和簡約主義的教條，使得版式設計成為一種真正的動態傳達方式。

字體設計
書籍名稱：《文字設計的原理》
作 者： 伊達千代 / 內藤孝彥
內容簡介 ：作者匯集多年來的經驗，運用大量實際案例，有層次的逐步展開文字設計的各個重要因素，從認識文字、文字與意象、易於閱讀的文字組合、在設計中如何強調文字，以及文字在排版中的運用。
書籍名稱：《商業字體設計》
作 者： 許瀚文
內容簡介 ：作者走遍陸港台日、歐洲，跟世界各地的字體設計師、文字設計師交流，並每天工作、學**、不斷反思反省下所蒸餾出的想法。

交互設計
用戶體驗設計
書籍名稱：《破繭成蝶-用戶體驗設計師》
作 者： 劉津/李月
內容簡介 ：一本很實在的書，基本從入門給我們講述了什麼是用戶體驗，書中融入了寶貴的職業經驗和專業思考，對於交互設計師、視覺設計師、用戶研究員等具有一定參考價值和借鑒意義。

交互設計原則與規范
書籍名稱：《簡約至上：交互設計四策略》
作 者： Giles Colborne
內容簡介 ：一本凝煉至極、耐人尋味、圖文並茂的好書。簡化設計，提升易用性。創造出卓而不群、歷久彌新的用戶體驗。
書籍名稱：《認知與設計：理解UI設計准則》
作 者： Jeff Johnson
內容簡介 ：把設計准則與其核心的認知學和感知科學高度統一起來，從認知和心理學角度剖析交互設計本質，介紹如何將最新的認知 學成果應用到交互設計中。

設計心理學
書籍名稱：《設計心理學》
作 者： Donald Norman
內容簡介 ：幫我們找到了這些問題的關鍵，即產品設計忽略了使用者在一定情境中的真實需求，甚至違背了認知學原理。

設計思想
書籍名稱：《點石成金》
作 者： 史蒂夫·克魯克
內容簡介 ：這本書短小精悍，語言輕松詼諧，書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及包含大量信息的圖表，使枯燥的設計原理變得平易近人。
書籍名稱：《設計中的設計》
作 者： 原研哉
內容簡介 ：以謙虛但同時尖銳的目光尋找設計被需要的所在，並將自己精確地安置在他的意圖能夠被賦予生命的地方。
書籍名稱：《寫給大家看的設計書》
作 者： 威廉姆斯，Robin　Williams
內容簡介 ：以其簡潔明快的風格，將優秀設計所必須遵循的這4 個基本原則及其背後的原理通俗易懂地展現在讀者面前。本書包含大量的示例，讓你了解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。
當然一切還是行動起來最靠譜
看到網上和周圍有很多人都在討論如何學UI設計、UI設計的職業前景怎麼樣之類的話題。不得不說現在UI這個職業確實需求很大有很多人想要學**和從事相關的工作。設計是一門需要沉澱的技藝，卻恰巧遇見了日新月異的互聯網文化。只有知識與實踐的努力才能成就一個出類拔萃的UI設計師。