網站首頁，即主頁、起始頁，也就是打開網站后看到的第一個頁面。網站的首頁就好像人的臉部一樣，給人的是第一印象，也稱網上第一視覺效應，它的設計直接關乎了整個網站的風格以及整體效果，這就要求網站首頁設計時要新穎，而且要標新立異。那么如何去設計一個網站首頁呢？華飛科技網建部根據多年經驗分享給廣大客戶： 網站首頁在網站制作的開端，把握首頁設計風格以及首頁大體輪廓是網頁設計師應該特別注重的地方。網站首頁設計在于網頁風格定位，資料圖片選取，文字表達樣式，以及相關的代碼描述等等，對于這幾個方面，我們華飛科技的網頁設計師深有體會，在和客戶溝通完畢定稿方案后，我們將會對網站建設策劃方案進行分析研究，然后制定出設計流程，搜集資料和資料歸類分析后形成一種具有網站CI標識的系統手冊，根據這個系統手冊，設計師把握網頁風格，編輯文字描述等，這樣有利于形成具有統一風格的網站首頁樣式，更顯現層次感和頁面視覺動態感。在網站首頁的設計過程中，我們要求要精益求精，務必做到規范，新奇。 在對網站首頁的設計，給網頁設計師提出了一個很高的設計要求，那就是如何去形成一種系統的設計理念，更能把這種設計理念真正的融入到網站中去。這不僅僅體現出一種網頁設計的藝術美，更加展現出設計師的靈感創意，因而網站首頁的設計關乎網站后期的制作，是網站制作中的重要環節，網頁設計師一定要形成一種規范。 這個要是還不太明白的話 你可以登錄 www.huafi.com 進行查看

網頁設計初學者應該以下面幾個步驟一次學習，便可以成為一個普通的設計者：(1)先學美工：學習PHOTOSHOP，學習這個的目的是做網頁的效果圖，并且懂得將整個效果圖切割，放入網頁。(2)學習DREAMVER這款軟件的基礎知識，特別是HTML語言。(3)通過以上學習，會做html靜態網頁后，就應該懂得下一步怎么學。(4)以后會接觸到，數據庫，FLASH，網頁腳本，服務器知識等很多方面。

如果你在正規的公司就明白區別了。一個原創網站的開發需要經過可行性調研-策劃-原創設計-切圖-程序、JS等開發嵌套-調試等多個步驟。設計師的工作主要是負責策劃和設計,其中策劃包括需要哪些欄目,布局排版還有各個模塊表現形式,（比如新聞是圖片配文字的模式還是列表模式等等）然后就是各個頁面之間的關聯邏輯性。設計就是把這些東西設計出來,需要flash還需要制作一下對應的flash。美工帶一個美字可不表示他的美術功底很深,對于要求比較低的網站設計美工可以應付,比如素材拼湊和psd模板修改等等,但是美工還需要懂一些js嵌套和豐富的切圖知識。正規的開發公司都是設計師做好設計圖后交給美工轉化成html頁面然后再發給程序員。只不過國內絕大多數網站開發公司都是半吊子胡鬧美工和設計師根本區分不了。簡單的說如果開發一個專業的原創網站,必須用設計師,如果只是一般應付的網站美工就可以應付了

