業(yè)務簡介：中企動力（300.cn）為您提供網站建設、網站制作、網頁設計及定制高端網站建設服務，中企動力專注于企業(yè)網站建設、高端網頁制作領域26年，對企業(yè)網站制作、平臺高端網站建設，包括汽車、家裝、農業(yè)、外貿、機械等多個行業(yè)擁有豐富建站經驗，選擇中企動力，為網站保駕護航。
網站建設不再難 - 2018年最好用的網站設計工具集錦
由于代碼技術的限制，普通大眾往往在網站建設方面總是一站難求。但是，想要擁有一個自己的網站，真的必須由程序員通過代碼實現？哼，在當今滿滿科技感的新時代，這個問題不存在的~ 小編為大家整理了個人認為最好用的免費網站設計工具。新的一年，擁有一個自己設計的網站不是問題！
根據經驗來講，糟糕的軟件，也一定會導致糟糕的工作效率和成果。如果你不是專業(yè)人員，光是前期工具的選擇就足夠讓人頭痛了。正確的網頁設計工具可以簡化工作流程，高效快速的完成工作。那什么是好用的網站設計工具？不用說，一定是高效，省時，省事，低成本的產品。
"The best design tool is a long eraser with a pencil at one end." -- Marty Neumeier
針對不同的人群，適合的工具不同，“最好用“的定義自然也是有所區(qū)別的。以下，我將我認為的“最好用的免費網站設計工具”分類整理給大家：
- 針對初學者的網頁設計軟件
- 基本的網頁設計軟件
- 好用的網頁設計助手
言歸正傳，讓我把這些個人認為最好用的網站設計工具分享給大家吧~
"Good art inspires; Good design motivates." -- Otl Aicher
針對初學者的網頁設計軟件
1. Wix
價格：基礎版免費
付費模式4.5美元/月 起
適合人群：非技術性人員
簡介：可以自由拖拽編輯的網站建設平臺。Wix 提供完整的一站式網站創(chuàng)建服務，包含注冊網址、網站設計、網站管理和修改，讓用戶只需要操作GUI界面，就可以創(chuàng)建網站，不需要了解DNS對應、網頁編程語言、服務器創(chuàng)建/租賃等事務，一切都由 Wix 自動化處理，讓用戶能專心在網頁視覺與內容呈現上。
個人體會：Wix的最大優(yōu)點是可以自由的拖拽組件。你可以按任意大小任意布置按鈕、圖片，或文本框在網站上的任何一個地方。但缺點是，如果改了模板，很多內容和格式就不使用了，幾乎得重新做網站，而且它的手機模式，需要對內容重新進行編輯。因此，如果網站經常更新的話，每次更新后都得用手機編輯器再改改手機版本。因此 Wix 比較適合不經常更新，但設計別致的小型網站。
2.Squarespace
價格：免費注冊建站
適合人群：最適合非技術型人員（不需代碼、設計功底）
簡介：Squarespace這款自助建站服務始于2004年，十年的歲月使其發(fā)展成了使用最廣泛的建站程序之一。不需要設計或是編程基礎，便可通過Squarespace快速搭建一個精致的響應式網站。它本身提供了三種定價模式，第一種是可免費注冊與建站。但若要發(fā)布網站，則有根據網站類型每月12至40美元的兩種方案可供選擇。
個人體會：Squarespace最大的特點是注重細節(jié)。從創(chuàng)始人Anthony Casalena的一些公開信息中知道，squarespace這款智能建站產品非常適合個人網站，因為它很多模板的表現模式和后臺插件體驗都偏向小站長，立足于把自己的小站打造為細節(jié)豐富的網站。
"Creating something out of thin air is easy. It’s finding the air that’s hard. " -- Asher Trotter
基本的網站設計軟件
1. 原型設計工具 - Mockplus
價格：基礎版-免費
專業(yè)版 - 199元/年
網站設計的第一步是準備網站原型。而原型設計的任務就是根據用戶的需求描繪出頁面的草圖。應用市場上不乏一些優(yōu)秀的原型設計工具，例如Mockplus。作為一款面向國際市場的原型工具，Mockplus不僅僅在手機App制作上有出色表現，網頁設計也非常給力。
作為一款優(yōu)秀的原型設計工具，Mockplus是怎樣實現網站設計的呢？請參考Mockplus例子項目：StyleXstyle - 時尚類網站原型。
第一步：下載Mockplus并登陸賬號；若沒有Mockplus賬號，可免費注冊。
第二步：打開Mockplus，選擇網頁項目類型，設置網頁寬高。網頁最大高度為6000像素。
第二步：從軟件左側組件庫中拖拽添加需要的頁面元素：按鈕、圖標、文本框、圖片等；右側面板支持調整頁面背景、字體、字號。
第三步：為特定組件添加交互：頁面跳轉鏈接、組件跳轉鏈接等;右側屬性面板中支持多種屬性、交互、頁面設置。內容非常豐富。
第四步：通過F5本地預覽或發(fā)布HTML在線預覽。PS：Mockplus提供8種預覽方式。
StyleXstyle在線預覽地址: http://run.mockplus/yYoEMZcBxFGdhfYW/index.html
2. 多才多藝的設計工具 - Photoshop
價格：9.9美元/月
雖然它不是免費的，但它作為最佳網頁設計軟件市場領導者，它的地位不容忽視。那么關于Photoshop本身：一句話，它是一個非常多才多藝的工具，可以用于任何類型的設計項目，而不僅僅是網頁設計。它的主要目的是幫助你使用光柵圖形。
除了調整圖像或圖形的顏色，飽和度，模糊，清晰度等，Photoshop還可以從頭創(chuàng)建完全自定義的圖形（例如網站布局和可視化）。例如，你可以將多個圖像合并為一個項目的一部分，并確保通過使用各種過濾器或執(zhí)行某些轉換將它們全部組合在一起。
Photoshop本身是一個非常手動的工具。如果你想要明確的借助它來達到網站設計的目的，那么你應該具備一些設計技能和知識才能真正能夠充分利用它。
Photoshop網站設計教程：How to design Website in Photoshop
3. 網站UI界面設計工具 - Figma
價格 - 個人免費
- 團體每人12美元/月
簡介：Figma是第一個實時協(xié)作的界面設計工具。它有三個難能可貴的功能：實時協(xié)作，矢量網絡和版本控制。Figma就像是基于瀏覽器并具有實時協(xié)作功能的Sketch。
個人體會：我起初對Figma的用戶體驗是持懷疑態(tài)度，因為它是一個基于瀏覽器的界面設計工具。但后來發(fā)現用起來還是很靈敏的。而且，瀏覽器的工具的優(yōu)點在于接收方不需要安裝任何東西，只需要在電腦上打開瀏覽器便可參與項目。Figma文件可以在Mac、Windows、Linux和移動設備（僅限查看）上使用。
"There is only one type of designer — the type that cares about type." -- Rohan Nanavati
好用的網站設計助手
1. Canva（免費）
非常適合設計定制設計卡片，博客圖片和各種社交媒體圖片（對于Twitter，Facebook等）。 非常好用。
2.Zeplin (免費）
Zeplin 是面向設計師和前端工程師的標注、Style Guide、備注文檔與簡單的團隊協(xié)作工具。
結語
以上，是我個人總結的最好用的網站設計工具。雖然并不是都免費，但以經驗之談，這些工具都是你創(chuàng)建屬于自己的網站的好伙伴。希望對您的網站設計有幫助，也期待您在2018年設計出自己獨特的網站。
55個漂亮的藍色風格網站設計作品欣賞（上篇）
藍色是光的三原色中的一元，是最冷的色彩，非常純凈，通常讓人聯想到海洋、天空、水、宇宙。純凈的藍色表現出一種美麗、冷靜、理智、安詳與廣闊。今天，本文收集了一些優(yōu)秀的藍色風格的網站設計作品與大家分享，一起欣賞。
Morphix
Critical Zero
Eric Campbell / Est.86
FeedStitch
Blackwave Creative
yooda
z-index.it
thepixel/blog
Skype
unblab
twitter101
reichweite.cc
Owltastic
Squaredeye
polargold
Frenzy Labs
Elbow Park
CampaignMonitor
backbeatmedia
Eighty Two Design
Bounty Bev
Visual Notion
Maniac Monkey Media
Black Sea Fishery
Orion Advisor
barackobama
bartelme
mozilla
2creative
網站設計就選晟創(chuàng)網絡
你是否有注意到，你的網站上的正文文字太小了。當桌面顯示器和手機屏幕的尺寸隨著科技的發(fā)展在變大變高清時，字號似乎沒能適應或者說跟上這種變化，所以我們在觀看文本時，會覺得好像字號縮小了好多。雖然他們和原始尺寸是一樣的，但他們在感覺上比以前小好多。
使用大文本的案例
使用小字號一般是網站設計方面的老派概念。當數字文字處理器的默認大小為12點時，使用12點的字號作為主內容文本字號的想法幾乎可以追溯到互聯網和數字花網頁的第一天。
不過，在那種情況下，由于屏幕不管是在尺寸上還是分辨率上也比現在的小很多。所以，對于12點的字號類型，在距你眼睛幾英尺的地方也可以提供清晰而且多的內容閱讀。
使用超大字號作為頭條標題和小標題已經流行較長的一段時間了，所以你的主內容文本也需要跟上這個趨勢了。即使是關于網站分析，營銷和測試的博客Kissmetrics也注意到，大多數網站的字號都太小了。他們甚至稱之為“網頁設計的7大致命錯誤”之一。
這里有一個很大的原因：所有的網站建設項目都有一個共同的目標，就是當一個用戶進入到你的網站時，你必須立即吸引用戶的注意力。而小號的字號不會提供這樣一種機會。
它可以閱讀更容易
對于所有網站來說，可讀性永遠都是是一件大事。你為什么要設計一個用戶難以閱讀的網站呢？
對于可讀性的第一課，是在實際的網站建設羨慕中挖掘和思考內容字號的純數字度量。正文文本應與屏幕上的其他內容成比例，這樣用戶可以從“遠處”就看到。
單列文本每行的長度在45到60個字符（包括標點符號和空格）是大多數讀者的理想長度，這個標準也延用了很長的一段時間。因此，你需要考慮最常見的瀏覽器的大小，即你正在使用的列的寬度，并以大小符合該范圍的文本開始。然后記得要相應的調整響應的斷點。
對于較小的屏幕來說，這個范圍有些更緊密，大多數人都認為較大的文字更好。
關于這一點的訣竅在于，創(chuàng)建一個舒適的閱讀量表。而且你要處理的文字越多，這就越重要。太寬的文字在閱讀時可能難以集中精力和用戶也不希望逐行多次閱讀；太窄的文字沒有一個很好的節(jié)奏，導致閱讀時眼睛移動太快，令人感覺疲憊。
它使設計更直觀
文本的大小同時有助于網站設計的整體可用性。
如果所有文本按比例縮放，較大的主內容文本也有助于強調或突出其他在用戶界面上的元素的大小，它可以幫助整體流動。
更大的字號還將幫助你更好地決定內容，并更有選擇地進行編輯，這對用戶來說總是一件好事。這種精簡有助于將最重要的元素帶到設計的最前沿。請記住，你要把用戶的注意力想象成金魚的， 如果這樣，他們需要了解設計和如何與它進行交互的一切必須一目了然。
這里還有另一個“支流”――通過使用大號類型的文本，它會鼓勵你重新考慮填充，照片放置以及排序。設計中的一切都將受益于重新思考尺寸的類型，因為它們是在同一個視覺層上創(chuàng)建的最終的產品。所有的編輯通過重新思考如何放置零件可以提高可用性，因為你實際上花時間來評估設計中的各個元素，而不是像通常那樣按照相同的方式擺放所有的東西。
它可以減少疲勞感
用戶在瀏覽網站時產生疲勞感這可能是一個真正的問題。大多數人整天都在看屏幕，從手機上到平板電腦，從電腦上工作到看電視。他們的眼睛很累。
更大的文字大小可以幫助減少一些長時間對著屏幕而產生的疲勞感。
屏幕疲勞的另一個常見來源是移動設備以及用戶必須跨越屏幕的元素。擁有較大尺寸和分辨率的手機這種問題不是很經常出現。因為它很容易通過觸摸操控，較大的元素和正文可以幫助解決這個難題。
文本和其他用戶界面元素使用更大尺寸的另一個原因也很重要的，因為它有助于調整視覺顯示以匹配物理顯示，為用戶提供更多的舒適感。
公司
地址：赤峰市紅山區(qū)北環(huán)路26號
聯系電話：82228101 15147609030
網站設計讓人難忘的網站秘訣
任何網站都有一個目標：讓用戶一次又一次的回訪、分享你的網站內容、經常登錄你的網站、告訴別人你的網站，重要的是他們會記得你的網站。這一切是不會偶然發(fā)生的。一個讓人難忘的設計是一個會幫助你和用戶建立聯系的工具?，F在，我們將要舉例七個極好的方法來告訴你如何給客戶留下一個讓持久難忘的印象。
1.創(chuàng)造一個記憶點
）用戶會記得他們在你的網站上做的第一件事和最后一件事，這是一個非常重要的記憶點。強烈視覺沖擊的首頁和完美的交互是關鍵。Tosco Music網站就是一個很棒的用有趣的視覺效果來開頭給用戶留下第一印象的例子。·左側導航·各要素之間的強烈對比·有沖擊力的視頻內容滾動播放·漂亮的排版這個網站的設計也做了一個良好的結尾印象。用戶可以找到更多他們感興趣的音樂表演或者被邀請用簡單的形式注冊公司電子郵箱。網站交互簡單流暢，也就是讓用戶對網站流連忘返的原因。
2.講故事網站是你了解世界的一個途徑。
它是一個告訴別人你是誰和為什么你很重要的機會。無論這個故事是一個品牌故事還是一個旅游博客，故事講得生動有趣就會讓用戶緊緊跟著你的思路走下去。講一個好故事需要兩個步驟：·講述生動的內容·展示趣味性的圖片你需要把這兩個元素完整的打包結合。Walkwest 網站先用一個大膽的聲明來開頭，繼而再告訴你一個故事。如果你需要他們的服務（公關或者營銷），就會有一些引起你共鳴的東西。他們講故事的方式就是用簡單的圖片和簡短的語言。但不僅僅是網站講故事，它還用頁面滾動和視覺設計的的形式引導你去貫穿整個故事。用戶會在交互過程中了解更多，而這一切不過僅僅發(fā)生在幾秒之間。這就是讓人記住的講故事。
3.有效的使用顏色
太多的顏色和設計會導致用戶放棄瀏覽網站，太少的顏色和設計會容易讓人遺忘。恰到好處的顏色搭配融合才能留住用戶。顏色使用的竅門就是創(chuàng)建一個適合你內容的調色盤且與用戶經常接觸從而對比得出的很多其他東西（想一想你平時每天點擊的網站有多少相同顏色的藍色背景。）Hillman Living網站使用鮮明顏色來突出圖像以便抓住你的注意力，幫助用戶集中在圖像中的椅子（就是他們賣的東西）傳統(tǒng)簡約風格的下滑頁面和審美——使用白色背景——但每個椅子同樣會有顏色重點。這個顏色會與你相隨，你很難讓這些橙色紅色藍色脫離你的腦海。（他們公司賭你會覺得這些值得你購買。）
4.讓網站變得好玩
當你想到“好玩的網站”的時候腦海中會出現什么？一個游戲？一個電影片段？那設計技術呢，比如顏色、影像和排版？以下任何一個要素都可以讓你的設計變得有趣！·圖片和影像中的笑臉·明亮飽滿的色彩·有東西可以玩（比如游戲）·一些幽默風趣的語言（尤其是用這類的字體）Newcastle Now網站就做了很多這樣的東西。這個網頁就是一個嘗試改造它自身和關于趣味設計的地方，從調色板到奇特造型，都是圖像上實現有趣互動從而讓人們感到愉悅的設計元素。這些設計會讓你覺得想要跳進現場和屏幕上的人物們一起大笑。（我敢打賭你一定會記住它?。?/p>
5.與感官相聯系
這個網站的所有文字和圖像都圍繞用戶的感官感受聯系展開的。有一種方式是與用戶互動及提供反饋。舉個例子，一個用戶在網站上輸入一些東西然后得到一些回復。（想象成你和朋友之間的短信來往。）還有一個方式是就像Coffee Times Coffee這個網站一樣引導他們思考你的設計。當你看到主頁上那個視頻的時候，沒有一個喝咖啡的人會說似乎沒聞到香味（甚至有些會說還能聽到磨咖啡豆的聲音。）無論如何，設計對用戶來說不僅僅是屏幕上的一個圖像，它更是調動了感官愉快記憶。（它應該會持續(xù)一段時間至少到你下次喝咖啡的時候）
6.搭配結合
一些網站設計常常有新的內容更新，因為他們確實有重復的客戶群體。（一般像電子商務網站，還有新聞或雜志類型的網站）更新內容或者調整設計會讓用戶有全新的有趣體驗，這會鼓勵他們經常思考和回訪你的網站。這個關鍵就在于你的內容和設計如何讓人有全新體驗（所以這會很棘手。）Nike網站是這個領域的領先者之一。首頁的內容幾乎每次訪問都不同，但每個新的主頁元素都同樣的有吸引力。Nike另一個做得很好的東西是主頁中內容的每一點都與時事結合，用戶就會從這個全球體育設備零售供應商這里獲取到時事信息。你可能沒有耐克的資源，但它可以作為一個很好的收集信息和靈感開始。下個月開始可以每周訪問主頁或者看一下改變的地方，你會如何把這些想法和你的內容結合起來呢？
7.別忘記結尾
如果你的主頁想讓設計師高興，除了要有震撼的視覺沖擊，有很棒的交互動作，但別忘了結尾的部分。跟第一印象一樣，網站給人的最后印象也是很重要的。知道如何設計這個要多做一點工作了，因為比起用戶點擊進入你的網站，用戶可能從不同的位置離開你的網站。挖掘你的數據分析和找到最多用戶離開的那個頁面是一個不錯的經驗。創(chuàng)建一個可以提供給用戶的東西——超低折扣或者數字元素——或者你網站最好的部分持久的記憶。關鍵是用戶是愉快的離開。（確保他們不是因為網站的錯誤而離開也是很重要的）Startup Lab網站里每一頁的左側都有一個結束動作——它是一個期待用戶去填寫的表格。這個結尾讓人印象深刻，因為這個動作很容易被發(fā)現，表格填寫也很簡單，無論用戶在頁面哪里都只需要點擊兩下就能完成了。
總結：讓人難忘的網站設計是一個棘手的事情，因為它幾乎都是發(fā)生在用戶潛意識下的。難道你會停下來說“我準備要記住這個網站了”嗎？這個是不可能的。但是你確實會記住一些讓網站看起來非常棒的元素。晚一點的時候你可以想想這些信息，或者你下午想喝杯咖啡的時候。
本文是深圳佰達科技公司為您整理！
網頁設計：高雅白打造極致的官方網站
一般使用白色作為主色調的網站設計都是非常簡潔、干凈和優(yōu)雅的，而且白色大部分人都喜歡使用，包括現在實生活中的建筑設計。白色是全部可見光均勻混合而成的，稱為全色光，是光明的象征色。白色明亮、干凈、暢快、樸素、雅致與貞潔。但它沒有強烈的個性，不能引起味覺的聯想，但引起食欲的色中不應沒有白色，因為它表示清潔可口，只是單一的白色不會引起食欲而已。
白色在網頁設計中的重要性
很多人以為使用白色是很枯燥、沒有創(chuàng)意或者是很老土，但是很多設計師使用白色創(chuàng)造出很多優(yōu)秀的設計作品。
而使用白色不一定是”極簡的”，極簡主義并不依賴于任何特定的顏色。同樣，”空白”也并不一定非要是在元素周圍使用白色。你——設計師必須做出選擇。
白色有著很好的拓展空間，適當白色可以非常棒的點亮一個設計，可以讓暗色的色調，比如紅色、綠色、藍色和紫色看起來更醒目。
白色的背景文化
白色的顏色，象征著和平和諧的社會。白色是非常廣泛的應用在基督教，有著純凈，真實的，高貴的象征。
在西方，特別是歐美，白色是結婚禮眼的色彩，表示愛情的純潔與堅貞。但在東方，卻把白色作為喪色。
網頁設計中使用白色的好處
我想很多人都同意，說白了就是一個干凈，純潔的形象。但大多數網頁設計不就是為了這個目標嗎？網站簡潔干凈，而且有效的組織內容和元素，這就是我們常說的簡潔的網頁設計。
接下來我們看看一些優(yōu)秀的白色的網頁設計例子，看看設計師們是如何利用白色空間、如何排版和配色的。
推薦幾個網站設計幾個的小技巧
推薦幾個網站設計幾個的小技巧
我們都知道網頁設計每個網站的靈魂所在，好的網站建站公司最關注的就是網站設計，頁面設計的是否能夠吸引更多的用戶，和網站布局設計的是否合理能夠滿足廣大用戶的瀏覽習慣。中為科技憑借一流的企業(yè)管理方法和求賢若渴的用人思想，已擁有了精品網站建設、軟件開發(fā)、網絡運營等業(yè)內頂尖人才。作為國際領先的互聯網服務提供商，中為科技在“中為享譽全球，締造國際品牌”的目標指引下，以“創(chuàng)新無極限，關愛每一天”為經營思想，開拓創(chuàng)新、與時俱進，歷經行業(yè)的洗禮，與互聯網一道不斷發(fā)展壯大！
網站建設細節(jié)掌握：不要把設計元素推雜在一起，要留一點空白。讓它們之間有呼吸的空間。適用于文本。如果使用正確的文本格式，那么文本將有更多的機會被讀取。不要害怕使用段落，粗體，斜體，引用文字，下劃線或者大字字母......任何可以讓你的文本更加受吸引的方式。當然有時你需要使用引導語句，來引導瀏覽用戶的目光。
操作習慣：瀏覽者會忽略廣告。他們會忽略橫幅廣告或文字廣告。因此要避免網頁設計看起來很像廣告似的。還有瀏覽者也會忽略大塊的文本。沒有人會有很多的時間去看那一大塊的文本只是為了獲得一個文本的主要內容。所以我們要盡量的精簡化文本，或者是增加一些圖片裝飾來吸引用戶的眼球。
設計風格：如果你要寫一篇文章，那么你首先要確定好文章的標題。一個好的標題可以吸引住瀏覽者的目光。一個好的標題可以讓瀏覽者更好的抓住文章的重點，網站的左上側是瀏覽者最先注意的地方；這是瀏覽用戶養(yǎng)成的閱讀習慣造成的。再加上早期的網站也是按這個方式設計的，所以我們常常把LOGO放在左上角。
你知道這些好用的設計網站嗎？
工欲善其事，必先利其器。
無論是設計還是寫作，需要建立自己的資料庫。
在創(chuàng)作的過程中，為了能夠很好的去搜尋到自己所要的資料。
于此，我把自己經常用到的關于設計靈感、設計素材、配色方案等設計網站推薦給大家。
有了這些網站，你們幾乎都不需要設計老師了！
一、設計靈感類。
1.花瓣網
http://huaban/all/
這個網站對于很多設計師都是熟知的，是很多設計師的靈感來源。花瓣網除了尋找靈感之外還有一個很重要的功能插件。——花瓣采集。
運用花瓣采集工具可以采集你在瀏覽網頁時候看到的任何你個人比較喜歡的圖片，將相同風格的圖片采集在畫板，日后自己需要這方面素材的時候點開查看，便是滿滿的靈感素材啊。
2.站酷網
http://zcool/
站酷（ZCOOL），中國人氣設計師互動平臺。深耕設計領域十年，站酷聚集了470萬優(yōu)秀設計師、攝影師、插畫師、藝術家、創(chuàng)意人。站酷網入駐了很多設計師，每個人都可以在上面發(fā)表自己的作品，打造自己的品牌，也可以根據其他人發(fā)出來的作品尋找靈感。
3.蘇打蘇塔
http://sudasuta/
蘇打蘇塔是一個關于創(chuàng)意設計，設計，插畫，藝術攝影，lomo，素材，教程，web，靈感來源，平面設計欣賞的綜合性網站。
4.致設計
http://zhisheji/
致設計網，中國最大的電商設計師交流平臺.電商設計大師們都潛伏于此，聚集了中國絕大部分的80,90電商設計師，在此分享了他們的店鋪設計，創(chuàng)意設計。
5.古田路九號。
http://gtn9/index.aspx
古田路9號網站，品牌創(chuàng)意版權保護平臺。國內專業(yè)品牌創(chuàng)意平臺，以版權保護為基礎，品牌為核心，集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體下載等。
二、設計素材類。
1.千圖網
http://58pic/
千圖網提供矢量圖素材，矢量背景圖片，矢量圖庫，還有psd素材，PS素材，設計模板，設計素材，PPT素材，以及網頁素材，網站素材，網頁圖標等。部分素材是免費的。
2.千庫網
http://588ku/
專注于免費的PNG圖片素材下載，里面的素材質量也是相當不錯的。對于普通的用戶，每天的下載數量也是有限制的，這個網站下載的素材就是可以直接拿來用，免去復雜的摳圖步驟啦。
3.素材中國
http://sccnn/
素材中國打造中國最優(yōu)秀平面設計素材網站。素材天下，提供平面設計，免費設計素材。里面的素材質量挺高而且是免費的哦。
4.懶人圖庫
懶人圖庫專注于提供網頁素材下載，其內容涵蓋網頁素材，矢量圖素材，圖標等。
5.90設計
http://90sheji/
90設計是專注電商設計的淘寶素材庫，設計交流、學習與分享一體的平臺，讓電商設計（淘寶美工）找靈感和素材更效率。
三、色彩搭配。
1.中國色
http://zhongguose/#meiguihui
提供各種中國的傳統(tǒng)顏色的名稱，CMYK值，RGB值，16進制表示。
2.配色網
http://peise/
配色網是交流色彩的專業(yè)網站，致力于設計，網頁，家居，時尚，服飾等方面色彩理論的學習和提高，并提供大量優(yōu)秀配色方案，為色彩構成學習者提供免費資料。
3.Color Hunt
http://colorhunt.co/
ColorHunt網站是一個致力于幫助產品設計師們更好的選擇顏色搭配組合的站點，從互聯網中收集了海量的完美色彩組合，你可以把這些顏色組合運用到任何產品設計項目.
給大家推薦的這些網站都是在我自己日常設計中經常用到的。希望對大家有所幫助。
優(yōu)質的實習，盡在實習僧APP！
https://shixiseng
作者：MY麥子
來源：簡書
2018年最好的醫(yī)療網站設計及配色賞析
隨著人們對醫(yī)療健康認識水平的提高，相關的醫(yī)療服務和醫(yī)療網站設計也在不斷規(guī)范化。從網站設計的角度來講，醫(yī)療網站對于醫(yī)療內部來說就是連通整個醫(yī)院的信息高速公路；而對于患者來說，優(yōu)秀的規(guī)范化設計能更好的引導他們準確快速的獲取醫(yī)療信息。
如何設計出優(yōu)秀的醫(yī)療網站呢？不妨看看一些優(yōu)秀的案例。
1. Weightmedics - 減肥類網站設計
地址：https://weightmedics.co.uk/index.html
設計特色：卡通風格、扁平化設計、顏色搭配活潑淡雅
不同于一般的減肥網站，沒有密密麻麻的減肥套餐推薦，沒有夸張的瘦身前后對比圖。整體網站設計以卡通方式呈現，淡藍色的背景色搭配白色字體，簡潔淡雅。局部搭配的橙色調使網站活潑而不單調。
2. The Doctors Laser Clinic -醫(yī)療美容類網站設計
地址：https://laserdocs.co.uk/
設計特色：迎合女性審美、卡片式設計、優(yōu)雅紫色調為主
作為醫(yī)療美容類網站，大部分以女性顧客為主。所以懂得迎合女性審美，不僅僅是從產品服務，網站設計也必須能在第一眼獲得女性顧客的青睞。網站整體的紫色調優(yōu)雅大方，不同層次的紫色卡片設計能循序漸進的對顧客進行引導。CTA部分的設計以深紫色做為強調，吸引點擊，從而增加轉化。
3. Beauty is power; a smile is its sword - 牙醫(yī)類網站設計
地址：
https://dribbble/shots/4090230-Beauty-is-power-a-smile-is-its-sword-Dental-Website-Idea
設計特色：黑色背景突出網站主題、簡潔的黑白搭配，形成色調對比
正如這個網站的設計主題，微笑之美在于一口健康好牙。這個牙醫(yī)網站設計的特別之處在于它沒有常見的白大褂和擬人化的牙齒圖案來突出主題，而是采用較為抽象的微笑來展示設計概念。作為牙醫(yī)網站，也不失為很好的宣傳廣告。巧妙的顏色搭配使得網站中黑色部分設計并不沉悶，反而十分燦爛。
4. Tychee Training - Medical Training - 醫(yī)療類網站設計
地址：https://dribbble/shots/4688223-Tychee-Training-Medical-Training
設計特色：活潑的橙色調、插畫風格、扁平化設計
網站背景色采用橙白搭配，使整個頁面看起來新鮮有活力。十分符合現代人追求的健康生活。首頁采用了時下流行的插畫風格，結合扁平化網頁設計，給人溫暖活潑的感覺。
5. Psychologist - 心理健康網站設計
地址：
http://preview.themeforest/item/psychologist-personal-singlemulti-page-html-template-with-page-builder-and-admin-pages
設計特色：響應式設計、HTML5、清新淡綠色調
整體網頁設計以淡綠色調為主，導航欄、字體、以及天空的顏色融為一體，是一個清新而又富有生命力的顏色。而網站響應能力和卓越性能是促成轉化的一部分。作為心理健康類網頁設計的模板，也可以給新手提供一個很好的參考。
看了以上的案例分析，不知大家有沒有注意到一個共同點，就是對于醫(yī)療網站設計中顏色運用的分析。
那么，在醫(yī)療類網站設計中，有哪些可以遵守的設計原則呢？
網站色調搭配是一個影響網頁的重要因素。不同的顏色會產生不同的效果。
（1）紅色：紅色會使人興奮，并且感到緊張不安。所以醫(yī)療類網站不適合使用紅色做為主色調。
搭配：紅色系中的粉紅色比較適合于使用在醫(yī)療美容類的網站，營造出迎合女性柔美、純真的氣氛。
（2）黑色：色調比較莊重，且容易讓人聯想到死亡。所以如果對顏色搭配不好把握，建議避免過多使用黑色作為主色調。
搭配：黑色與高亮度的黃色搭配，可以得到清晰整潔的效果。屬于比較適合活潑跳躍、色彩絢麗的配色方案。
（3）藍色：藍色比較適合和平淡雅潔凈的頁面，因此一些醫(yī)院網站也會適當采用藍色，活單獨使用，或搭配使用。
搭配：淺藍色具有淡雅、清新、浪漫和高貴的特性，常被用于化妝品、女性、醫(yī)療網站的設計中。
（4）綠色：綠色代表的是清爽、理想、希望和生長的意象，較符合服務業(yè)、醫(yī)療健康業(yè)、教育行業(yè)、農業(yè)類網頁設計的要求。
搭配：綠色可與多種顏色搭配而達到和諧的效果，也是醫(yī)院網站中最為廣泛的顏色之一。
（5）紫色：紫色象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。
搭配：紫色加入少量的白色，就會成為一種十分優(yōu)美、柔和的色彩。
（6）橙色：橙色具有健康、活力、勇敢和自由等象征意義，能給人以莊嚴尊貴神秘等感覺。應用在醫(yī)院網站設計中可以營造溫暖的氛圍。
搭配：不能大面積使用，只能小塊地與其他色彩搭配起點綴的作用。
（7）白色：白色是網頁設計中通用的顏色，它具有容易突出彩度的特性。
搭配：搭配黑色顯得高貴具有都市氣息，但不適合作為醫(yī)療網站主色調。
（8）黃色：在很多設計作品中黃色都被用來表現喜慶的氣氛和華麗的商品。
搭配：黃色屬于一種中性色彩，因此它在網站設計中幾乎可以和任何一種色彩搭配。
在高保真網頁原型中，色彩的運用也同樣是網頁設計的加分項目。顏色搭配得當的原型項目更有助于獲得投資和贏取客戶的機會。那么，你需要的是選擇一款支持色料庫的原型設計工具，而非單色的線框圖工具。國產原型設計工具Mockplus中可直接通過色號或使用拾色器來設置組件、圖標顏色。對于網頁設計、App設計都是非常友好的。
總結：
不僅僅是針對醫(yī)療類的網站設計，所有類型的網站設計都應該變得規(guī)范且有創(chuàng)意。對于設計師來說，更應該學習的是如何避免網頁設計落入俗套。網頁設計中的色彩搭配也并不只適用于醫(yī)療網站，其他類型的網站也應該尤其注意在色彩搭配方面出彩，為自己的設計加分。
網站導航設計與網站優(yōu)化
網站導航是網站的重要組成部分，能夠兼顧用戶體驗，方便用戶瀏覽。而對于搜索引擎來說也是非常重要的，搜索引擎蜘蛛爬取網站首先也會到導航上獲取信息，所以網站導航的設計對于網站優(yōu)化來說有一定影響，在設計的時候就要多加注意：
1、文字導航設計
網站導航應該使用常用的HTML文本，不要使用圖片、flash等作為導航鏈接，也不要使用javascript來生成導航。因為搜索引擎對這些內容的識別還是不夠完善，可能會導致不收錄，影響排名和權重。
2、點擊短距離和平坦結構
好的網站導航都是能夠把所有網站的頁面和主頁內部鏈接的，與主頁離得越近越好。如果是權重一般的網站，內頁導主頁的應該不能超過4/5安打以上，使網站盡量平坦化的結構。
3、錨文本最好包含關鍵詞
網站導航是網頁到內部鏈接數量最多的位置，加入錨文本，會對進入的目標網頁的權重產生重大的影響。所以在各類型的導航，名稱時應該要包含鏈接頁面的關鍵詞，使用錨文本的方式鏈接到目標頁面去。當然了，現在搜索引擎對于網站堆砌關鍵詞非常嚴格，要在確保用戶體驗下，設置關鍵詞，一般維持2-4個字最為合適。
4、嘗試面包屑導航
面包屑導航，有利于用戶樣和搜索引擎，也判斷網站結構頁面的直觀手段。正確使用面包屑導航不僅能方便用戶查詢信息，也方便搜索引擎爬取網站。
搜浪網絡：soola2017 TOP10 RWD網站設計趨勢與特點
過去幾年，全球所有的設計師透過各種方式不斷探索RWD網頁設計的設計模式，2017年即將進入成熟階段， 成熟且大眾化的RWD網頁設計樣式才能提高網站流量。
網頁設計是一種產品設計，因此，不夠實用或不符合趨勢的設計，不只會導致使用者在網站里迷航，更可能讓使用者對你的網站失去耐心與信心。
在RWD的時代，每一種網頁設計樣式都必須找到得以同時適應電腦版與手機版的解決方案，成為當前網頁設計師們的重要課題。許多過去很炫且視覺效果強烈的網頁設計，在RWD的考量下，不見得都可以繼續(xù)使用。設計師們必須找出同時可以符合RWD規(guī)范，又能具體呈現不同網頁設計風格的作法。我們來看看有哪些成熟的RWD設計方式，能讓你的客戶在手機上順利瀏覽，同時增進網站流量。
1.漢堡選單(hamburger menu)
漢堡選單目前已廣泛作為手機版選單的設計模式，IBM官網則進一步將它發(fā)展成電腦版和手機版共用的選單樣式，并保留電腦版的主選單，使電腦版和手機版的操作習慣更為一致。
2.下拉選單(dropdown menu)
過去網站次要選單經常采用左選單的方式來設計，在RWD的時代，GE官網直接將這些網站次要選單直接在主選單上以下拉選單的方式呈現。如此的規(guī)劃，可讓使用者在電腦版選單和手機版選單，看到一致性的選項。
3.全幅背景(full background)
全幅背景是目前最流行的RWD設計模式，不論內容是圖片輪撥(slider)、影片或單色色塊。由于大背景主要是透過width:100%讓畫面尺寸自動貼合螢幕尺寸，一來在電腦或行動裝置都可以貼齊邊界，二來大背景可以呈現大螢幕的觀賞效果，因此成為最受歡迎的RWD設計樣式之一。
4.卡片列表(Card List)
卡片式列表應該算是RWD時代最典型的設計樣式?？ㄆ降脑O計可以在電腦版和手機版自由切換，與手機APP清單的瀏覽模式相近，可清楚呈現每個item，點選范圍也變大了，許多列表的樣式(例如news list)也都直接采用卡片式設計。
5.全螢幕相簿(full screen album)
有圖有真相，透過照片來介紹是最簡單有效的方式。然而不是所有的相簿外掛都能RWD的。全螢幕相簿可直接偵測螢幕寬高來自動調整圖片呈現的尺寸，不像嵌入網頁的相簿，需顧慮網頁上其他元素相對的位置，因此全景相簿成為RWD時代最受歡迎的相簿設計模式。
6.時間軸(timeline)
時間軸是最適合用來呈現歷史記錄概念的設計，經常用在企業(yè)歷史沿革?？蒖WD的時間軸必須能在電腦版和手機版正常呈現時序概念。
7.滑動表格
表格的呈現在RWD手機版中仍然是一件困難的事，很難想像如何在手機如此小的螢幕當中，要閱讀一張像Excel般復雜的表格。以Bootstrap的滑動式表格來說，可在手機上采用手指滑動的方式來回瀏覽整份表格。
8.雜志式編排
隨著技術性問題的克服，全版雜志式編排在2017年將逐漸成為RWD設計的主流設計樣式。雜志式的區(qū)塊分割可以讓網頁看起來更像閱讀雜志，少了左右的空白區(qū)塊，網頁看起來更為簡潔俐落。
9.旋轉輪播 (Carousal)
旋轉輪播在RWD持續(xù)發(fā)燒，好的Carousal元件可設定在不同的螢幕寬度顯示不同的筆數，以適應RWD網頁設計。
10.回到頁頂(Go to top)
GoToTop在跨裝置瀏覽來說，是個簡單又十分便捷的設計。由于一頁式網頁加上手機版的設計都是屬長頁式的網頁，一個小小的箭頭就能幫助使用者回到頁首。
本頁內容為企業(yè)、個人自主上傳或來源網絡，所有資料僅供用戶參考；我單位不對其版權負責、不保證亦不表示本網的資料全面及準確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網內容或者用戶因倚賴本網內容造成任何損失或損害，我單位將不會負任何法律責任。
