導語;風每個網站的設計風格都有它自己的組件合集。下面是網頁設計的基本步驟及設計技巧，希望對你有所幫助：
網頁設計基本步驟
第一步. 收集與歸納素材
確定項目設計方案、確定項目創意要點、確定項目表現形式、確定項目文案以及確定項目相關素材。
第二步. 處理醖釀,構思畫出項目原型圖
讓思想自由馳騁，發揮思維的靈活性;對前期收集的信息進行綜合處理;運用各種方法勾畫出若干可實施方案。
第三步：討論並 總結可實施方案
對一眾方案進行篩選並挑選出最具備可行性特質的方案。
第四步. 項目設計實施與後期校驗
在整個項目進行過程中，都要對項目的各個關鍵點進行全面的思考，並要與項目相關的各個角色保持高效的溝通，善於抓住問題核心並能給出相應的解決方案，很多時候設計師的溝通水平決定了項目的進展、推進速度與最後輸出成果的質量。
網頁設計創意方法和設計技巧
方法之一——借鑑創意法
特點：較適用於短平快.但又要求有細節的項目。
借鑑創意法可以從我們已知的一切入手，一如街邊的路牌、途中的風景、斑駁的牆漆、月夜下的街燈，再到同行的案例啟發，這些都是我們可以吸取的地方。相信我們都有逛網的習慣，這不僅是積累各方知識及瞭解時下流行視覺趨勢的好方法，無形中也豐富了我們的創意閲歷，為借鑑創意種下良好的因子。在工作中，當我們黔驢技窮，為找不出一個好的創意解決方案而撓頭時，可以吸取日常工作、生活中的所見所聞，從其中的一個點，或者一個表現出發，借鑑其成功之處，拓寬創意思路，結合項目現狀，給出優質的創意設計。
方法之二——情景(情感)映射創意法
特點：較適用於短平快.對情感有一定訴求的項目。
説明：情景創意法的進行要求對一個想法進行縱向深入發掘，思維忌橫向發散。
生活中，我們都是獨一無二的，不同的成長的歷程賦予了我們不同的閲歷、不同的性格、不同的想法與世界觀。我們每個人都有自己獨一無二的想像力、理解力和判斷力。於是乎，當我們面對同一件事物時，會做出不同的情感反映。同樣的，在我們的'日常創作過程中，也就有了不同視覺風格，不同創意想法的出現。
情景映射創意法是把我們所要表達的概念化的、抽像化的東西(如文案、主題等)豐富化、立體化。把這些所要表達的概念逐步的從低級抽象向高級抽象演變，直至獲得滿意的創意表達為止。
比如説春天，在想到春天的時候。在腦海裏我們都會出現不同的元素，豐富而有詩意，綠色、和風、細雨、春泥、青草，還有風箏、燕子、踏青諸如此類。由此，我們可以充份發揮我們的主觀能動性，融合主題創造出富有感染力的創意畫面。
方法之三——思維導圖創意
特點：要求有較好的視覺表現力，有思想深度、延展度的項目，如海報、平面、廣告、富媒體等。
思維導圖是一種放射性的創意模式，被認為是最自然的一種創意工具(自認為是這樣)，很多時候，當項目對創意表達有較高的要求時，它是一個既簡單有效又具有美感的創意工具。思維導圖法以需要解決的問題為起點，把我們所認識的、與問題有關的元素進行聯想細分，向外延展，再延展，充分發揮聯想的創造力。然後思維再跳出來，把這些之前創造性的想法都結合起來，進而激發出我們創意的火花。
從圖中我們可以看出，這裏的思維導圖法我們可以理解成橫向情景映射創意法的集成應用，只是在初始價段就展開，先延展，再關聯。
方法之四——頭腦風暴與逆向思維
説明：較適用對整體創意有較高要求的項目，如大中型項目的創意起始階段。
侷限性：頭腦風暴方法對會議的主持人有一定要求，要求具備相當的專業性與組織能力。
説起頭腦風暴，似乎已經沒有人不知道了;在創意工作開始的時候，想到的最優先的，也應該是頭腦風暴，但在這裏還是想提一下。因為始終覺得在眾多創意方法中，頭腦風暴確實是優秀的且可行性很高的創意方法之一。
頭腦風暴的特點是：眾志成城。是集眾人才智解決創意缺失的良好方法。是眾多創意方案的集合。是創意工作中的捷徑。
頭腦風暴的實施要求：
1. 確定風暴主題。
2. 確定主持人(負責主持風暴創意會議，對各創意進行記錄)。
3. 風暴與會人員積極對主題進行創意發言，避免出現爭執及重複創意(不能重複但可引申)。
4. 集合所有創意方案，把方案在進行循環深化風暴。
5. 最終探討並選出可行性最佳的創意方案。