李永銓香港李永銓設計公司 　　李永銓先生設計事務所必然從一出生便無可避免的將帶入他個人的許多特性 　　也許與李永銓先生的經歷有關，整個事務所充滿了他所注入的靈魂 　　從李永銓先生的作品和言談中，似乎真正的人生快樂感更重要 　　因此在李永銓設計事務所的設計作品中，總能看到既商業又獨特的元素　　靳埭強與劉小康 　香港靳與劉設計顧問 　　靳埭強與劉小康，相信這兩個名字無論是行內行外的人們都再熟悉不過了 　　可以說是香港設計界最早的代表人物之一　　并且由于靳埭強似乎熱衷于教導和培養年輕一代設計師 　　所以在內地設計大專院校以及年輕設計師中也是倍受尊敬 　　解建軍　北京東道設計公司 　　東道設計是國內成功的商業設計公司之一 　　他們完善的公司運作體系以及嚴謹的商業設計作風是非常明顯的　　戴帆　北京共振設計公司 　　共振設計是國內最具創新精神的設計公司，敢想敢做 　　代表著當今國際前衛的設計思想 　　共振創造了一種新的國際化的的商業設計語言 　　是為數不多能把商業項目和創意很好的融合在一起的設計公司　 　　魏來　北京早晨設計顧問有限公司　　早晨設計已經成長為中國設計行業最令人感到興奮的公司之一 　　早晨設計的創始人魏來先生，近年來不僅僅只是傾心于業務的拓展和延伸 　　而將的時間用于創意產業發展的研究 　　以及創意設計企業經營理念的研究和行業人才的培養上面 　　早晨設計創造的一套成功的發展模式,為設計行業的發展提供了新的思路 　　柯力　上?？铝ζ放埔巹澰O計機構 　　柯力品牌無疑是上海商業品牌形象設計公司中的最具代表的公司之一 　　他們在商業設計領域運營得十分成熟。擁有四家聯合機構同時也采納了商業合伙制度 　　使公司的力量強大，視野國際化且作品老練成熟 　　陳飛波　杭州陳飛波設計事務所　　陳飛波設計事務所的作品如同蘇州園林般的精致使人遐想連篇 　　事務所的作品無一不帶著陳飛波先生的奇思妙想，錯落有致且儒雅大方 　　集和　 廣州集和品牌設計顧問　　集和創立了屬于他們自己的運營模式，達到了他們所崇尚的那種“積聚力量，和而不同”的理念 　 　　也因此影響了很大一批敬業的設計師 　　韓家英　　深圳韓家英設計公司 　　 　　1993年，韓家英設計公司成立。十幾年，在藝術與商業領域里 　　從品牌、平面、廣告、空間、再到產品設計思維的新動向 　　黑一烊　深圳山河水品牌形象管理機構 　　山河水團隊是目前中國創意領域最具活力及遠見的團隊

