業(yè)務(wù)簡介：中企動力（300.cn）為您提供網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，中企動力專注于企業(yè)網(wǎng)站建設(shè)、高端網(wǎng)頁制作領(lǐng)域26年，對企業(yè)網(wǎng)站制作、平臺高端網(wǎng)站建設(shè)，包括汽車、家裝、農(nóng)業(yè)、外貿(mào)、機械等多個行業(yè)擁有豐富建站經(jīng)驗，選擇中企動力，為網(wǎng)站保駕護航。
這樣設(shè)計網(wǎng)站頁面，真的很有視覺沖擊力！
對于網(wǎng)頁設(shè)計，很多時候我們更喜歡全屏設(shè)計具有震撼效果，全屏大視野是很多網(wǎng)站想要實現(xiàn)的效果，那么，如何才能做好全屏網(wǎng)頁設(shè)計效果設(shè)計呢?網(wǎng)頁設(shè)計老司機說話了，趕緊瞧瞧去!
1、大圖平鋪自適應(yīng)網(wǎng)頁設(shè)計
這種大圖平鋪的網(wǎng)頁設(shè)計給人一種強烈的大背景全屏視覺效果，其中文字以及交互相比較為簡單，圖片可以根據(jù)屏寬大小自適應(yīng)，交互菜單和文字信息通常默認系統(tǒng)字體通過大小變換和位移進行屏寬自適應(yīng)。
對于全屏大圖設(shè)計來說，圖片質(zhì)量非常關(guān)鍵，它將影響著整體的視覺質(zhì)量。其次，是內(nèi)容與圖片的協(xié)調(diào)，盡量讓它們不會互相干擾，處理方式一般分為兩個類型，一個是對背景的處理，一個是對文字的處理。背景方面，會配合文字所處的位置進行局部模糊，紋理色彩弱化、單色化等處理。文字方面有時會選擇覆蓋底色，或半透明底色等方式進行突出，拉開與背景的視覺差距。圖片尺寸隨背景大小自適應(yīng)，文字使用系統(tǒng)默認字體。在自適應(yīng)的過程中便于定位和程序操控。
2、中心定位，兩側(cè)自適應(yīng)網(wǎng)頁設(shè)計
中心定位是一種假全屏的視覺效果，適合于文字信息較少的視覺型頁面，而這部分的視覺并不使用全畫幅的照片或插畫，而是通過一定的排烈組合形成的主視覺。主畫面集中在1000以內(nèi)，左右?guī)б欢ǖ难诱剐?。整體不切糕，形成視覺上的假全屏。
中心定位，兩側(cè)自適應(yīng)網(wǎng)頁設(shè)計，主要將內(nèi)容和視覺居中安放在1200的尺寸以內(nèi)，左右兩側(cè)安放次要的菜單按鈕或輔助信息，讓它根據(jù)屏幕的寬度自適應(yīng)，這個方法要注意的是，一是不要將核心內(nèi)容安放兩側(cè)，以免被忽視。二延展區(qū)域盡量減少干擾或在延展收縮過程中產(chǎn)生信息重疊。
3、單側(cè)定位，中心延展網(wǎng)頁設(shè)計
主要的信息內(nèi)容居一側(cè)對齊(左側(cè)或右側(cè)都可以，中國人一般習慣從左閱讀所以我們通常選擇左側(cè)為主側(cè))，次要的輔助視覺居另外一側(cè)。文字信息選擇系統(tǒng)默認字體，并根據(jù)屏幕自適應(yīng)。為視覺內(nèi)容留有一定的空間達到裝飾效果。
單側(cè)定位，適合于資料較多的全屏頁。在單側(cè)定位的1000寬度內(nèi)首要保證文字信息的呈現(xiàn)，其次是配合的視覺圖片。視覺圖可以使用延展型，這樣保證整個畫面不切糕。
左對齊的設(shè)計如雜志一般的具有節(jié)奏感，輪播位置撐開了大畫幅，并動過向右的輪播滾動條瀏覽超過當前顯示器寬度的信息。我們可以看到在單側(cè)定位的全屏設(shè)計中，內(nèi)容信息永遠是需要首先保證在小畫幅內(nèi)呈現(xiàn)的，圖片和背景只是以輔助的形式以自適應(yīng)的方式存在。
4、小切糕全屏響應(yīng)式網(wǎng)頁設(shè)計
小切糕響應(yīng)設(shè)計俗稱瀑布流設(shè)計，是根據(jù)屏幕寬度進行計算，通常在設(shè)計時會有一個基礎(chǔ)小切糕，然后以2倍、3倍、4倍的方式進行拓展，并計算出合適完整的組合。通常用在圖片信息的展示頁面。1200以外是更上流的空間，不要在過去的潛規(guī)則中無法自拔，不要讓經(jīng)驗畫地為牢，開墾新良田吧!看看——硬件已邁步視覺怎好原地滯留。我們將其分為四大類進行賞析，包括大圖平鋪自適應(yīng)，中心定位兩側(cè)自適應(yīng)、單側(cè)定位中心延展、小切糕全屏自適應(yīng)。
上述全屏設(shè)計實現(xiàn)方式如果沒有一定經(jīng)驗的設(shè)計師是很難把握好的，建議多看看，多學習行業(yè)相關(guān)網(wǎng)頁設(shè)計案例，總結(jié)設(shè)計經(jīng)驗，結(jié)合自身的需求有特色的設(shè)計網(wǎng)站，這方面蒙特有著18年網(wǎng)站設(shè)計經(jīng)驗，有需求不妨來電咨詢。
在線設(shè)計網(wǎng)站，有了這幾個網(wǎng)站，設(shè)計再也不用求人了
不知道從什么時候開始設(shè)計已經(jīng)不是一個很高深的專業(yè)，如果你是專門學習PS專門做平面設(shè)計的那么未來靠什么吃飯，不由不覺中陷入了冥想中...
想想那些年自己上學省吃儉用去學習，到現(xiàn)在能用到的時候幾乎沒有，最多就是公司改改發(fā)票，改改數(shù)字改改圖。那時候?qū)W習的什么摳圖，攝影師光影光線修復(fù)，磨皮，液化，做3d效果圖，gif動態(tài)圖等各種技巧。
最近一段時間發(fā)現(xiàn)好多在線作圖網(wǎng)站，圖片，素材，字體，樣式一應(yīng)俱全?，F(xiàn)在總結(jié)分享給大家希望能得到大家的喜愛：
值得一提的是用戶在自助設(shè)計完作品后，有需要的話還可以直接在線下單印刷、坐等收貨，可以說是省心省力。
canvas
騰訊的一款在線圖片設(shè)計工具，這個網(wǎng)站提供了各種圖片設(shè)計的模板工具，你只需要選擇一個模板，然后修改文案、調(diào)整素材，就可以完成圖片的設(shè)計，非常簡單方便。
點擊“模板中心”，你就可以看到各種不同類型的圖片模板，有信息圖、自媒體、活動推廣、營銷圖四種，可以說種類相當豐富。
MAKA
H5 在線創(chuàng)作、海報制作、模板素材設(shè)計分享平臺，H5 已經(jīng)成為移動端營銷的主要方式之一，對于非專業(yè)人士來說，常常借助一些H5 在線創(chuàng)作平臺快速制作H5 頁面。本期，我們來看看H5 在線創(chuàng)作、海報制作平臺：MAKA。
對于設(shè)計小白來說，在MAKA上可以直接使用平臺提供的模板便捷修改，進行二次創(chuàng)作，快速生成自己作品。操作起來也非常便捷，打開MAKA在線編輯器，對選定的精美模板進行替換或修改，鼠標輕輕拖拽即可進行圖文替換編輯，還可在模板中添加文字、圖片、音樂等元素，創(chuàng)作完成后即可分享。
Fotor懶設(shè)計
隨著微信公眾號、淘寶店、創(chuàng)業(yè)公司、自媒體等各類團體的發(fā)展，越來越多人開始有了制作廣告圖、活動宣傳圖片、文章配圖、海報等平面設(shè)計需求。但對于設(shè)計小白來說，學習PS、AI等專業(yè)軟件，或者聘請專業(yè)設(shè)計師，都有一定門檻。
Fotor懶設(shè)計提供了適用于各種尺寸和應(yīng)用場景的設(shè)計模板，包括國內(nèi)外的主流社交媒體配圖、電商平臺配圖，以及各種廣告banner、朋友圈邀請函、海報設(shè)計等。
用戶可以根據(jù)設(shè)計需求，選擇所需尺寸，然后從Fotor的海量模板素材中挑選合適的進行設(shè)計。
圖幫主
圖幫主是一款滿足大眾設(shè)計需求的一款便捷在線設(shè)計神器，對于菜鳥來說可以很快的就上手了。圖幫主適合眾多行業(yè)、多個場景，可以幫助用戶輕松上傳自己的圖片，拖拉拽、秒出圖，5分鐘即可搞定設(shè)計。
圖幫主使用場景包括名片、宣傳單、畫冊、手提袋、展架、不干膠貼等近20余種商務(wù)印品，此外公眾號用圖、淘寶主圖PPT、活動海報、網(wǎng)站幻燈、微博圖片等場景設(shè)計用圖統(tǒng)統(tǒng)可以制作。
arkie
在沒有任何設(shè)計基礎(chǔ)上，制作出好看有“檔次”的海報實在太為難小白們了，那么有個“投機取巧”的方法就是直接套用模板，下面我們來看看設(shè)計助手工具：arkie。
對比其他設(shè)計工具，arkie最大的特點就使用簡單、快捷，其號稱 10 秒可以作出海報。arkie是一款幾乎零要求、多尺寸輸出、擁有免費圖片庫、秒級自動生成圖文作品的智能設(shè)計助手。
在操作上也極為簡單，三個步驟完成。
首先是，選擇尺寸，比如有公眾號封面配圖、朋友圈分享圖、淘寶店鋪的banner、微博焦點圖。
創(chuàng)客貼
一款在線平面設(shè)計工具，只要簡單托拉拽就可以制作各種 海報 、ppt 、 信息圖、 社交圖片等設(shè)計。
創(chuàng)客貼是一款簡單易用、功能強大的線上圖形設(shè)計工具，用戶可以使用平臺提供的大量的圖片、模板等設(shè)計元素，通過簡單的拖拉拽操作就可以輕松設(shè)計出精美的海報、邀請函、ppt、信息圖、名片等多種日常場景的圖片。
告別復(fù)雜設(shè)計軟件，操作簡單
對于一個非設(shè)計專業(yè)的人來說，要制作出一張精美的海報、PPT等都需要花費不少的精力，那么創(chuàng)客貼是一個不錯的選擇，類似微信公眾號頭圖制作、簡單的海報設(shè)計自己也能輕松解決，而不需要再去麻煩設(shè)計師了！
驚艷！著名網(wǎng)站重新設(shè)計的10個經(jīng)典案例
當你重新設(shè)計網(wǎng)站的時候，功能實現(xiàn)與用戶體驗是你需要考慮的首要因素。以下的十個重設(shè)案例中，包括了著名的社交網(wǎng)站Facebook，搜索巨頭Google，視頻巨擘Youtube，以及權(quán)威的影視評分網(wǎng)站IMDB。
NO.10Amazon這一設(shè)計稿出自設(shè)計師James Cipriano之手，并且發(fā)布在Dribbble上。James強化了Amazon的標識色黃色，并應(yīng)用到側(cè)邊欄上。而主體部分的產(chǎn)品圖則比目前的Amazon地設(shè)定更清晰規(guī)整。右上角的個人信息用圓形的頭像替代了，而這正是目前最流行的表現(xiàn)形式。James Cipriano對Amazon的重新設(shè)計
NO.9IMDB設(shè)計師Vladimir Kudinov在自己的Behance頁面中發(fā)布了這一設(shè)計作品。原始的IMDB首頁設(shè)計來的更傳統(tǒng)，而Vladimir的設(shè)計則采用了圖片拼貼的方式來呈現(xiàn)，大小錯落的照片圍繞著純色底的文字選框，充滿了視覺沖擊力。Vladimir Kudinov對IMDB的重新設(shè)計
NO.8Google這一重設(shè)作品同樣發(fā)布在Behance上面，作者是Ayman Shaltoni。Ayman的設(shè)計非常有特色，Google的Logo字體從襯線體替換成了更現(xiàn)代的非襯線體，原本清新的糖果色被更加復(fù)古的色調(diào)所替代?？赡苁鞘艿搅斯爬系腗ac OS 8.5的啟發(fā)，原本置于頂端的導航欄被移動到下方，并且可以像抽屜一樣打開，這可能是這一重設(shè)最為亮眼的地方。Ayman Shaltoni對Google的重新設(shè)計
NO.7BBCMicheal Coyle也認為圖片是最抓人眼球的。他重新設(shè)計BBC的首頁的時候同樣選擇了將圖片作為呈現(xiàn)的主體，去除大量的文字堆砌，更加直觀。左側(cè)的側(cè)邊欄替代原本BBC網(wǎng)站上各個區(qū)塊的標題，整合度更高。Michael Coyle對BBC的重新設(shè)計
NO.6TwitterZsolt所設(shè)計的Twitter網(wǎng)站采用了獨特的分欄設(shè)計。有研究表明正常人閱讀的時候，一眼只能看到幾個字，這也是為什么報紙的排版中每一欄的寬度都不大。而Zsolt的設(shè)計與此不謀而合。另外，Zsolt的twitter頁面的信息維度也更加的扁平，頁面可以向左滑動，看到更多的欄目，也可以向下滾動，閱讀更多的回復(fù)。Zsolt Hutvagner對Twitter的重新設(shè)計
NO.5Wikipedia維基百科也許是截至目前最好的百科全書。目前的維基百科頁面極其素雅，文字遠多于圖片，因此，排版就顯得尤為重要了。George基于現(xiàn)有頁面和欄目重新設(shè)計了維基百科的首頁。左側(cè)以圖片為日期索引，頗具匠心，而右側(cè)則使用圖文混排的形式，以相同尺寸的矩形區(qū)塊來劃分不同的欄目。值得一提的是，George在此也引入了時間線，拓展了信息呈現(xiàn)的維度。George Kvasnikov對Wikipedia的重新設(shè)計
NO.4SoundcloudSoundcloud號稱是音頻分享界的Youtube，無出其右者。Anton保留了Soundcloud原始的配色方案，增加了banner圖，強化了主體部分的排版，為右側(cè)的個人信息欄增加了淺灰色的底色，區(qū)分出了區(qū)塊。比起原本的Soundcloud頁面，Anton的設(shè)計顯得更加清晰，又不失其簡約風格的神韻。Anton Skugarov 對Soundcloud的重新設(shè)計
NO.3Youtube被封為視頻領(lǐng)域傳奇的Youtube就無需深入介紹了吧？同以上的幾個案例一樣，Alexandr對于Youtube的改造方向也選擇了扁平化。這套重新設(shè)計的頁面保留了Google的配色體系，左側(cè)的個人信息欄使用了經(jīng)典的紅黑配色，在淺色的底色上顯得非常顯眼，也讓整個版面不那么單調(diào)了。視頻的排布方式也遵循一貫的排布方式，中間是主要的視頻內(nèi)容，右側(cè)為相關(guān)推薦。Alexandr Brinza對Youtube的重新設(shè)計
NO.2Netflix不知道Netflix？那你應(yīng)該知道連奧巴馬都喜歡看的美劇《紙牌屋》吧？這就是Netflix出品的。作為美國最著名的在線影片租賃提供商，Netflix沿用著充滿復(fù)古范兒的Logo，以及相對古板的頁面排布方案。Vivek對Netflix的重新設(shè)計還是比較徹底的，重新設(shè)計的logo，扁平的頁面。三欄式的頁面設(shè)計，方便用戶篩選他們喜歡的影片，而影片的圖文混排比也比之前的版式更加清晰出眾。Vivek Venkatraman對Netflix的重新設(shè)計
NO.1Facebook傳奇的社交網(wǎng)站Facebook已經(jīng)不是第一次被人重新設(shè)計了。但是這一次的設(shè)計方案還是令人印象非常深刻的。Fred采用了微軟的Metro設(shè)計風格，藍色與白色的色塊來承載文字信息，與圖片錯落混排，效果極為養(yǎng)眼。深色的側(cè)邊欄與頂部的藍色導航欄，也同樣形成色彩對比，清晰明了。Fred Nerby對Facebook的重新設(shè)計
看完這些重新設(shè)計的方案，你有沒有受到啟發(fā)呢？來源：優(yōu)設(shè)網(wǎng) 陳子木 http://uisdc/redesign-examples-of-websites
2017 TOP10 RWD網(wǎng)站設(shè)計趨勢與特點
過去幾年，全球所有的設(shè)計師透過各種方式不斷探索RWD網(wǎng)頁設(shè)計的設(shè)計模式，2017年即將進入成熟階段， 成熟且大眾化的RWD網(wǎng)頁設(shè)計樣式才能提高網(wǎng)站流量。
網(wǎng)頁設(shè)計是一種產(chǎn)品設(shè)計，因此，不夠?qū)嵱没虿环馅厔莸脑O(shè)計，不只會導致使用者在網(wǎng)站里迷航，更可能讓使用者對你的網(wǎng)站失去耐心與信心。
在RWD的時代，每一種網(wǎng)頁設(shè)計樣式都必須找到得以同時適應(yīng)電腦版與手機版的解決方案，成為當前網(wǎng)頁設(shè)計師們的重要課題。許多過去很炫且視覺效果強烈的網(wǎng)頁設(shè)計，在RWD的考量下，不見得都可以繼續(xù)使用。設(shè)計師們必須找出同時可以符合RWD規(guī)范，又能具體呈現(xiàn)不同網(wǎng)頁設(shè)計風格的作法。我們來看看有哪些成熟的RWD設(shè)計方式，能讓你的客戶在手機上順利瀏覽，同時增進網(wǎng)站流量。
1.漢堡選單(hamburger menu)
漢堡選單目前已廣泛作為手機版選單的設(shè)計模式，IBM官網(wǎng)則進一步將它發(fā)展成電腦版和手機版共用的選單樣式，并保留電腦版的主選單，使電腦版和手機版的操作習慣更為一致。
2.下拉選單(dropdown menu)
過去網(wǎng)站次要選單經(jīng)常采用左選單的方式來設(shè)計，在RWD的時代，GE官網(wǎng)直接將這些網(wǎng)站次要選單直接在主選單上以下拉選單的方式呈現(xiàn)。如此的規(guī)劃，可讓使用者在電腦版選單和手機版選單，看到一致性的選項。
3.全幅背景(full background)
全幅背景是目前最流行的RWD設(shè)計模式，不論內(nèi)容是圖片輪撥(slider)、影片或單色色塊。由于大背景主要是透過width:100%讓畫面尺寸自動貼合螢?zāi)怀叽?，一來在電腦或行動裝置都可以貼齊邊界，二來大背景可以呈現(xiàn)大螢?zāi)坏挠^賞效果，因此成為最受歡迎的RWD設(shè)計樣式之一。
4.卡片列表(Card List)
卡片式列表應(yīng)該算是RWD時代最典型的設(shè)計樣式?？ㄆ降脑O(shè)計可以在電腦版和手機版自由切換，與手機APP清單的瀏覽模式相近，可清楚呈現(xiàn)每個item，點選范圍也變大了，許多列表的樣式(例如news list)也都直接采用卡片式設(shè)計。
5.全螢?zāi)幌嗖?full screen album)
有圖有真相，透過照片來介紹是最簡單有效的方式。然而不是所有的相簿外掛都能RWD的。全螢?zāi)幌嗖究芍苯觽蓽y螢?zāi)粚捀邅碜詣诱{(diào)整圖片呈現(xiàn)的尺寸，不像嵌入網(wǎng)頁的相簿，需顧慮網(wǎng)頁上其他元素相對的位置，因此全景相簿成為RWD時代最受歡迎的相簿設(shè)計模式。
6.時間軸(timeline)
時間軸是最適合用來呈現(xiàn)歷史記錄概念的設(shè)計，經(jīng)常用在企業(yè)歷史沿革?？蒖WD的時間軸必須能在電腦版和手機版正常呈現(xiàn)時序概念。
7.滑動表格
表格的呈現(xiàn)在RWD手機版中仍然是一件困難的事，很難想像如何在手機如此小的螢?zāi)划斨?，要閱讀一張像Excel般復(fù)雜的表格。以Bootstrap的滑動式表格來說，可在手機上采用手指滑動的方式來回瀏覽整份表格。
8.雜志式編排
隨著技術(shù)性問題的克服，全版雜志式編排在2017年將逐漸成為RWD設(shè)計的主流設(shè)計樣式。雜志式的區(qū)塊分割可以讓網(wǎng)頁看起來更像閱讀雜志，少了左右的空白區(qū)塊，網(wǎng)頁看起來更為簡潔俐落。
9.旋轉(zhuǎn)輪播 (Carousal)
旋轉(zhuǎn)輪播在RWD持續(xù)發(fā)燒，好的Carousal元件可設(shè)定在不同的螢?zāi)粚挾蕊@示不同的筆數(shù)，以適應(yīng)RWD網(wǎng)頁設(shè)計。
10.回到頁頂(Go to top)
GoToTop在跨裝置瀏覽來說，是個簡單又十分便捷的設(shè)計。由于一頁式網(wǎng)頁加上手機版的設(shè)計都是屬長頁式的網(wǎng)頁，一個小小的箭頭就能幫助使用者回到頁首。
2017最新的網(wǎng)站設(shè)計趨勢
有時候我們可以通過去看一些新網(wǎng)站，去了解網(wǎng)站的設(shè)計師的想法，你能感受到網(wǎng)站的氛圍，現(xiàn)在的網(wǎng)站設(shè)計趨勢，很多設(shè)計師大膽的使用色彩，傳統(tǒng)的頭部導航的做法現(xiàn)在開始慢慢被拋棄，取而代之是一些動畫圖案，充滿著神秘感。你會怎么想呢，是使用更纖細的字體或是使用更詳細的細節(jié)表現(xiàn)，或是使用圖標風格的logo?？纯聪旅娴囊恍┍容^新的網(wǎng)站設(shè)計，或許會有些新想法的！
1：彩虹色
當你聽到彩虹色的時候，首先想到的可能不是好的設(shè)計。因為以前有太多的例子因為使用彩虹色的配色，最終結(jié)果坦率的說，是非常災(zāi)難的設(shè)計。然而今天，彩虹色的配色卻不再是災(zāi)難，他們優(yōu)雅，簡單，并且只在復(fù)雜中恰到好處的使用彩虹色。彩虹配色不僅適合小網(wǎng)站，一些大品牌同樣適用。如github的會議中心，Southwest 西南航空公司，London Grammar’s都使用有趣的彩虹配色方案。更有趣的是，每個設(shè)計使用不同的方式表現(xiàn)但是使用同樣的顏色概念。黑色背景上搭配彩虹漸變字體元素：Github使用一個簡潔的黑暗美學背景搭配漸變的文字信息，用戶界面元素從關(guān)鍵的信息去吸引用戶的眼球（如日期）以及最關(guān)鍵的購票按鈕。彩虹漸變簡單而微妙，同時傳遞充滿機遇與樂觀的情緒，這似乎是鼓勵用戶購票時正確的選擇。Southwest 西南航空公司背景采用的彩虹背景元素，同樣字體也使用時漸變填充，漸變符號為網(wǎng)站提供了一個視覺焦點，內(nèi)容相對來說可能比較枯燥乏味，顏色則賦予文字一定的生命力，幫助用戶去點擊。London Grammar 背景使用一個巨大的彩虹漸變球體，并且伴隨著音樂而像水滴一樣不停的移動與變化，從視覺上吸引用戶告訴他們與Spotify合作。元素的變化非常有趣，但是顏色卻是第一個吸引用戶的。
2.傳統(tǒng)網(wǎng)站首屏的沒落使用大的照片或者是輪播在頭部這種設(shè)計方式在網(wǎng)站首屏設(shè)計中好多年，但是現(xiàn)在很多設(shè)計師開始使用更緊湊的滾動結(jié)構(gòu)，更多的元素，更少的構(gòu)成。結(jié)果就是，一個白色或者是深色的標題字體，然后夾雜一些漂浮的元素，大家對于這種趨勢貶褒不一。有些視覺效果很有趣，單總體來說，會少了一些協(xié)調(diào)感。
傳統(tǒng)首屏的沒落好處就是看起來很好，非常不同，問題是，是否有足夠長的信息去傳遞他們的興趣，或者用戶會對一個不太直觀的網(wǎng)站體驗做出積極的回應(yīng)。這是一個值得注意的趨勢，因為他很可能是在進化的早期階段，設(shè)計師準備做一些不同，這是可以理解的。通過嘗試是邁向新事物的第一步，到目前為止，在這些概念設(shè)計中，設(shè)計師可能在一些組合上面做的還不是很好，不夠?qū)τ谶@種趨勢是值得期待的。
3.深色的圖案動畫
這可能是網(wǎng)站設(shè)計中最有趣的設(shè)計趨勢：深色的動畫效果通過不同層次的表現(xiàn)，在視覺上面很有趣神秘，另一方面，動畫的圖案的組合變化，也可以讓用戶參與到設(shè)計中來。另外，他們可以通過不同的方式來運行，不需要去設(shè)置尺寸或者是動畫的參數(shù)。下面的例子都以不同的方式使用深色動畫效果。從某種意義上來說，設(shè)計者希望用戶更多的互動，移動鼠標得到意想不到的效果與驚喜。雖然這些設(shè)計看起來很酷，但是他們也會有一些挑戰(zhàn)，并不是所有的用戶都這種這種暗黑色系的審美。而且在某些環(huán)境下面，它可能不太好。但是，設(shè)計師想做一些不同的東西來表達時尚或者是一種情緒。這些暗色調(diào)的組合，可能沒有太多的顏色吸引你，這樣的好處就是一些有顏色的東西突出重點，而且黑色圖像的層次對比度也是不一樣的。
推薦幾個網(wǎng)站設(shè)計幾個的小技巧
推薦幾個網(wǎng)站設(shè)計幾個的小技巧
我們都知道網(wǎng)頁設(shè)計每個網(wǎng)站的靈魂所在，好的網(wǎng)站建站公司最關(guān)注的就是網(wǎng)站設(shè)計，頁面設(shè)計的是否能夠吸引更多的用戶，和網(wǎng)站布局設(shè)計的是否合理能夠滿足廣大用戶的瀏覽習慣。中為科技憑借一流的企業(yè)管理方法和求賢若渴的用人思想，已擁有了精品網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)絡(luò)運營等業(yè)內(nèi)頂尖人才。作為國際領(lǐng)先的互聯(lián)網(wǎng)服務(wù)提供商，中為科技在“中為享譽全球，締造國際品牌”的目標指引下，以“創(chuàng)新無極限，關(guān)愛每一天”為經(jīng)營思想，開拓創(chuàng)新、與時俱進，歷經(jīng)行業(yè)的洗禮，與互聯(lián)網(wǎng)一道不斷發(fā)展壯大！
網(wǎng)站建設(shè)細節(jié)掌握：不要把設(shè)計元素推雜在一起，要留一點空白。讓它們之間有呼吸的空間。適用于文本。如果使用正確的文本格式，那么文本將有更多的機會被讀取。不要害怕使用段落，粗體，斜體，引用文字，下劃線或者大字字母......任何可以讓你的文本更加受吸引的方式。當然有時你需要使用引導語句，來引導瀏覽用戶的目光。
操作習慣：瀏覽者會忽略廣告。他們會忽略橫幅廣告或文字廣告。因此要避免網(wǎng)頁設(shè)計看起來很像廣告似的。還有瀏覽者也會忽略大塊的文本。沒有人會有很多的時間去看那一大塊的文本只是為了獲得一個文本的主要內(nèi)容。所以我們要盡量的精簡化文本，或者是增加一些圖片裝飾來吸引用戶的眼球。
設(shè)計風格：如果你要寫一篇文章，那么你首先要確定好文章的標題。一個好的標題可以吸引住瀏覽者的目光。一個好的標題可以讓瀏覽者更好的抓住文章的重點，網(wǎng)站的左上側(cè)是瀏覽者最先注意的地方；這是瀏覽用戶養(yǎng)成的閱讀習慣造成的。再加上早期的網(wǎng)站也是按這個方式設(shè)計的，所以我們常常把LOGO放在左上角。
你知道這些好用的設(shè)計網(wǎng)站嗎？
工欲善其事，必先利其器。
無論是設(shè)計還是寫作，需要建立自己的資料庫。
在創(chuàng)作的過程中，為了能夠很好的去搜尋到自己所要的資料。
于此，我把自己經(jīng)常用到的關(guān)于設(shè)計靈感、設(shè)計素材、配色方案等設(shè)計網(wǎng)站推薦給大家。
有了這些網(wǎng)站，你們幾乎都不需要設(shè)計老師了！
一、設(shè)計靈感類。
1.花瓣網(wǎng)
http://huaban/all/
這個網(wǎng)站對于很多設(shè)計師都是熟知的，是很多設(shè)計師的靈感來源。花瓣網(wǎng)除了尋找靈感之外還有一個很重要的功能插件?！ò瓴杉?。
運用花瓣采集工具可以采集你在瀏覽網(wǎng)頁時候看到的任何你個人比較喜歡的圖片，將相同風格的圖片采集在畫板，日后自己需要這方面素材的時候點開查看，便是滿滿的靈感素材啊。
2.站酷網(wǎng)
http://zcool/
站酷（ZCOOL），中國人氣設(shè)計師互動平臺。深耕設(shè)計領(lǐng)域十年，站酷聚集了470萬優(yōu)秀設(shè)計師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人。站酷網(wǎng)入駐了很多設(shè)計師，每個人都可以在上面發(fā)表自己的作品，打造自己的品牌，也可以根據(jù)其他人發(fā)出來的作品尋找靈感。
3.蘇打蘇塔
http://sudasuta/
蘇打蘇塔是一個關(guān)于創(chuàng)意設(shè)計，設(shè)計，插畫，藝術(shù)攝影，lomo，素材，教程，web，靈感來源，平面設(shè)計欣賞的綜合性網(wǎng)站。
4.致設(shè)計
http://zhisheji/
致設(shè)計網(wǎng)，中國最大的電商設(shè)計師交流平臺.電商設(shè)計大師們都潛伏于此，聚集了中國絕大部分的80,90電商設(shè)計師，在此分享了他們的店鋪設(shè)計，創(chuàng)意設(shè)計。
5.古田路九號。
http://gtn9/index.aspx
古田路9號網(wǎng)站，品牌創(chuàng)意版權(quán)保護平臺。國內(nèi)專業(yè)品牌創(chuàng)意平臺，以版權(quán)保護為基礎(chǔ)，品牌為核心，集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體下載等。
二、設(shè)計素材類。
1.千圖網(wǎng)
http://58pic/
千圖網(wǎng)提供矢量圖素材，矢量背景圖片，矢量圖庫，還有psd素材，PS素材，設(shè)計模板，設(shè)計素材，PPT素材，以及網(wǎng)頁素材，網(wǎng)站素材，網(wǎng)頁圖標等。部分素材是免費的。
2.千庫網(wǎng)
http://588ku/
專注于免費的PNG圖片素材下載，里面的素材質(zhì)量也是相當不錯的。對于普通的用戶，每天的下載數(shù)量也是有限制的，這個網(wǎng)站下載的素材就是可以直接拿來用，免去復(fù)雜的摳圖步驟啦。
3.素材中國
http://sccnn/
素材中國打造中國最優(yōu)秀平面設(shè)計素材網(wǎng)站。素材天下，提供平面設(shè)計，免費設(shè)計素材。里面的素材質(zhì)量挺高而且是免費的哦。
4.懶人圖庫
懶人圖庫專注于提供網(wǎng)頁素材下載，其內(nèi)容涵蓋網(wǎng)頁素材，矢量圖素材，圖標等。
5.90設(shè)計
http://90sheji/
90設(shè)計是專注電商設(shè)計的淘寶素材庫，設(shè)計交流、學習與分享一體的平臺，讓電商設(shè)計（淘寶美工）找靈感和素材更效率。
三、色彩搭配。
1.中國色
http://zhongguose/#meiguihui
提供各種中國的傳統(tǒng)顏色的名稱，CMYK值，RGB值，16進制表示。
2.配色網(wǎng)
http://peise/
配色網(wǎng)是交流色彩的專業(yè)網(wǎng)站，致力于設(shè)計，網(wǎng)頁，家居，時尚，服飾等方面色彩理論的學習和提高，并提供大量優(yōu)秀配色方案，為色彩構(gòu)成學習者提供免費資料。
3.Color Hunt
http://colorhunt.co/
ColorHunt網(wǎng)站是一個致力于幫助產(chǎn)品設(shè)計師們更好的選擇顏色搭配組合的站點，從互聯(lián)網(wǎng)中收集了海量的完美色彩組合，你可以把這些顏色組合運用到任何產(chǎn)品設(shè)計項目.
給大家推薦的這些網(wǎng)站都是在我自己日常設(shè)計中經(jīng)常用到的。希望對大家有所幫助。
優(yōu)質(zhì)的實習，盡在實習僧APP！
https://shixiseng
作者：MY麥子
來源：簡書
2018年最好的醫(yī)療網(wǎng)站設(shè)計及配色賞析
隨著人們對醫(yī)療健康認識水平的提高，相關(guān)的醫(yī)療服務(wù)和醫(yī)療網(wǎng)站設(shè)計也在不斷規(guī)范化。從網(wǎng)站設(shè)計的角度來講，醫(yī)療網(wǎng)站對于醫(yī)療內(nèi)部來說就是連通整個醫(yī)院的信息高速公路；而對于患者來說，優(yōu)秀的規(guī)范化設(shè)計能更好的引導他們準確快速的獲取醫(yī)療信息。
如何設(shè)計出優(yōu)秀的醫(yī)療網(wǎng)站呢？不妨看看一些優(yōu)秀的案例。
1. Weightmedics - 減肥類網(wǎng)站設(shè)計
地址：https://weightmedics.co.uk/index.html
設(shè)計特色：卡通風格、扁平化設(shè)計、顏色搭配活潑淡雅
不同于一般的減肥網(wǎng)站，沒有密密麻麻的減肥套餐推薦，沒有夸張的瘦身前后對比圖。整體網(wǎng)站設(shè)計以卡通方式呈現(xiàn)，淡藍色的背景色搭配白色字體，簡潔淡雅。局部搭配的橙色調(diào)使網(wǎng)站活潑而不單調(diào)。
2. The Doctors Laser Clinic -醫(yī)療美容類網(wǎng)站設(shè)計
地址：https://laserdocs.co.uk/
設(shè)計特色：迎合女性審美、卡片式設(shè)計、優(yōu)雅紫色調(diào)為主
作為醫(yī)療美容類網(wǎng)站，大部分以女性顧客為主。所以懂得迎合女性審美，不僅僅是從產(chǎn)品服務(wù)，網(wǎng)站設(shè)計也必須能在第一眼獲得女性顧客的青睞。網(wǎng)站整體的紫色調(diào)優(yōu)雅大方，不同層次的紫色卡片設(shè)計能循序漸進的對顧客進行引導。CTA部分的設(shè)計以深紫色做為強調(diào)，吸引點擊，從而增加轉(zhuǎn)化。
3. Beauty is power; a smile is its sword - 牙醫(yī)類網(wǎng)站設(shè)計
地址：
https://dribbble/shots/4090230-Beauty-is-power-a-smile-is-its-sword-Dental-Website-Idea
設(shè)計特色：黑色背景突出網(wǎng)站主題、簡潔的黑白搭配，形成色調(diào)對比
正如這個網(wǎng)站的設(shè)計主題，微笑之美在于一口健康好牙。這個牙醫(yī)網(wǎng)站設(shè)計的特別之處在于它沒有常見的白大褂和擬人化的牙齒圖案來突出主題，而是采用較為抽象的微笑來展示設(shè)計概念。作為牙醫(yī)網(wǎng)站，也不失為很好的宣傳廣告。巧妙的顏色搭配使得網(wǎng)站中黑色部分設(shè)計并不沉悶，反而十分燦爛。
4. Tychee Training - Medical Training - 醫(yī)療類網(wǎng)站設(shè)計
地址：https://dribbble/shots/4688223-Tychee-Training-Medical-Training
設(shè)計特色：活潑的橙色調(diào)、插畫風格、扁平化設(shè)計
網(wǎng)站背景色采用橙白搭配，使整個頁面看起來新鮮有活力。十分符合現(xiàn)代人追求的健康生活。首頁采用了時下流行的插畫風格，結(jié)合扁平化網(wǎng)頁設(shè)計，給人溫暖活潑的感覺。
5. Psychologist - 心理健康網(wǎng)站設(shè)計
地址：
http://preview.themeforest/item/psychologist-personal-singlemulti-page-html-template-with-page-builder-and-admin-pages
設(shè)計特色：響應(yīng)式設(shè)計、HTML5、清新淡綠色調(diào)
整體網(wǎng)頁設(shè)計以淡綠色調(diào)為主，導航欄、字體、以及天空的顏色融為一體，是一個清新而又富有生命力的顏色。而網(wǎng)站響應(yīng)能力和卓越性能是促成轉(zhuǎn)化的一部分。作為心理健康類網(wǎng)頁設(shè)計的模板，也可以給新手提供一個很好的參考。
看了以上的案例分析，不知大家有沒有注意到一個共同點，就是對于醫(yī)療網(wǎng)站設(shè)計中顏色運用的分析。
那么，在醫(yī)療類網(wǎng)站設(shè)計中，有哪些可以遵守的設(shè)計原則呢？
網(wǎng)站色調(diào)搭配是一個影響網(wǎng)頁的重要因素。不同的顏色會產(chǎn)生不同的效果。
（1）紅色：紅色會使人興奮，并且感到緊張不安。所以醫(yī)療類網(wǎng)站不適合使用紅色做為主色調(diào)。
搭配：紅色系中的粉紅色比較適合于使用在醫(yī)療美容類的網(wǎng)站，營造出迎合女性柔美、純真的氣氛。
（2）黑色：色調(diào)比較莊重，且容易讓人聯(lián)想到死亡。所以如果對顏色搭配不好把握，建議避免過多使用黑色作為主色調(diào)。
搭配：黑色與高亮度的黃色搭配，可以得到清晰整潔的效果。屬于比較適合活潑跳躍、色彩絢麗的配色方案。
（3）藍色：藍色比較適合和平淡雅潔凈的頁面，因此一些醫(yī)院網(wǎng)站也會適當采用藍色，活單獨使用，或搭配使用。
搭配：淺藍色具有淡雅、清新、浪漫和高貴的特性，常被用于化妝品、女性、醫(yī)療網(wǎng)站的設(shè)計中。
（4）綠色：綠色代表的是清爽、理想、希望和生長的意象，較符合服務(wù)業(yè)、醫(yī)療健康業(yè)、教育行業(yè)、農(nóng)業(yè)類網(wǎng)頁設(shè)計的要求。
搭配：綠色可與多種顏色搭配而達到和諧的效果，也是醫(yī)院網(wǎng)站中最為廣泛的顏色之一。
（5）紫色：紫色象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。
搭配：紫色加入少量的白色，就會成為一種十分優(yōu)美、柔和的色彩。
（6）橙色：橙色具有健康、活力、勇敢和自由等象征意義，能給人以莊嚴尊貴神秘等感覺。應(yīng)用在醫(yī)院網(wǎng)站設(shè)計中可以營造溫暖的氛圍。
搭配：不能大面積使用，只能小塊地與其他色彩搭配起點綴的作用。
（7）白色：白色是網(wǎng)頁設(shè)計中通用的顏色，它具有容易突出彩度的特性。
搭配：搭配黑色顯得高貴具有都市氣息，但不適合作為醫(yī)療網(wǎng)站主色調(diào)。
（8）黃色：在很多設(shè)計作品中黃色都被用來表現(xiàn)喜慶的氣氛和華麗的商品。
搭配：黃色屬于一種中性色彩，因此它在網(wǎng)站設(shè)計中幾乎可以和任何一種色彩搭配。
在高保真網(wǎng)頁原型中，色彩的運用也同樣是網(wǎng)頁設(shè)計的加分項目。顏色搭配得當?shù)脑晚椖扛兄讷@得投資和贏取客戶的機會。那么，你需要的是選擇一款支持色料庫的原型設(shè)計工具，而非單色的線框圖工具。國產(chǎn)原型設(shè)計工具Mockplus中可直接通過色號或使用拾色器來設(shè)置組件、圖標顏色。對于網(wǎng)頁設(shè)計、App設(shè)計都是非常友好的。
總結(jié)：
不僅僅是針對醫(yī)療類的網(wǎng)站設(shè)計，所有類型的網(wǎng)站設(shè)計都應(yīng)該變得規(guī)范且有創(chuàng)意。對于設(shè)計師來說，更應(yīng)該學習的是如何避免網(wǎng)頁設(shè)計落入俗套。網(wǎng)頁設(shè)計中的色彩搭配也并不只適用于醫(yī)療網(wǎng)站，其他類型的網(wǎng)站也應(yīng)該尤其注意在色彩搭配方面出彩，為自己的設(shè)計加分。
推薦一個牛掰的設(shè)計網(wǎng)站，讓你的工作效率提高80%
為了讓你們能在領(lǐng)導面前秀一波操作，我決定給你們推薦一個非常Very超級無敵牛X的網(wǎng)站——See seed，因為這個網(wǎng)站涵蓋了國內(nèi)外所有優(yōu)秀的、與設(shè)計搭得上邊的網(wǎng)站，為你找素材、找圖片、找創(chuàng)意節(jié)省很多時間。
網(wǎng)址：https://seeseed/
接下來，我會根據(jù)該網(wǎng)站的分類，從必看、靈感、資訊、UI-UX、圖標、圖庫、配色、字體、工具、社區(qū)中挑出3個最受歡迎的網(wǎng)站，推薦給大家。
靈感
1.Lapa：https://lapa.ninja/
Lapa——國外優(yōu)質(zhì)產(chǎn)品官網(wǎng)。它提供各類落地頁設(shè)計欣賞，旨在激發(fā)設(shè)計師的靈感、提高設(shè)計師的技能。該網(wǎng)站上的很多案例，都可以應(yīng)用到PPT設(shè)計中。
2.Abduzeedo：https://abduzeedo/
Abduzeedo——每日分享高品質(zhì)設(shè)計創(chuàng)意靈感。對于靈感匱乏的設(shè)計師來說，這個網(wǎng)站無疑可以解決你的燃眉之急。
Abduzeedo 上有很多PS、AI的教程，當然還有 Conteplated 、Pixelmator 、Fireworks 等網(wǎng)頁設(shè)計教程。該網(wǎng)站吸引了超過10萬設(shè)計愛好者，幾乎每天的訪問量達300萬。
PS：這個網(wǎng)站的導航條其實是橫著的，我等了1個小時也沒加載出來，你們將就看看...
3.Bestwebsite：
https://bestwebsite.gallery/
Bestwebsite——設(shè)計感超棒的網(wǎng)站。你可以為 Bestwebsite 上所有的案例打分，滿分10分，還可以點擊鏈接體驗該網(wǎng)站的設(shè)計，尋找靈感必備啦。
資訊
1.Heydesigner：https://heydesigner/
Heydesigner——設(shè)計師與前端一起充電的網(wǎng)站。顧名思義，該網(wǎng)站更適合設(shè)計師和前端工程師瀏覽，網(wǎng)站的Logo也跟充電的圖標差不多。設(shè)計在很多方面都是相通的，我們也可以從這個網(wǎng)站上得到很多有創(chuàng)意的靈感。
2.Panda：http://usepanda/app/#/
Panda——全而美的設(shè)計文摘訂閱平臺。Panda 跟 Seedseed 相似，都是各類設(shè)計網(wǎng)站的合集，該網(wǎng)站上的文章具有時效性，你可以看到全球的設(shè)計師寫的文章，不過你得翻譯一下。
3.Lizhi：http://lizhi.fm/1852153/
Lizhi——字體排印主題，中文博客節(jié)目。Lizhi是一個類似于抖音、一直播的直播平臺，網(wǎng)站設(shè)計很簡單，不用登陸就可以聽節(jié)目。在這里，你或許可以聽到很多字體設(shè)計的知識點，應(yīng)該比看書有趣。
UI-UX
1.Uigarage：https://uigarage/
Uigarage——高級美，UI設(shè)計靈感炸裂之地。該網(wǎng)站大概有40種設(shè)計類別，涵蓋：IOS、Andriod、Web等，簡直是UI設(shè)計師的靈感寶地啊。
2.Hoverstat：https://hoverstat.es/
Hoverstat——Web交互動畫設(shè)計欣賞。如果你是做網(wǎng)站設(shè)計的，建議你經(jīng)常瀏覽一下 Hoverstat 。跟 Bestwebsite 一樣，可以在線體驗網(wǎng)站的設(shè)計。
如果你將鼠標置于圖片上方，停頓一秒以后，會自動播放網(wǎng)站的效果，可以說很方便了。
3.Land-Book：https://land-book/
Land-Book——只收錄全球最佳設(shè)計網(wǎng)站。該網(wǎng)站上的設(shè)計網(wǎng)站值得所有設(shè)計師參考，它支持用戶創(chuàng)建賬號收藏自己喜歡的作品，作為靈感庫。
圖標
1.Iconfont：http://iconfont/plus
Iconfont 又稱為“阿里巴巴矢量圖標庫”——支持多種格式（SVG/AI/PNG）圖標下載，圖標可轉(zhuǎn)字體。這個網(wǎng)站大家都熟透了，我就不一一介紹了。
2.IconJar：https://geticonjar
IconJar——成套優(yōu)質(zhì)簡潔 Icon 素材免費下載。海量簡約圖標任你下載，不過，下載了很多圖標，找起來很麻煩？Iconjar 可以幫你解決這個問題。下載 IconJar 工具，打開之后如下圖（該軟件只能用MAC系統(tǒng)打開）：
操作步驟：打開 IconJar → 點擊【 “+” Add Icons】新建目錄 → 將你的圖標全部導入新建的文件夾，命名。在你需要找 icon 的時候打開 IconJar ，直接把你想要的 icon 拖進這個界面，就可以快速找到你想要的 icon 了。是不是炒雞方便呢？這個時候需要去買個蘋果電腦了...
3.Icon Store：https://iconstore.co/
Icon Store——一流設(shè)計師出品的精美 icon。28種常用的圖標類型，用來做PPT足矣。有的圖標還可以拿來做表情包~
PS：無需登錄即可下載
圖庫
1.Pexels：https://pexels/
Pexels ——4萬+免費商用美圖。Pexels 是一個致力于為用戶提供海量共享高清圖片素材的網(wǎng)站，每周都會定量更新。它所有的圖片都會顯示詳細的信息，例如：拍攝的相機型號、光圈、焦距、ISO、圖片大分辨率等，高清大圖質(zhì)量很不錯的。
2.攝圖網(wǎng)：https://magdeleine.co/browse/
攝圖網(wǎng)——正版高清攝影圖免費下載。攝圖網(wǎng)是一家專注正版攝影高清圖免費下載的圖庫，有攝影師5000+入駐，一百萬以上的圖片量，一百萬以上的設(shè)計師，在這里你可以找到滿意的圖片素材和設(shè)計靈感。
PS：非會員每天只能下載一張高清圖片
3.500px：https://500px/
500px——全球著名攝影師圖片展示和售賣平臺。500px 是一個致力于攝影分享、發(fā)現(xiàn)、售賣的專業(yè)平臺。找素材的同時還能學攝影，一舉兩得啊。
PS：該網(wǎng)站上的圖片商用請購買版權(quán)，它還有Android客戶端哦~
配色
1.Adobe Color：
https://color.adobe/zh/create/color-wheel/
Adobe Color——Adobe 官方在線配色工具。拉動上圖中的色環(huán)，可以自動生成配色方案，【探索】里也有很多配色方案供你參考。
2.Colorhunt：http://colorhunt.co/
Colorhunt——每天一組新鮮配色靈感。該網(wǎng)站配色方案的排列方式（除 New 中的配色方案）都取決于用戶的瀏覽次數(shù)，所以你打開網(wǎng)站之后，一眼就可以看到別人喜歡的配色方案是什么樣的啦。
3.Webdesignrankings:
webdesignrankings/resources/lolcolors/
Webdesignrankings——好看得哭出來的配色方案。65種配色方案，任你挑選。鼠標靠近“小水滴”的時候，會自動出現(xiàn)色值。
相關(guān)閱讀：7種配色方案
字體
1.Myfonts：http://myfonts/
Myfonts——字體設(shè)計靈感。這個網(wǎng)站適合手動黨（想自己設(shè)計字體的人）尋找靈感，不過都是英文字體，我們可以學習它呈現(xiàn)出來的效果，將其設(shè)計理念運用到中文字體中。
2.Urbanfonts:
https://urbanfonts/
Urbanfonts——免費英文字體搜索下載。這個網(wǎng)站適合“懶癌患者”，可搜索你喜歡的英文字體，點擊下載即可。
3.Hellofont：
http://hellofont/index.php
Hellofont，又名“字由”——超好用的字體管理工具。Hellofont 里有很多文章，可以幫你解決字體運用的諸多問題。不過，下載字體需安裝字由的客戶端。
PS：每個案例下方都有字體的使用方法；該網(wǎng)站上的字體僅限PS、AI使用
相關(guān)閱讀：用對了字體，你的PPT逼格就上去了
工具
1.LogoJoy：https://logojoy/
LogoJoy——根據(jù)喜好在線生成個性Logo。Logojoy 是一款利用人工智能幫你完成所有Logo設(shè)計的工具，其生成的創(chuàng)意可以提供給真實的設(shè)計公司。如果你喜歡該網(wǎng)站的Logo設(shè)計，可以點擊“現(xiàn)在購買”，價格大約在65美元。
2.Tinypng：https://tinypng/
Tinypng——在線壓縮PNG/JPG。Tinypng 的壓縮質(zhì)量非常不錯，在保持alpha 通道的情況下對PNG的壓縮可以達到70%，而且用肉眼是看不出與原圖有什么區(qū)別的。
3.Ant Motion:https://motion.ant.design/
Ant Motion——動效設(shè)計解決方案。喜歡動效設(shè)計的設(shè)計師們看過來，Ant Motion 是一款以 React 組件來實現(xiàn)動畫效果的工具，用 Ant Design 實現(xiàn)頁面后，可以很輕松地增加頁面里的動畫效果。該網(wǎng)站上的動效很牛X，先定個小目標：1年后做出這樣的效果。
社區(qū)
1.Zcool：http://zcool/
站酷——國內(nèi)設(shè)計師學習和交流的平臺。深耕設(shè)計領(lǐng)域十年，站酷上聚集了470萬優(yōu)秀設(shè)計師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人，設(shè)計創(chuàng)意群體中具有較高的影響力與號召力。反正有事沒事兒都去站酷上溜達溜達，每次都有新收獲。
2.UI中國：http://ui/
UI中國——國內(nèi)UI設(shè)計垂直社UI區(qū)。UI中國的會員均為職業(yè) UI 設(shè)計師，覆蓋全國互聯(lián)網(wǎng)公司。有創(chuàng)意可以去比一比，沒創(chuàng)意可以去找一找。
3.Gracg：https://gracg/
Gracg，又名“涂鴉王國”——國內(nèi)原創(chuàng)繪畫社交網(wǎng)站。涂鴉王國是國內(nèi)精英插畫師社交網(wǎng)站，以原創(chuàng)插畫為主要核心內(nèi)容，作品風格多樣，涉及使用行業(yè)廣泛。喜歡插畫的小伙伴可以去吸一波圖了！
必看
1.Dribbble：https://dribbble/
Dribbble——全球優(yōu)秀設(shè)計師最佳交流展示平臺。該網(wǎng)站上的設(shè)計偏 UI ，其畫風也是最流行的，我特別喜歡這個網(wǎng)站。你可以在 Dribbble 上找到非常多有意思的創(chuàng)意。
2.Behance：https://behance/
Behance——Adobe 旗下設(shè)計師交流平臺。Behance 上的創(chuàng)意設(shè)計人士可以展示自己的作品，發(fā)現(xiàn)別人分享的創(chuàng)意作品（上面有許多質(zhì)量上乘的設(shè)計作品），相互還可以進行互動（評論、關(guān)注、站內(nèi)短信等）。
Dribbble 和 Behance 上的圖片質(zhì)量超級高，導致網(wǎng)頁打開非常極度異常緩慢，除此之外我都很滿意！
3.花瓣：http://huaban/
花瓣——優(yōu)美圖集，點亮靈感?；ò昕梢哉f是圖片素材領(lǐng)導者，幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物，不得不說激發(fā)了老夫的少女心。
看完這篇文章，你只需要記住 See seed 就夠了，趕緊給自己的收藏夾瘦個身吧。不過，你可能會問我：這些跟PPT有什么關(guān)系？其實，學設(shè)計不僅要學習生硬的知識，還需要拓寬自己的視野，這樣你的靈感才不會枯竭。
以上網(wǎng)站都不需要翻墻，如果你打不開網(wǎng)頁，請檢查你的網(wǎng)絡(luò)。
2018網(wǎng)站設(shè)計依然流行成品網(wǎng)站系統(tǒng)？
2018年網(wǎng)站設(shè)計行業(yè)用工成本持續(xù)上升，微信公眾號開發(fā)，APP制作需求依舊火熱，企業(yè)互聯(lián)網(wǎng)個性化應(yīng)用需求有增加的跡象。
不記得什么時候興起了用現(xiàn)成網(wǎng)站系統(tǒng)做網(wǎng)站，它的缺點不再闡述，在百物騰貴的時候，它的優(yōu)點還是很突出的。如果將網(wǎng)站設(shè)計與茶葉相比，網(wǎng)站的個性化系統(tǒng)定制，就如傳統(tǒng)普洱茶餅茶，有剛需的懂得投資收藏的一定買餅茶，而要做網(wǎng)絡(luò)推廣的一定做個性化網(wǎng)站設(shè)計。近些年實體茶商總抱怨實體店生意難做，買茶的人越來越少。有沒有發(fā)現(xiàn)網(wǎng)上茶葉的銷量不錯？賣得好的往往是快消品或者沒有收藏價值的普洱茶，為什么會這樣呢？市場和消費結(jié)構(gòu)在改變，這個時候從業(yè)者只能適應(yīng)。就如上圖所示PC+手機網(wǎng)站系統(tǒng)模板費用才3百多元，定制可能嗎？就如普洱茶、小青柑、紅茶、大紅袍、綠茶在某寶上多是幾拾元一斤的，而且銷量極大，你要不懂的人去試買餅幾百元的茶合適嗎？所以SNL網(wǎng)絡(luò)公司小編預(yù)計，2018網(wǎng)站設(shè)計依然流行成品網(wǎng)站系統(tǒng)。歡迎留言交流！
本頁內(nèi)容為企業(yè)、個人自主上傳或來源網(wǎng)絡(luò)，所有資料僅供用戶參考；我單位不對其版權(quán)負責、不保證亦不表示本網(wǎng)的資料全面及準確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害，我單位將不會負任何法律責任。
