活動網頁設計

1、怎麼樣設計個人的網站或者網頁，還有怎麼樣學習製作網頁，就是類似網上商城搞活動的活動頁面（賣產品的那

網上的那些個網頁，大都是技術人員做的，人家有很好的審美功底。相比之下，普通人做出來的就很醜。
人家搞活動的網站，也會用到代碼的，這個也需要程序員，不單單是美工。
美工是負責頁面部分，div+css,可以學習網頁三劍客，當然還要練習很久，和有一定的審美才可以做出合格的頁面，現在js有引起人的重視，這個也很關鍵！
程序員負責後台部分，就是數據交互，這個可是太有學問了。幾句話說不清！

2、活動頁面設計，這個頁面感怎麼樣

網頁設計是一種建立在新型媒體之上的新型設計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區別於報刊、影視的一個新媒體。它既擁有傳統媒體的優點，同時又使傳播變得更為直接、省力和有效；為了適應當今時代發展，必須增加藝術設計院校的網頁設計課程；為了更好的體現網頁這一新型設計的特點，將它和傳統媒體進行比較，了解它的優勢所在；一個成功的網頁設計，首先在觀念上要確立動態的思維方式，其次，要有效地將圖形引入網頁設計之中，增加人們瀏覽網頁的興趣，在崇尚鮮明個性風格的今天，網頁設計應增加個性化因素。
網頁設計 什麼是網頁設計？
網頁美術設計（也稱網站美術、美工設計）從某種意義上來說可以稱為「eye ball work」，網頁的美術創作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。在某種意義上，網站美術設計是網站成功的主要因素。
網頁美術設計與網站整體形象一致，符合藝術規范和網站標准，著重注意網頁色彩（主色調和次色調）、圖片的應用及版面規劃，保持網頁的整體一致性。

網頁設計 網頁設計與網頁製作的區別
網頁設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁製作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html語言將其製作成網頁格式。這就相當於一個干腦力活，一個是干體力活，但是一個優秀的網頁設計師對著兩到工序都是十分了解的，因為他要知道自己的設計稿，是否會為網頁製作人員製作頁面帶來麻煩。網頁製作包括兩個部分：

1.UI（User Interface,用戶界面）：UI的意思是用戶界面，是英文User Interface的縮寫。既瀏覽者在瀏覽網頁時，通過視覺所能觀察到的一切事物，這些都是需要設計的部分，在互聯網行業，做界面設計的人被貶義的稱為「美工」。

其實我們一開始接觸電腦時就應該對UI有很深的認識，從最早的DOS操作系統到Windows 1.0，再到Windows XP。我們開機所看到的就叫用戶界面，DOS操作系統黑底白字的文本界面，Windows XP的經典藍色界面，這些都是用戶界面的發展歷程。從簡單到復雜，從庸俗到華麗，也證明了用戶界面設計越發成熟。

2.UE（User Experience,用戶體驗）：UE的意思是用戶體驗，英文叫做User Experience，縮寫為UE, 或者UX。是指一個瀏覽者在訪問一個網站或者使用一個產品時的印象和感受，對網站的布局、色彩、功能、感覺是否滿意，在第一次訪問離開後是否還想再回訪，是否能發現明顯的Bug（既網站在瀏覽過程中出現的錯誤）。

3、我報名參加了學校組織的網頁設計活動

我答：
1.用ps做效果圖、切圖，用Dreamweaver布局、排版、寫JavaScript特效，ftp上傳啥的就不用了吧。
2.主題當然是積極向上的了，學校組織的活動當然還是與學習有關為好，lz可以做一個讀書網比如起點那樣的，當然達不到那種水準。。或者校園網，就是學校內部的網站，每個系都應該有不少可以放在網上的東西，同時還可以贊美校園（學校喜歡的就是這些。。）。雖然可能大家都想做什麼購物網啊，電影網啊，游戲網之類的，但是學校那個封建的地方也許你做的再好這些網站可能也不會被評上（個人建議）。
3.風格我個人比較喜歡國外的網站，韓國的站過於花哨，反而不喜歡，至於大氣和檔次也要看你選的主題了，要是給金銀珠寶、服裝或者酒店做那就一定要大氣，上檔次，但是這個可不是說說就能做出來的，需要的是視覺的沖擊力和對比色的搭配，還有就是設計理念要明確，沒幾年功底倒是比較難。不過建議你可以嘗試，年輕嘛有沖勁。要是真的做學校網或者讀書網還不如用內容充實網站，華而不實反倒不會起到很好的作用。
4.網頁材料也是需要你確定主題之後才能找，當然全部在網上照搬了，不要因為這個耽誤你的設計時間。
5.第五條我沒看懂，網路裡面的內容、格式？你是說頁面的布局嗎？目前比較流行的也是比較老套的就是header和footer不變，中間的main-content或者橫向幾行或者縱向幾列，反正都不離其中flash站倒是變化比較多。不過沒有2年基礎還是別嘗試了。 推薦個網站給你，zcool，高手無數，設計作品都很高端，而且推薦的國外酷站都很打眼，對於沒有設計經驗的人來說前期參考是最好的讓自己找到設計方向的方法。
寫挺多沒用的，只希望能幫到你。