簡潔，不等于簡單。這與彈琴是一個道理，你也許有能力彈得很快，但你并不需要在所有地方都彈得這么快。在很多時候，讓速度慢下來反而比彈得飛快要來的更加困難。實際上，味道往往最能體現在從容自然、舒緩平淡的韻律當中。接下來進入原文作者人格;我發現自己在很大程度上就是一Dummy System來著。簡潔的Web頁面設計風格是當前圈子當中的風潮之一。在本文中，我們首先將對這類風格當中的那些最具代表性的組成要素進行分析，隨后，我(英文原文作者)還會向各位分享一些工作中的實戰技巧。簡潔風格的創意組成要素　　固定寬度的頁面布局結構　　花時間觀察一些簡潔風格的網站，你會發現它們當中的絕大多數都有用到經過良好規劃的網格布局系統。如果哪位朋友對網格布局還不大了解的話，可以設想一下，在著手進行實際的視覺設計工作之前，使用輔助線將頁面劃分為若干等寬的列，通過這種方式對頁面結構及元素的布局進行更精準的規劃。網格布局可以使設計方案當中的信息結構更加清晰，在視覺上具有強烈的節奏感與一致性?！　」潭▽挾鹊木W格布局結構可以為頁面帶來秩序與效率。舉個例子，雖然Creative Review當中的頁面布局會根據內容類型的不同而有所區別，但我們能夠感受到的瀏覽體驗卻是相當連貫的，因為這些頁面都是基于同一套網格布局框架進行設計的?！　τ谠诰€雜志或報紙一類需要呈現大量內容的網站來說，要打造簡潔的頁面設計方案則更加困難。不過英國的衛報(The Guardian)以及一些同類型的在線報紙站點倒是向我們展示了通過固定寬度的網格布局實現簡潔設計方案的可行性：　　如果不使用固定寬度的布局方式來組織這些內容，幾乎可以說，首頁將會亂的一塌糊涂。然而，在網格布局的幫助下，模塊之間的留白及層次關系都相當清晰，整個內容結構的健壯性得到了提升?！　∠旅鎯善恼?英文)可以幫助你更好的理解與實踐網格布局的概念：　　● A Brief Look at Grid-Based Layouts in Web Design　　● The 960 Grid System Made Easy　　也不是什么新概念了，國產好文章也蠻多，有欲求的同學可自行覓食——譯者C7210注?！　×己玫奈淖峙庞　　×己玫奈淖峙庞》桨竿梢詫啙嶏L格的頁面設計起到事半功倍的推進作用。　　對字體數量的限制是這其中的一個關鍵因素。如果在同一套設計方案當中運用了過多的字體，它們彼此之間就會產生視覺上的競爭與沖突，這無疑會使頁面變得凌亂不堪，用戶的閱讀連貫性也會受到極大的破壞?！　】纯茨切┰O計優秀的網站，你會發現它們通常只會用到一到兩種字體，并在此基礎上通過不同的字號、字色、粗細、間距等屬性來體現出內容的層次結構?！　∵@兩個站點用到的字體都不超過兩種，但它們的設計方案都比較充分地利用了字體各方面的屬性特質，使得整個頁面當中的信息層次非常鮮明?！　〕俗煮w以外，行間距(line-height)也是文字排印方案當中的一個關鍵性因素。使行與行之間保持足夠的空間，文字段落就能變得更加易讀，當用戶閱讀到一行文字的末尾時，也可以很輕松的將目光轉向下一行開頭的位置。我們可以在樣式表當中通過line-height屬性對行間距進行調整。　　此外，對于每一行當中的文字來說，字間距(letter-spacing)也是我們需要考慮到的細節問題。合理的字間距可以為文字帶來更好的呼吸感。　　關于文字排印，也有些不錯的文章(英文)推薦一看：　　● A Basic Look at Typography in Web Design　　● CSS Typography: The Basics　　● CSS Typography: Techniques and Best Practices　　● CSS Typography: Examples and Tools　　簡化的配色方案　　在印刷領域，設計方案所用到的顏色數量通常會受到各種現實問題的限制，譬如項目的預算只允許設計師使用兩種顏色來設計海報。類似這樣的情況是很常見的，設計師們時常會因為這些局限而感到相當的鬧不住?！　《鳺eb設計領域當中卻不存在這類問題，如今，多數顯示設備所支持的顏色數量都龐大的不亦樂乎。從技術上講，我們可以隨心所欲地打造各種花里胡哨五彩繽紛的設計方案，然而這樣的實踐方式顯然會與簡潔至上的設計目標背道而馳。很多經典的案例當中只會用到兩種顏色， 即某個明度的灰色外加一種有彩色。其中的有彩色會用在最為關鍵的頁面元素上，例如重要的鏈接或頁頭當中的交互對象。從某種角度來說這種極簡的配色方案具有一石二鳥的作用，一方面，它無疑會對簡潔視覺風格的構建起到至關重要的作用，同時，這類方案還能有效的提高頁面元素之間的對比度，使那些重要元素得到最大程度的突出。　　另外一些成功的簡潔設計方案當中，雖然用到的顏色數量會超過兩種，但整體的配色風格依然趨向于保守，而且用到的顏色多數是比較中性的。　　正如文字排印方式與信息傳達效果之間的關聯作用，配色同樣不僅是選取一些好看的顏色那么簡單，優秀的配色方案可以通過正確的視覺基調將網站當中的內容更加有效地呈現出來。以Notologist為例，明亮、互補的顏色搭配使得內容信息及它們之間的關聯得到了非常自然的體現，頁面整體風格非常簡潔直白，同時又不失活力。　　一致的圖片樣式　　如果同一個網站當中的圖片(照片、插畫、圖表等)樣式差別很大，你會覺得焦慮么?反正我會。　　對于內容當中有可能包含很多圖片的網站或頁面來說，要落實簡潔至上的設計思路，其中最關鍵的一點就是要通過和諧統一的樣式風格將這些視覺元素呈現出來?！　∨e例來說，IBM的智能星球運動(Smarter Planet campaign)涉及到多個方面的主題，與其相關的印刷品、插畫、圖表、人機互動素材等都遵從著同一套方案標準，包括幾何框架、線條風格、色彩飽和度等。無論是在網站，還是在平面媒體中，相關主題的視覺表現形式都具有高度的一致性。　　設計思路與技巧　　先復雜，后簡化　　在頁面設計的過程中，我們必然要將各種界面元素一點點的放置在頁面里。為了打造簡潔的設計方案，很多設計師通常會在這種時候有所顧忌，下不去手。這會導致整個流程當中缺乏必要的探索性，而且最終的設計方案往往會讓人感到蒼白與空洞，而非簡潔。大家多多少少應該都有所體會，如果運氣好的話，探索過程中的那些happy accident往往能帶來預想不到的驚艷效果?！　∷?，我們不妨試試先復雜，后簡化的思路。在設計流程初期，不要對界面元素的數量進行刻意的限制，同時盡量多嘗試一些不同的布局方案，直到需求所需的內容及功能元素全部就位，然后開始簡化工作?！　∥⒄{，再微調　　道上的朋友們覺得我總是喜歡沒完沒了的折騰設計方案，我真心覺得這種評價是對我的贊揚?！　≡谖铱磥恚O計流程從來沒有真正結束的時候，我們總是可以將方案朝著正確的方向再推進一點。說正經的，在這方面，問問那些和我合作過的設計師或實習生，他們會告訴你，跟著我干是多么苦逼的一件事兒。我估計也是，當我讓他們在一些陰影的細節上修改了12次以上的時候，基本沒人會覺得有意思了?！　≌裎覀冊谇拔漠斨辛私獾降?，“簡潔”是由界面布局、文字排印、配色方案、元素外觀等多方面要素協同構成的綜合體驗效應。所以，在整個流程中，花費大量時間在每個方面的細節當中進行糾結是必需的，這能怪我么?這里增大點行間距，那里的外邊距減小兩像素，把邊框線的顏色由#EEE改為#DDD...這樣的改動聽上去并不重要，但當所有這些微調共同作用在頁面整體上時，細微的差別所累加起來的綜合效應就會變得非常明顯?！　∷裕⒄{吧，然后再微調些些。很多時候，在一個細節當中的調整還會引發另外一處的修改需求，有時甚至會對整個設計方案的方向造成影響。不怕，耐心些，簡潔至上的設計目標需要我們付出的絕不會像最終成品看上去的那么簡單輕松?！　〈缶钟^　　我前半輩子主要是一名印刷設計師。說是印刷，其實自己做了很多打印工作，因為每天在工作當中都會反反復復地將各種稿件打印出來并釘到墻上。久而久之，幾面墻上都釘滿了各種視覺方案的打印稿?！　≡诟男凶鯳eb設計之后，我果斷不打印了，因為我覺得最終產品只會上上線而已，完全不會涉及到出版印刷一類的問題。于是在很長一段時間內，幾個墻面都是空空如也的。不過慢慢的我卻開始懷念起過去的日子了。將項目當中的設計稿一張張的打印出來并釘到墻上，這種簡單直白的組織方式其實可以給我們帶來一種很明顯的大局觀，使我們能夠站在全局的層面上對頁面進行觀察和評審，并有可能發現可以被簡化的細節元素?！　∠啾戎?，在Photoshop或Illustrator中通過切換圖層來對比視覺稿的方式就會讓我們的視野受到很大的局限。所以我建議各位好好利用一下紙張及墻面，通過這種方式來發現不同頁面的設計方案在一致性等方面的缺陷，去除有可能影響到簡潔方案的不和諧因素。

按鈕，背景，動畫做的有科技感些，找靈感看游戲，你需要大型未來主題的游戲UI

1.瘋狂“跑男”桌面鐘這款搞笑桌面鐘每個不同時刻都會讓鐘面上的“跑男”擺出不同的扭曲姿勢來指示時間，如果把一天快進的話，那效果，真是令人忍俊不禁。2.命運指示球這款由德國品牌設計的“命運指示球”能在你猶豫不決時做你的“指路明燈”。命運球的底座上寫著“問問老媽”、“買買買”、“他不愛你”等實用選項，當你感到困惑時，就試試啟動命運的輪盤吧！3.機器人可樂販賣機儲錢罐這可不是自動販賣機，而是一個40cm高大小的儲錢罐，沒當你放硬幣進去時，機器人就會唱起輕快的小曲兒，看看，賣的可樂還是零度的哦！4.雙層玻璃杯整天在辦公室面對大量電腦輻射，可別忘了要即時補充水分！這款雙層玻璃杯以奶牛為設計靈感，除了喝水之外，倒點牛奶當然更是應景，不過就算只是空放著當擺設，也已經十分逗趣、惹人注意啦！5.人面壓力球工作中，感到負能量滿滿難以支撐？趕快拿起桌上的人面壓力球爆捏一通吧！把它當成不近人情的老板、挑三揀四的同事抑或令人惱火的前男友，總之拿上這個小球捏一捏，心情總是能莫名的好上那么幾分。6.剪影書架收拾收拾雜亂的辦公桌吧，人頭馬、大黑牛造型的剪影書架，真是有趣生動又特別。7.喵星人香氛蠟燭這款蠟燭除了富有香氛精油，點燃時能助人放松心神之后，蠟燭融化之后露出的喵星人骷髏更是格外“驚趣”！8.墻面插座貼紙如果你的辦公桌周圍也布滿了各種插頭插座，不妨貼幾張這樣應情應景的墻面貼紙吧，讓雜亂難看的墻面也變得“亂中有序”又有搞笑創意。9.樂高人充電線支架手機、平板、電腦......到處都是纏成一團亂麻的充電線？試試這些樂高小人電線支架吧，星戰造型、小黃人造型、經典樂高造型......你能想到的這里全都有！10.Groot盆栽別再種什么小清新的多肉、苔蘚、微觀盆景啦，Groot才是現在最夯的辦公室桌面盆栽好不好！

網頁設計是一個綜合性的，工作，他不但但要求你用美術，美術只是其它一門最重要的，還有社會文化的了解，對各方面藝術的精通，精懂，你才會，有更出色的作品，更好的創意，有時候靈感，就是原自每個人的生活，和我們十分相近，只要用心觀察，用心學習，就會有進步的首先，基礎的工具軟件，PS FLASH DW AI 3DMAX這些都要求會使用，并用其做出效果然后，你要用HTML CSS JAVASCIRPT 有所了解并學習，基礎客戶端語言編程，在則，你最好，了解后，能進一些好的北京地方的，科班進行學習深造，了解構圖方法和一些設計理念以備在自己的工作中加以應用，最后，就是，學完后，不一定說明你就是最好的優秀的，各各方面，要看你自己的能力，是否，會來到這個行業中，去學習去進步跟你的團隊一起完成一個提案，等，都 是問題，最好學好以后去一些公司實習，或一邊實習一邊學習，建意你從平面設計開始學起，從平面設計轉入交互設計，會有一守的過濾，這樣對你日后 ，發展有一定的幫助，你來我團隊吧，我是做設計的，這東西，免費沒有指點你的，你要慢慢學，你好，你好，網頁設計一門綜合 性比交廣的學課，當然，我也是這個行業中的一員，就像我來說目前在轉型，熱門行業做的人太多了，比電腦公司技術員還多，所以說，如果你真想入這行業可以進我團交流，大家一起學習，當然，做設計，首先得會用PS吧，最基本你要得會處理圖片吧，平面設計你得懂吧，沒有平面的基礎想做出好的網頁基本很難得，出非你是做普通的，在則，網頁這個交互性的東西，還要要求用戶懂動畫，在高點得會JS JQ程序什么的，去實現他的動作。所以說，最重要的就是你要會設計，會設計前提是你得會用PS 然后就是FLASH 或AI 這三個軟件，其它的還可以商量 ，如果這三個不會，那就得學軟件先，學好軟件才能說入這個門的條件后面還有HTML CSS DIV PHP JS JQ 很多東西得學，最重要的就是會跟客戶溝通，溝通是設計的一把鑰匙，有了它，你會事辦公倍的，祝你好運，希望你可以加入我們團隊，共同學習謝謝，說的太多了，不知道對你有用沒用，希望做為參考，僅能參考 ，不做評論，不會可以學，但要多動手 多做，基礎差可以補，語言后其可以在學，前其先把圖做好，CSS做好，這都不是太難的課目難得是JS跟后其的動畫 效果上。要對自己有信心，加油，

視覺中國 思緣設計 藍色理想 設計在線 創意產業 火星時代 網頁設計 插畫中國 工業設計 我要自學 紅動中國 葉子樹網 教程網 改圖網 ps聯盟 設計之家 翼虎網 亞洲ci 韓國設計 中國設計 網易學院 美圖秀秀 國外設計設計綜合 MVP 中國設計之窗 創意在線 網頁設計師聯盟 藍色理想 閃吧 平面設計 平面必看 中國平面設計在 3視覺 數碼資源網 PS教程 PS教程論壇 室內設計 室內必看 和家網 中國建筑與室內 中華室內設計網 土巴兔 室內人 網頁設計 網頁設計師聯盟 藍色理想 設計路上 網頁素材 酷站欣賞 網頁設計公司 >> 包裝設計 中國包裝設計網 中國包裝設計網 中華印刷包裝網 包裝與設計 包裝設計-簡介 包裝設計公司 建筑設計 ABBS建筑論 中國建筑與室內 中國設計在線- 國家建筑標準設 21世紀建筑設 婭庫圖紙網 工業設計 BillWan 中國工業設計在 設計.中國 納金網 中國工業設計協 廣東工業設計網 服裝設計 中國品牌服裝網 中國服裝網 服裝資訊 服飾流行前線 各類服裝設計 中國服裝設計網 >> 設計競標 豬八戒 任務中國 時間財富網 一品威客 征集網 全球設計網 廣告傳媒 奧美廣告公司 百度聯盟 好耶廣告 媒介網 設計前沿 谷歌廣告聯盟 展廳設計 展廳設計-百科 大禹春秋 西典 展廳效果圖 頂尖設計 金字塔-案例 >> 創意設計 創意設計-百科 中國藝術設計聯 創意酷 超現實 搜酷全球 先看看 網站案例 銘萬 中企動力 網頁加油站 牧星策劃 萬戶網絡 商城網站建設 品牌設計 品牌設計-百科 正邦 上知策劃 北京美研 上海美御 上海三松 字體下載 優秀英文字體 字體下載 字體-站長站 字體下載大寶庫 The Web 圖標字體 >> 設計知識 做Banner 照片處理 提高創新能力 名片設計要點 配色基礎 色彩搭配 網站教程 w3schoo HTML5研究 HTML5中文 前端觀察 前端開發網 前端開發 UI設計 UI設計-簡介 ICONFAN UI設計 UI作品 UI圖 UIRSS >> PS教程 小技巧 PS下載 17個PS技巧 Psdtuts PS聯盟 PS愛好者 用戶體驗 UCD大社區 阿里巴巴用戶體 騰訊ISUX 騰訊WSD Prower 淘寶UED 網站模板 模板王 模板天下 設計路上 依兒酷站 網站模板下載 佳木中國 發型設計 發型屋 愛美網 在線發型設計 發型設計-簡介 發型設計 發型圖片 業內資訊 TechWeb 速途網 艾瑞網 癮科技 雷鋒網 36氪 http://www.vipsheji.cn/