網站設計的網站

1、網頁設計（網站）是做什麼的

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

2、國外平面設計網站有哪些

1.找設計靈感，只認Pinterest--------Pinterest
以瀑布流展示圖片為主，圖片資源豐富強大，不像花瓣有些關鍵詞滑幾頁就沒有了，在設計初期發散思考時，瀏覽Pin簡直高效出活。（昨天被pin掛了的新聞刷屏了???sad face）

2.看完整的設計項目，作品，用Behance--------Behance
包括工業設計，交互設計，視覺，建築各個領域，重點在展示完整的項目作品上，所以需要點擊各個作品進入彈窗看，一個彈窗包涵文字，圖片，視頻介紹。

3.找視覺素材，UI，動效，推薦Dribbble--------Show and tell for designers
個人很喜歡dribbble上的視覺風格，扁平化風格較多，配色走心，最喜歡的一個功能是dribbble上一張圖會有主顏色色號的信息，並且點擊相關色號會進入所有用到這個色號的作品頁面，配色方案一堆自行搭配自行選擇，簡直視覺類網站的業界良心。

4.找優質視覺資源，上Niice--------Niice
畢竟是從behance和dribbble等優質設計網站上過來的資源，優質中的精華，個人感覺在包裝、平面等更偏藝術領域的資源較多。

5.作品集瀏覽、發布，Issuu--------https://issuu.com
記得之前有設計小白來問去哪可以看到完整的學生交互項目，安利了issuu給他，在瀏覽別人作品集的同時，也可以看到很多完整的設計項目，最喜歡它的展示功能，增強作品集展示效果，只加分不減分。

6.CG娛樂設計藝術資源類--------ArtStation
有很多CG設計類的圖片，視頻，模型等，之前被一個做游戲原畫師的同學安利的網站。

7.ICON資源下仔類--------Noun Project
這個沒啥好說的，貌似不翻牆也能上，還有一個國內網站也不錯，Iconfont-阿里巴巴矢量圖標庫 ，另外一個icon比較好看的：Iconfinder - 1,500,000+ free and premium icons，好看到你懷疑能不能直接拿來用。。。只是需要收費，建議商用

8.字體設計，Google Font--------https://fonts.google.com/
對於網頁設計師和前端人員來說，是個很棒的字體庫，設計師可以使用字體庫提供的免費字體來網頁設計，而前端人員可以直接調用 Web Font 樣式。

9.機械/工業設計/模型類參考網站
http://www.robotecture.com/
DIY How To Make Instructions
MakerBot Thingiverse
Home | www.robives.com
工業設計，tangible interaction design 的設計師可以看過來，裡面有很多免費資源，以及與機械相關的理論，製作等等。對於做裝置藝術，硬體交互有很大的幫助。
作者：阿綠
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。

3、網站建設和網站設計的區別

網站建設比起網站設計有些局限性，可能更傾向於程序或模板的建站，而網站設計可以這么理解，它的定義更廣一些。
網站設計不光是頁面的設計，還有程序的設計開發，以及網站前期的網站整站策劃設計，它的價值遠遠大於網站建設。
一般網站建設公司都是一些前台或後台的模板，建站很便宜，都是套現成的，或者改改前台界面，一般都是很低端的。
網站設計公司都是量身打造的網站，一般價格是建設公司的十幾倍或幾十倍，貴是因為他要做前期的策劃，後期的精美設計，還要給該品牌或公司形象的定位，樹立企業網路形象，要做非常多的工作，甚至後期的推廣。

4、如何設計一個好的網頁

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

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

五、製作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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

5、網頁的設計有幾種方法

第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。

第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。

第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。

網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等

6、常見的幾種網站設計風格

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

2、拐角型：這種類型其實與國字型很相近的，只是在形式上不一樣，最上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接；

3、標題正文類型：上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

4、左右框架類型：這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，最上面有時是一個小的標題或標致，而右面就是主要內容，最常使用是論壇網站，企業網站中的內頁有很多是採用這種布局方式的；這種類型的布局的特點是結構清晰明了；

5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；

6、綜合框架類型：其實就是左右框架類型和上下框架類型的結合體；

7、封面型：這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示；

8、Flash型：其實這與封面型結構是類似的，採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體；

9、變化型：即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型；

7、網頁設計和web前端的區別

前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。
設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。

8、網頁設計有哪些好的網站

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
無論是什麼樣的網頁設計常用的工具一般都是以下幾個：PS、FL、DW、FW

9、哪些平面設計網站比較好？

看教程和作品的去中國設計之窗，這個老站以前經常不能訪問，現在有新版了還行，視頻和作品都好像他們獨家的而且還是免費，就是得從新版老版里到處找，真心累
e文好和小資的去Behance,Dribbble不錯，是真心合適，得多用在線翻譯，但用來裝逼和升職會好處大大的，原因就不能深說了，做的說不得
設計素材去花瓣和千圖，抄地肯定心花怒放。紅動和站酷怎麼說呢，像個大平台的感覺，很大很全，什麼都有也什麼都一般，從學習到賺外快有各種機會也有很多坑等你。
我叫雷鋒，不用謝謝我

10、有哪些平面設計網站值得推薦

推薦幾個在線設計/素材的工具網站~

01 速成模版網站：稿定設計
鏈接：www.gaoding.com
推薦理由：這個網站的模板都是免費的，使用字體還有是否可商用的版權提示，可以保證1分鍾快速出圖，是深夜加班的救星，提高效率的助攻神器。另外，他們的摳圖功能也非常強大！比ps便捷高效多了。
02 配色網站：Color Calculatorcolors
鏈接： www.sessions.e/color-calculator
推薦理由：這個網站可以讓你快速、直觀地找到你所需要顏色的對應互補色、三角關系色等各種配色方式，就相當於一本「配色字典」標准答案都在裡面。

03 字體識別網站：fontinuse
鏈接： fontsinuse.com
推薦理由：設計師們經常為了找到一張海報上的字體而慌得一逼，而font in use的一大亮點就是：在設計稿上提取現有字體，並且附上了字體的名字，便於尋找。

04 免費圖標網站：Iconfinder
鏈接： www.iconfinder.com
推薦理由：免費圖標+矢量素材，這對於設計師而言就猶如女生看到免費口紅般的致命吸引力！

05 UI收集網站：Collectui
鏈接：www.collectui.com
推薦理由：非常詳細的UI收集網站，關鍵是分類做得非常好。網站左側的一個導航列表，裡面基本上涵蓋了各種常見的UI界面，細致到共有167個種類！