4、怎麼做一個有關活動的網頁

其實這個簡單，想好了內容就做貝。自己喜歡怎樣的排版自己設計（先用PS設計好模板）。再然後就是HTML 、DIV 、 CSS 等排版（就是寫代碼，不會可以到網上找）。

5、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(5)活動網頁設計擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

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

網頁配色小技巧：

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

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

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

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

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

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

6、活動頁面一般被稱為什麼 網頁設計製作啊，網路營銷中，它的術語是？（英文）

通常電子商務網站平台，會不定期舉辦一些活動，就是所謂的活動頁面，專業術語稱EDM頁面。
謝謝採納~~！

7、百格活動的在線設計系統設計網站怎麼樣？

用過百格活動的線設計系統，可以在線進行網站設計，一般只需要三步就可以完成活動網站的設計，很方便。

1、多種網站模板在線選擇

主辦方可以根據活動的調性與主題，選擇適合的網站模板，也可以根據會議內容，自主更換背景圖。

2、模板風格在線適配

主辦方可根據logo的顏色，選擇整體的網站配色。

3、進行自主模塊的添加

通過添加模塊功能，主辦方可以自定義添加活動詳情、活動票種、活動嘉賓、活動日程等模塊。

8、簡述網頁設計的風格有哪些

一、首先從功能與設計目標來看， H5專網頁主要有以下4大類型：

1.活動運營型

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部，如何設計一套合適的引流路線也頗為重要。

2.品牌宣傳型

不同於講究時效性的活動運營頁，品牌宣傳型H5頁面等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。

3.產品介紹型

聚焦於產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。

這一類型的H5頁面多見於汽車品牌，LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性，宏觀和微觀都照顧周全。

4.總結報告型

自從支付寶的十年賬單引發熱議後，各大企業的年終總結現也熱衷於用H5技術實現，優秀的互動體驗令原本乏味的總結報告有趣生動了起來。

二．形式為功能服務

在確定了專題頁的功能目標之後，接下來就是關鍵的設計階段了。如何有的放矢地進行設計，需要考慮到具體的應用場景和傳播對象，從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。

1.簡單圖文

簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。

2.禮物/賀卡/邀請函

每個人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物，那創意和製作便是重要的加分項。

3.問答/評分/測試

問答形式的H5頁面也屢見不鮮了，利用用戶的求知慾和探索欲，一路選選選，看最後到底是什麼成績。一條清晰的線索是必要的，最後到達的結果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。

4.游戲

從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」（即山寨版「別踩白塊兒」）等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風靡朋友圈，但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設計上多下點功夫。

三．為設計加分的4個要點

一個H5頁面設計品質的出眾與否，會直接影響其傳播效果，甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點：

1.細節與統一

要成就高品質的用戶體驗，必須考慮到細節與整體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。

2.緊跟熱點，利用話題效應

想要你的H5專題頁一夜爆紅，第一時間抓住熱點並火速上線，借機進行品牌宣傳也不失為一條捷徑。

3.講個好故事，引發情感共鳴

不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。

4.合理運用技術，打造流暢的互動體驗

隨著技術的發展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫，我們更提倡的是合理運用技術，用心專注於為用戶提供流暢的互動體驗。

結語

隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放，HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯，這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說，都將是一個最好的時代。

9、網頁設計聯盟的網站活動

SDC成立至今，一直都得到廣大業內好友和資深前輩的關注和呵護，已先後舉行了大小設計講座59次，邀請到的嘉賓都是業界資深設計名家或者在專業領域內有獨到見解的設計師。其中北京、上海、廣州、深圳已陸續舉辦線下分享會，一直堅持開放、分享、成長的宗旨。
1）提高效率的目的我自己覺得有兩個，一減少重復功，二做更有意義的事情。
2）一般成熟的經驗體系會滿足：獲取——整理——取出——再創造。
3）思維框架搭建技巧： ① 可以用紙筆做記錄，不過科技在向前，我們也需要些新的工具。我自己是使用「mindjet」做腦圖~ ② 多利用零散的時間做這些東西，不需要花一整塊時間思考，能大大提高整體效率~
4）提高零碎時間的使用率：智能手機是一種很重要的工具。具體參照《設計師的移動工具包》
5）拆解客戶的需求：
① 讓需求方先發他認為好的東西過來瞧瞧
② 我們要做的是判斷我們能不能做的比那些東西要好
6）設計=客戶+用戶（可能會參與）+設計師的產物
7）設計師都是心理專家：a.第一稿盡量有所保留 b.給客戶做選擇題 c.從決策者喜好判斷其偏好
8）收集素材的神器：evernote和花瓣。
收集不是盲目的，一定要做好分類。不是收集了就可以，還要你想用的時候能找到。 1）「網頁配色不宜超過三種。」
2）利用色彩豐富畫面：在保持「網頁色彩（相）不超過三種」的原則下，只能尋找更多同色系的色彩來完善設計，也就是在「飽和度」和「明度」上做文章。
3）疊柔配色法： 只需要明白三個關鍵詞：疊加、柔光和透明度（填充）。PS：這種配色方法對純黑色和純白色不起作用。
4）三步調色法：
① 一個黑或白色，或黑白漸變（可以是點、線、面...甚至字體）
② 混合模式選擇疊加或柔光
③ 調整透明度（1%-100%隨意，省心的做法是直接鍵入一個整數值，比如：輕質感類頁面可以選擇20%-40%，重質感感類可以鍵入60%或以上）
5）細節調色法：
通過混合選項中的「陰影、外發光、描邊（不適用疊柔法）、內陰影、內發光」可以自由的刻畫5層像素級細節（當然，通常在實際的使用中刻畫1到3層即可）。
這種方法無論形狀、色彩如何變化，這些細節都如影隨形、色彩都隨變而變~可節省大量重調細節或盲目選取配色的時間！ 1）配色意義：1、品牌定位 2、用戶體驗需求 3、區分元素主次 4、聯想，氛圍以及情感需要 5、審美需要
2）配色思路：1、品牌。 2、項目性質。 3、受眾人群 4、項目負責人主觀審美 5、主題廣告詞 6、純視覺效果 7、視覺效果
3）網頁設計師的3個段位：1、木偶型 2、翻譯型 3、一專多長超人型
4）成功的案例：主動溝通，了解客戶真實訴求，再介入視覺設計階段；切忌不可自我感覺良好，那類型的作品常常淪為飛機稿。
5）如何處理色彩「臟」：1、切忌不可大面積使用灰濛蒙（臟）的顏色 2、提高臟色亮度 3、盡量找找些干凈的顏色 4、多嘗試用灰色去做調和
6）配色常見問題：1、臟 2、無主次（層次 ）3、灰，悶，單一 4、缺乏色調意識 5，統一過渡
7）畫面層次感：通過純度、明度、色相 的對比 去拉開視覺層次。
總結：層次，明暗，純度，對比構成動人的畫面，做到每個元素有主有次。 1）設計的目的：在進行任何設計都必須要問自己3個問題，WHY ? HOW? SO ?
2）「字體設計三要素 1、創意；2、技法；3、工具。
3）字體設計遵循這4點：——1. 字形飽滿 2 均衡流暢 3 節奏感強 4信息傳達。
4）字體設計靈感來源：MILK雜志。
不定期進行拍攝收集，然後去分析每個字體之間，不同結構連接的技巧和規律。
5）對一個設計師而言，能有一個良好的設計環境是很重要的。
6）字體設計是有生命和氣質的，不需要太多的解釋，就可以讓人感受到設計師想表達出的概念。
總結：方寸之地有靈魂~中文字體設計 1）優秀的設計師：A .敏銳觀察力和良好溝通能力」。B.比常人勤奮數倍 C.能規劃自己的時間和未來。不盲目跟隨，自信自醒。
2）尊重版權：所有創意素材都是自己創造或購買圖片，一般不隨便使用沒版權的東西。
3）身兼數職的全才：任何事情大家都要正反去看，其實身兼數職困難卻能短期快速鍛煉自己能力。
4）做一個勤奮的設計。勤奮的設計師會在能力范圍內盡量嘗試不同的方案；一般的設計師只會罵總監或客戶是SB。
總結：勤奮總是機會多 1）可謂大氣：大氣並不是指體積大面積大尺寸大。靠最少的元素最簡潔的視覺來體現「多」。大氣不是一種單純視覺，而是一種綜合的感覺。這種感覺包含了視覺與畫面所承載的思想。
2）對於「多」：不能直接用很多元素來告訴用戶「多」。而是用通你的策略引導用戶主動思考，思考之後的結論是 感覺這個作品有內涵。
3）大氣作品的構成：商業需求+概念+元素+視覺 （思想、素材、設計手法）
4）大氣的視覺感受：1. 空間感 2. 縱深感 3. 力量感 4. 純&凈
5）如何做精做准：1、想辦法減少元素的歧義。2、每個元素的存在必須合理、合情，去除一切可有可無的元素。
6）尋找素材：分析核心——發散思維——得出結論——找圖。
7）擁有豐富靈感的前提：1、好的思維模式。2、豐富的資料庫。
總結：簡約不一定簡單，而是最佳的視覺呈現方式。 1）提升效率和設計質量的方法：技術分享+軟體共享+高質量素材
2）什麼是BANNER？形象鮮明表達最主要的情感思想的
3）設計流程：需求→評估→製作→反饋、確定初稿→跟進
4）banner設計：字體篇→1.清晰易辨認，標題簡明易懂 2.推薦「方正蘭亭黑」系列，禁止使用未授權字體。 3.少用英文，拼寫正確。盡量避免對字體的變化
5）圖片優化技巧：分2個圖層→底層是銳化1次，頂層是銳化2次→頂層建立蒙版，使用徑向漸變。（有意識的突出主題） 1）堅持+主動式成長的關鍵因素
2）創意=自己+客戶+用戶和想法結合點
3）從真實的世界裡提取設計的色彩
4）思考固有的模式，努力在框架中尋找突破。一般，生活中不按常理出牌的人都很精彩！
5）多與世界接觸，你會發現更多美的東西 1）設計前的准備工作：拿到需求說明後，不要草草看過就開動，或是腦袋裡空空呆坐。多去跟客戶/需求方嘗試溝通。1.讓客戶提供參考案例 2.將我們收集的各種案例，讓客戶選擇 3.挑選案例要比自身水平差一點。
2）視覺中心點：即第一眼看到的位置。一般在這個范圍寬度在1004*600內
3）視覺沖擊力：1.色彩對比度大，2.材質變換。3.結構突破。
4）整體性把握：1.平時多做門戶類型的站點 2.多看看時尚類的雜志。
5）材質偷懶法：素材是最好的工具，運用的好可以節省大量時間。
6）設計能力的提升：1.鍛煉的不是技術，是眼力。多多嘗試，推薦看看界面類作品 2.出你做過的稿子，基礎上再設計一遍，會有很深的感觸
7）做個多功能設計師：暗示自己最專業，能說會道，軟硬兼施，會成功的。 1）鋼筆工具迅速造字：a.根據原字形，把筆畫放好 b.開始做出不一樣 的感覺 c.字形上進行了斷開或者連結
2）弧形工具(round fillet)對色設計圓角很有幫助
3）不規矩的設計肯定比規矩的 更吸引人；
4）字體設計是直接在電腦上弄，還是先打手稿？據筆畫的環境來做， 沒有必要都一樣的
5）字體的創意：精簡、突出、到位，創意圖形和字的結合要和諧要自 然，即與字義有一定聯系。
6）字義是最關健的，是必須考慮的第一要素。
7）在校提升設計能力：學校壓力不大，可以多去投稿，練經驗；在比 如可以去威客練練手 別被大環境搞的自己也惡俗了就好。 1）設計這行當，一人一條路，千人有千面。沒有兩個設計師是用同一 種方法、同一條發展路線走到同一個水平線上的。
2）抄襲與模仿：借鑒、模仿是所有藝術類工作都無法擺脫的原罪，也是設計師們無法擺脫的原罪。
3）透視設計點：發現→解構→提取→掌握→組合。透過現象看到本質 ，透過作品看到方式方法，並且能學會這些方式與方法，才能積累、沉澱。
4）在一次次的解構、掌握的過程中，不但掌握了各方面基礎的技能， 在習慣成自然的推動力之下，創意往往滋長，自然而然，由下自上，由 內而外，而不是憋得臉紅紅腦疼疼想出來的「瘡痍」。
5）當積累與沉澱的手法到了一定的基數，手法與手法的組合方式就會 以幾何級數倍增，面對各類設計任務才能游刃有餘。當手法的組合多元 化之後，「抄襲」的原罪必能洗脫，「學習」才能得到收獲。
6）希望我的微薄之力，能讓每個剛入門或者入門一段時間但是遇到瓶 頸、困擾的設計師能聽懂、能學會、能應用、能拓展、能發揮、能升華 。
7）生有涯，設無邊，讓我們一起把設計玩兒起來！

10、像這種App活動頁面是通過什麼軟體設計出來的，需要手繪板么？

你好
基本上都是電腦製作好以後再用手機發布出來的
製作圖像軟體太多了
不過多數都是採用PS進行製作
貌似還有coreldraw吧