業(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è)計大師常用的16個高質(zhì)量圖片網(wǎng)站
推薦人｜張峰 ｜來源｜心智藍圖學(xué)堂
正文共：2858 字、預(yù)計閱讀時間： 8 分鐘
大家好，我是張峰。
因為經(jīng)常要制作PPT、文章配圖和作品設(shè)計，最花時間成本的應(yīng)該是找素材、尤其是圖片素材，與大家想法一樣，想把作品打磨的更加出彩、更有規(guī)格，所以我用兩天的時間瀏覽了50多個國內(nèi)外圖片站。因圖片版權(quán)問題困擾著很多朋友，有朋友不知道在哪里下載，下載了這個圖片也不知能不能用，很困惑。
今天給大家推薦這些優(yōu)質(zhì)而且免費無版權(quán)的圖片網(wǎng)站。注意，是免費還無版權(quán)限制，很多人都是私藏不分享的。
目的是希望大家今后使用方便，節(jié)省大量尋找的時間，專心于作品。好，我們閑言少敘接下來我給大家一一分享。
01
PIXABAY
https://pixabay
Pixabay是一個支持中文搜索的免費可商用圖庫。
里面有很多不同類型的攝影照片，大家可以通過Pixabay去尋找自己想要的圖片，簡直完美解決各種場合的分辨率要求，真的是一個圖片搜索神器。
02
PEXELS
https://pexels
Pexels是一提供海量共享圖片素材的網(wǎng)站
Pexels可以說是圖片素材界的超級網(wǎng)紅,每周都會定量更新，照片都是有專人在眾多圖片中精心挑選而來的。
當(dāng)然，最重要的還是提供強大的篩選功能，可以按搜索熱度，按顏色等來篩選圖片,可以下載各種各樣的原圖尺寸。
03
GRATISOGRAPHY
https://gratisography
Gratisography是一個免費高分辨率攝影圖片庫
所有的圖片都可以用于個人或者商業(yè)用途，好圖片的站點不好找，尤其是這類站點每周更新圖片,你只需要點擊即可下載。
04
VISUALHUNT
https://visualhunt
Visual Hunt收錄著大量免費圖片，號稱超過3億張
Visual Hunt如果你正在尋找好用且免費圖片或者特定顏色的圖片，首頁搜索框底下，點擊相應(yīng)的色條就可以了,無須注冊、登入，即可在線下載圖片。
05
UNSPLASH
unsplash
Unsplash是一個數(shù)量很大的免費高質(zhì)量照片的網(wǎng)站
Unsplash是一個數(shù)量很大的免費高質(zhì)量照片的網(wǎng)站，每天更新一張高質(zhì)量的圖片素材，全是生活中的景象作品，清新的生活氣息圖片可以應(yīng)用于各種需要的環(huán)境，非常值得收藏。
06
ILLUSION
http://illusion.scene360
illusion這是一個非常有格調(diào)的圖片網(wǎng)站
從官網(wǎng)首頁上面這張截圖片大家也可以窺見一二，網(wǎng)站里面的圖片風(fēng)格大多十分怪異，換個詞說叫特別有藝術(shù)感。這個網(wǎng)站下載圖片也是非常方便的，鼠標(biāo)右鍵選擇保存即可，如需使用，最好標(biāo)明來源和作者。
07
WEAVESILK
http://weavesilk
Weavesilk這個圖片網(wǎng)站有點奇特
Weavesilk它不提供圖片，只提供畫筆，你可以使用它為你準(zhǔn)備的幾種顏色的筆，輕松地畫出非常抽象，充滿科技感的圖片。
08
FINDA
http://finda.photo
FindA.Photo是根據(jù)圖片顏色和標(biāo)簽來搜圖的網(wǎng)站
FindA.Photo用法也是一樣，點擊相應(yīng)的色條就可以了,無須注冊、登入，擁有CC0授權(quán)的圖片資源超過幾千張直接下載圖片，而且是高清大圖沒有版權(quán)限制，隨意使用，還可以編輯。
09
PHOTOCK
https://photock.jp
PHOTOCK日本的無版權(quán)圖片網(wǎng)站
免費圖片資源達5000+，種類有很多，天空、水、河、海、草坪、火、山、動物、建筑、夜景、日本景點、日本歷史文化圖片等等。
10
DESIGNERSPICS
http://designerspics
DESIGNERSPICS主要是有大量免費高清圖片網(wǎng)站
主要是有大量免費高分辨率的生活、工作、休閑圖片，關(guān)鍵的是可商業(yè)用途。
上圖是我給大家下載一張圖看看，這圖片品質(zhì)非常高，做PPT、設(shè)計配圖相當(dāng)有逼格。
11
CUPCAKE
http://cupcake.nilssonlee.se
CupCake提供免費高清攝影圖片的網(wǎng)站
CupCake是一個提供免費高清攝影圖片素材的網(wǎng)站，圖片比較適合作為網(wǎng)頁、PPT、設(shè)計等方面的背景。所有的照片都加入了CreativeCommons License授權(quán)CC0，你可以自由的使用所有的圖片，無需支付任何費用。
12
KABOOMPICS
https://kaboompics
KaboomPics以生活化免費高質(zhì)量圖片
推薦的「 Kaboompics 」國外免費圖庫是一個相當(dāng)值得尋找素材的好地方，網(wǎng)站出自一位女性設(shè)計師、攝影師、網(wǎng)站開發(fā)者 Karolina，Kaboompics 至今已收錄超過 5,000 張相片。這些素材都能被自由下載、免費使用于個人或商業(yè)專案用途，無論是博客、社交網(wǎng)站、制作 HTML 或 PSD 模版、裝飾你的PPT幻燈片，甚至可用在印刷，都不必擔(dān)心法律問題。
13
STOCKSNAP
https://stocksnap.io/
StockSnap是一個提供可自由使用的高清圖片網(wǎng)站
StockSnap是一個提供可自由下載使用的高清晰攝影圖片作品的素材庫，所提供的資源相當(dāng)實用，網(wǎng)站由多位攝影師組成，提供豐富的免費照片，隨意使用無需經(jīng)過授權(quán)。
14
POLAYOUTU
http://polayoutu
潑辣有圖是一個特別強調(diào)圖片背后故事的可商用圖庫
潑辣有圖是一個開源攝影項目，即任何人都可以免費的將潑辣有圖的圖片用于任何用途，包括商業(yè)使用等。
15
PICJUMBO
http://picjumbo
Picjumbo高清圖像資源沒有版權(quán)限制網(wǎng)站
Picjumbo網(wǎng)站上的圖像資源很好的，不僅有圖片，還有各式插畫、矢量畫、且用起來相當(dāng)簡單與便捷。同樣，該網(wǎng)站上的圖像資源沒有版權(quán)限制，并可免費供個人和商業(yè)使用。
圖片的品質(zhì)很好
16
FREELMAGE
https://cn.freeimages/
FreeImage 是一款免費開源的、跨平臺圖片網(wǎng)站
FreeImage 是一款免費的、開源的、跨平臺圖像處理庫。其中包括了超過 30萬張免費照片和圖片，分類很清晰。
今天一口氣給大家分享16個免費無版權(quán)高清圖片素材網(wǎng)站，你可以結(jié)合自已情況著重挑選幾個圖片網(wǎng)站長期使用即可。
哈哈！重要的事情說三遍，圖片使用需要注重版權(quán)問題，大多數(shù)國內(nèi)圖片素材網(wǎng)站都是有版權(quán)保護的，大家注意版權(quán)問題不要隨意濫用。
整理資源費時耗力，所以大家能收藏就收藏，能點贊就點贊，想分享就分享吧。張峰老師在這里謝謝各位！
———— / END / ————
想要網(wǎng)頁設(shè)計精美的網(wǎng)站會不會太貴？
網(wǎng)頁設(shè)計是否精美很多時候都跟網(wǎng)站制作價格是沒有那么緊密的聯(lián)系的，為什么呢？我們首先來看下網(wǎng)頁設(shè)計的重要因素有哪些：
一、視覺流程
我們在閱讀某種信息時，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右。平面的視覺影響力上方強于下方，左側(cè)強于右側(cè)，這樣平面的上部和中上部被稱為“最佳視域”，網(wǎng)站設(shè)計中一些突出或者推薦的信息通常都放在這個位置。在網(wǎng)站設(shè)計中，靈活而合理的運用直接影響到傳達信息的準(zhǔn)確性和有效性。
二、網(wǎng)站顏色
顏色是影響網(wǎng)頁的重要因素，不同的顏色對人的感覺有不同的營銷。如：紅色和橙色使人興奮；黃色使人聯(lián)想到陽光，給人一種溫暖的感覺；黑色顯得莊重等，這要考慮你希望對瀏覽者產(chǎn)生什么影響。所以當(dāng)你決定做一個網(wǎng)站時，一定要選好網(wǎng)站的主色調(diào)，要有統(tǒng)一的色系，不論是單頁、頻道頁都應(yīng)采用主色系。像灰色、白色是萬能色，可以跟任意的顏色搭配、
三、網(wǎng)站導(dǎo)航的設(shè)計
從人們的閱讀習(xí)慣，我們可將網(wǎng)站的主要導(dǎo)航條放在頁面的左邊，對于較長的頁面，在第比放一個簡單地導(dǎo)航也是相當(dāng)有必要的。當(dāng)行藍可以說是一個工具，訪客使用這個功能就能清晰快速有效的掌握網(wǎng)站的大體結(jié)構(gòu)，增加用戶體驗度。
四、版面設(shè)計
同樣是基于人的一個閱讀習(xí)慣，任何具有方向性的圖像都應(yīng)該放在網(wǎng)頁實現(xiàn)最先到達的地方。根據(jù)客戶需求的了解，科學(xué)合理的設(shè)計網(wǎng)頁版塊，比如如何加強訪問者對網(wǎng)站的信任度，如何給訪問者留下深刻的第一印象，能否高質(zhì)量展現(xiàn)訪問者需求信息等等。
知道了網(wǎng)頁設(shè)計的幾個重要因素，很多人心中會有疑問：一個網(wǎng)頁設(shè)計精美的網(wǎng)站會不會太貴呢？
有的公司收費很高，那是因為從專業(yè)團隊拍攝圖片開始，到建站、宣傳冊、形象設(shè)計等等一系列工作為止，一套的VI視覺系統(tǒng)的設(shè)計費用便是如此高。
但其實，只要網(wǎng)站結(jié)構(gòu)和設(shè)計符合以上的標(biāo)準(zhǔn)，一個精美網(wǎng)站的設(shè)計框架就出來了。而且，我們在看建站價格的時候，要考慮一下是否有必要這樣做。例如我們是做企業(yè)資訊型網(wǎng)站，大家關(guān)注的都是您企業(yè)上的資訊新聞，想獲得最官方最準(zhǔn)確的一手消息，那么就幾千塊做個網(wǎng)站就行了，沒必要做成好幾萬的網(wǎng)站吧；
再比如，公司做燈具的，一般看燈的消費者都不會在網(wǎng)上去買，而是網(wǎng)上搜到了好看的燈了，去咨詢之后再去實體店看，那么就沒有必要做成會員功能，加一個會員系統(tǒng)又要耗費大幾千，您看，這不就省了嗎？
所以我們在做網(wǎng)站的時候，不要一味地追求網(wǎng)站的美觀和價格，而是考慮到搜索引擎是否喜歡這樣的網(wǎng)站、用戶是否能準(zhǔn)確找到相關(guān)的信息，如果僅僅是將版面做的非常炫酷而不符合用戶體驗，最后還要花一筆網(wǎng)頁改版的錢。
11款實用的一句話網(wǎng)站設(shè)計代碼
整理了一些比較實用的網(wǎng)站設(shè)計時常用的代碼，代碼很簡單，只有一行，不需要理解多高深的JS或者HTML知識，按照提示把相應(yīng)的代碼加入到網(wǎng)頁模板中即可得到你想要的效果。
1：進入網(wǎng)頁時淡入淡出的效果。演示：http://lusongsong/blog/
<meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)">
在頭部head之間加入此代碼，你會發(fā)現(xiàn)點擊鏈接的時候，網(wǎng)頁現(xiàn)實的是淡入淡出的效果。此代碼含義如下：Page-Exit”（離開網(wǎng)頁）、”Site-Enter”（進入站點）、”Site-Exit”（離開站點）其中”Duration=1.0″可以設(shè)定每個周期的時間為多久，單位是秒（現(xiàn)在設(shè)置的是每周期1秒）。
2：把滔滔（微博客）完美放到你的博客中。試用于各種程序語言。演示見本站公告.紅色部分注意事項：改成你的QQ號。 1就是只顯示一條信息。這是JS文件路徑。下載地址：http://lusongsong/reed/dkapi.js
<script type="text/javascript">var taotao_qq=13340454; var taotao_num=1;var taotao_type=0;</script><script type="text/javascript" charset="utf-8" src="reed/dkapi.js"></script>
3：徹底屏蔽鼠標(biāo)右鍵。此段代碼加入<body>區(qū)域。
<body oncontextmenu="window.event.returnValue=false">
4： 此段代碼加入<body>區(qū)域?qū)⑷∠x取、防止復(fù)制。
<body onselectstart="return false">
5：不準(zhǔn)粘貼。此段代碼加入<body>區(qū)域
<body onpaste="return false">
6：防止網(wǎng)站被扒皮。上次盧松松講了一個方法是給網(wǎng)站“扒皮”，如何防止網(wǎng)站被扒皮呢？加入以下代碼就可以了，網(wǎng)頁將不能被另存為
<noscript><iframe src="/blog/*.html>";</iframe></noscript>
7：腳本永不出錯,如果您的瀏覽器提示您的網(wǎng)址JS腳本出錯，但檢測了一遍沒發(fā)現(xiàn)錯誤，就可以使用一下代碼：
<SCRIPT LANGUAGE="JavaScript"><!-- Hide function killErrors() {return true;} window.onerror = killErrors; // --> </SCRIPT>
8：在規(guī)定時間內(nèi)跳轉(zhuǎn)，意思就是5秒后自動跳轉(zhuǎn)到該頁面下，適合做404網(wǎng)頁。
<META http-equiv=V="REFRESH" content="5;URL=http://lusongsong">
9：可防止復(fù)制，此段代碼加入<body>區(qū)域
<body oncopy="return false;" oncut="return false;" >
10. 防止被人frame。例：有些網(wǎng)址導(dǎo)航站收錄您的網(wǎng)址之后，不會直接跳轉(zhuǎn)到你的網(wǎng)站，而是加載到他的網(wǎng)頁中，這樣不會給你的網(wǎng)站產(chǎn)生任何IP和PV。如果您不希望這樣，那么請加入此段代碼。
<SCRIPT LANGUAGE=JAVASCRIPT><!-- if (top.location != self.location)top.location=self.location;// --></SCRIPT>
11：頁面自動刷新，把如下代碼加入 <head> 區(qū)域中 其中20指每隔20秒刷新一次頁面. 可用戶增加文章點擊率，這是作弊行為。
<meta http-equiv= "refresh " content= "20 "> ,
你知道這些好用的設(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(wǎng)除了尋找靈感之外還有一個很重要的功能插件。——花瓣采集。
運用花瓣采集工具可以采集你在瀏覽網(wǎng)頁時候看到的任何你個人比較喜歡的圖片，將相同風(fē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)頁圖標(biāo)等。部分素材是免費的。
2.千庫網(wǎng)
http://588ku/
專注于免費的PNG圖片素材下載，里面的素材質(zhì)量也是相當(dāng)不錯的。對于普通的用戶，每天的下載數(shù)量也是有限制的，這個網(wǎng)站下載的素材就是可以直接拿來用，免去復(fù)雜的摳圖步驟啦。
3.素材中國
http://sccnn/
素材中國打造中國最優(yōu)秀平面設(shè)計素材網(wǎng)站。素材天下，提供平面設(shè)計，免費設(shè)計素材。里面的素材質(zhì)量挺高而且是免費的哦。
4.懶人圖庫
懶人圖庫專注于提供網(wǎng)頁素材下載，其內(nèi)容涵蓋網(wǎng)頁素材，矢量圖素材，圖標(biāo)等。
5.90設(shè)計
http://90sheji/
90設(shè)計是專注電商設(shè)計的淘寶素材庫，設(shè)計交流、學(xué)習(xí)與分享一體的平臺，讓電商設(shè)計（淘寶美工）找靈感和素材更效率。
三、色彩搭配。
1.中國色
http://zhongguose/#meiguihui
提供各種中國的傳統(tǒng)顏色的名稱，CMYK值，RGB值，16進制表示。
2.配色網(wǎng)
http://peise/
配色網(wǎng)是交流色彩的專業(yè)網(wǎng)站，致力于設(shè)計，網(wǎng)頁，家居，時尚，服飾等方面色彩理論的學(xué)習(xí)和提高，并提供大量優(yōu)秀配色方案，為色彩構(gòu)成學(xué)習(xí)者提供免費資料。
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ì)的實習(xí)，盡在實習(xí)僧APP！
https://shixiseng
作者：MY麥子
來源：簡書
2018年最全的網(wǎng)站設(shè)計6大技巧「附案例」
網(wǎng)站設(shè)計簡單又困難，一個成功的網(wǎng)站不僅僅需要引人注目的設(shè)計，還需要優(yōu)秀的內(nèi)容。它能成為一種獨有的風(fēng)格，可以讓用戶享受良好的用戶體驗設(shè)計，并且一眼就能了解網(wǎng)站的主要信息內(nèi)容。本文整理了2018最佳的網(wǎng)站設(shè)計技巧，這些技巧能夠幫助新手設(shè)計師“少走彎路”，設(shè)計出一個屬于自己的優(yōu)質(zhì)網(wǎng)站。
一，網(wǎng)站設(shè)計的6大技巧
1. 視覺放首位
相比復(fù)雜的文字內(nèi)容，一張簡單的圖片可以向用戶傳遞更多有價值的信息。我們往往能夠敏銳感知視覺傳達的信息，其中大腦所接收的信息中90%都是可視的。圖片擁有跨越語言障礙的魅力，用戶對視覺圖片的感知往往比文字深。
技巧：
圖片與產(chǎn)品目標(biāo)一致在首頁顯示主圖片使用沒有失真的高質(zhì)量圖片使產(chǎn)品圖片足夠突出改善產(chǎn)品的視覺界面設(shè)計將圖片融入到設(shè)計中
不要單純?yōu)榫W(wǎng)頁設(shè)計找一些好看卻無用的圖片，用戶往往會忽略。相反，選擇那些能表明產(chǎn)品用途的圖片。用亮眼的視覺設(shè)計來抓住用戶的心。
2. 手機端友好—自適應(yīng)設(shè)計
2018年3月26號Google正式宣布，經(jīng)過大量測試后，符合mobile-first index最佳實踐（best practice）的網(wǎng)站開始向mobile-first index轉(zhuǎn)移。未來PC端和移動端搜索都將以移動頁面為基礎(chǔ)了。
我們現(xiàn)在的生活完全離不開手機，當(dāng)用戶在手機上瀏覽你的網(wǎng)站時，希望看到的是和網(wǎng)頁端是一致的，并且需要用戶體驗更好的設(shè)計。對于每一個網(wǎng)站來說，自適應(yīng)設(shè)計是必須且必要的。
3. 豐富的交互功能
優(yōu)秀的交互設(shè)計網(wǎng)站能給用戶帶來愉悅感，提高用戶體驗。Mockplus能夠幫助你快速創(chuàng)建交互原型頁面，讓你的網(wǎng)站設(shè)計更加吸引用戶。
技巧：
要有對比度。
保持一致性動效使用適當(dāng)
避免彈窗設(shè)計優(yōu)秀的表單設(shè)計
4. 導(dǎo)航欄清晰
最前沿的中國產(chǎn)品人和設(shè)計師
摹客專訪
每個網(wǎng)站最重要的部分是其導(dǎo)航菜單。這是的訪問者瀏覽你的網(wǎng)站的主要方式，因此確保它的易用性至關(guān)重要，它必須是簡單并且直觀的。
技巧：
使用友好的文案
我們既希望文案簡單易懂，也希望它富有個性。但重要的是不要忘記向用戶解釋你的網(wǎng)站的用途和工作是什么。
不超過7個菜單項
擁有大量菜單項只會給訪問者造成混淆，他們需要花費更多時間閱讀所有可供他們點擊的選項。
永遠不要超過三層
可用性設(shè)計的最基本規(guī)則之一是在距離主頁三次點擊之后獲得所有信息。
你的品牌標(biāo)志應(yīng)始終導(dǎo)航至主頁
你的品牌標(biāo)志不僅僅是為了美觀擺放的，用戶更希望能通過點擊你的品牌回到首頁。
避免下拉菜單
為什么要避免下拉菜單：
搜索引擎在抓取下拉菜單可能有困難。用戶移動眼睛的速度比移動鼠標(biāo)的速度快很多，當(dāng)用戶將鼠標(biāo)移動到菜單欄決定點擊時。你們給的選項太多，會造成用戶反感和困惑。用戶可能因此錯過重要頁面。
5. 突出主要網(wǎng)站信息內(nèi)容
用戶達到你的網(wǎng)站可能是通過某個和你產(chǎn)品相關(guān)的關(guān)鍵詞，所以在用戶瀏覽你網(wǎng)站時要給到用戶你網(wǎng)站的主要信息內(nèi)容，突出展示你網(wǎng)站的產(chǎn)品。確保用戶一眼就能了解你網(wǎng)站賣點。
技巧：
產(chǎn)品信息文字加粗顯示以圖片信息的形式能夠更好的吸引用戶
6. 一定要“留白”
“留白”能夠更平衡的布局，更清晰的呈現(xiàn)元素效果，更能吸引用戶注意。
如果你在瀏覽網(wǎng)站，當(dāng)布局太糟糕時，你會很費力的才能確定信息內(nèi)容；太緊密的字間距、段間距；沒有足夠的留白空間，那么這個網(wǎng)站的用戶體驗肯定是很差的。
留白區(qū)域能夠很好的指引用戶，如果元素過多，那么用戶的注意力會分散。留白能夠讓用戶盡快的尋找到所需要的信息，提高用戶體驗。
二、2018年優(yōu)秀網(wǎng)站設(shè)計案列
Minimalissimo 2
2. E-commerce theme
3.Personal Portfolio Site
4.Ben Hardman
5.ThoughtSpot
6.Wingnut & Co.
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è)計，不只會導(dǎo)致使用者在網(wǎng)站里迷航，更可能讓使用者對你的網(wǎng)站失去耐心與信心。
在RWD的時代，每一種網(wǎng)頁設(shè)計樣式都必須找到得以同時適應(yīng)電腦版與手機版的解決方案，成為當(dāng)前網(wǎng)頁設(shè)計師們的重要課題。許多過去很炫且視覺效果強烈的網(wǎng)頁設(shè)計，在RWD的考量下，不見得都可以繼續(xù)使用。設(shè)計師們必須找出同時可以符合RWD規(guī)范，又能具體呈現(xiàn)不同網(wǎng)頁設(shè)計風(fēng)格的作法。我們來看看有哪些成熟的RWD設(shè)計方式，能讓你的客戶在手機上順利瀏覽，同時增進網(wǎng)站流量。
1.漢堡選單(hamburger menu)
漢堡選單目前已廣泛作為手機版選單的設(shè)計模式，IBM官網(wǎng)則進一步將它發(fā)展成電腦版和手機版共用的選單樣式，并保留電腦版的主選單，使電腦版和手機版的操作習(xí)慣更為一致。
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è)歷史沿革。可RWD的時間軸必須能在電腦版和手機版正常呈現(xiàn)時序概念。
7.滑動表格
表格的呈現(xiàn)在RWD手機版中仍然是一件困難的事，很難想像如何在手機如此小的螢?zāi)划?dāng)中，要閱讀一張像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)頁，一個小小的箭頭就能幫助使用者回到頁首。
在線設(shè)計網(wǎng)站，有了這幾個網(wǎng)站，設(shè)計再也不用求人了
不知道從什么時候開始設(shè)計已經(jīng)不是一個很高深的專業(yè)，如果你是專門學(xué)習(xí)PS專門做平面設(shè)計的那么未來靠什么吃飯，不由不覺中陷入了冥想中...
想想那些年自己上學(xué)省吃儉用去學(xué)習(xí)，到現(xiàn)在能用到的時候幾乎沒有，最多就是公司改改發(fā)票，改改數(shù)字改改圖。那時候?qū)W習(xí)的什么摳圖，攝影師光影光線修復(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è)計，非常簡單方便。
點擊“模板中心”，你就可以看到各種不同類型的圖片模板，有信息圖、自媒體、活動推廣、營銷圖四種，可以說種類相當(dāng)豐富。
MAKA
H5 在線創(chuàng)作、海報制作、模板素材設(shè)計分享平臺，H5 已經(jīng)成為移動端營銷的主要方式之一，對于非專業(yè)人士來說，常常借助一些H5 在線創(chuàng)作平臺快速制作H5 頁面。本期，我們來看看H5 在線創(chuàng)作、海報制作平臺：MAKA。
對于設(shè)計小白來說，在MAKA上可以直接使用平臺提供的模板便捷修改，進行二次創(chuàng)作，快速生成自己作品。操作起來也非常便捷，打開MAKA在線編輯器，對選定的精美模板進行替換或修改，鼠標(biāo)輕輕拖拽即可進行圖文替換編輯，還可在模板中添加文字、圖片、音樂等元素，創(chuàng)作完成后即可分享。
Fotor懶設(shè)計
隨著微信公眾號、淘寶店、創(chuàng)業(yè)公司、自媒體等各類團體的發(fā)展，越來越多人開始有了制作廣告圖、活動宣傳圖片、文章配圖、海報等平面設(shè)計需求。但對于設(shè)計小白來說，學(xué)習(xí)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è)計師了！
推薦一個牛掰的設(shè)計網(wǎng)站，讓你的工作效率提高80%
為了讓你們能在領(lǐng)導(dǎo)面前秀一波操作，我決定給你們推薦一個非常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、圖標(biāo)、圖庫、配色、字體、工具、社區(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的教程，當(dāng)然還有 Conteplated 、Pixelmator 、Fireworks 等網(wǎng)頁設(shè)計教程。該網(wǎng)站吸引了超過10萬設(shè)計愛好者，幾乎每天的訪問量達300萬。
PS：這個網(wǎng)站的導(dǎo)航條其實是橫著的，我等了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也跟充電的圖標(biāo)差不多。設(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è)計。
如果你將鼠標(biāo)置于圖片上方，停頓一秒以后，會自動播放網(wǎng)站的效果，可以說很方便了。
3.Land-Book：https://land-book/
Land-Book——只收錄全球最佳設(shè)計網(wǎng)站。該網(wǎng)站上的設(shè)計網(wǎng)站值得所有設(shè)計師參考，它支持用戶創(chuàng)建賬號收藏自己喜歡的作品，作為靈感庫。
圖標(biāo)
1.Iconfont：http://iconfont/plus
Iconfont 又稱為“阿里巴巴矢量圖標(biāo)庫”——支持多種格式（SVG/AI/PNG）圖標(biāo)下載，圖標(biāo)可轉(zhuǎn)字體。這個網(wǎng)站大家都熟透了，我就不一一介紹了。
2.IconJar：https://geticonjar
IconJar——成套優(yōu)質(zhì)簡潔 Icon 素材免費下載。海量簡約圖標(biāo)任你下載，不過，下載了很多圖標(biāo)，找起來很麻煩？Iconjar 可以幫你解決這個問題。下載 IconJar 工具，打開之后如下圖（該軟件只能用MAC系統(tǒng)打開）：
操作步驟：打開 IconJar → 點擊【 “+” Add Icons】新建目錄 → 將你的圖標(biāo)全部導(dǎo)入新建的文件夾，命名。在你需要找 icon 的時候打開 IconJar ，直接把你想要的 icon 拖進這個界面，就可以快速找到你想要的 icon 了。是不是炒雞方便呢？這個時候需要去買個蘋果電腦了...
3.Icon Store：https://iconstore.co/
Icon Store——一流設(shè)計師出品的精美 icon。28種常用的圖標(biāo)類型，用來做PPT足矣。有的圖標(biāo)還可以拿來做表情包~
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è)平臺。找素材的同時還能學(xué)攝影，一舉兩得啊。
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種配色方案，任你挑選。鼠標(biāo)靠近“小水滴”的時候，會自動出現(xiàn)色值。
相關(guān)閱讀：7種配色方案
字體
1.Myfonts：http://myfonts/
Myfonts——字體設(shè)計靈感。這個網(wǎng)站適合手動黨（想自己設(shè)計字體的人）尋找靈感，不過都是英文字體，我們可以學(xué)習(xí)它呈現(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，先定個小目標(biāo)：1年后做出這樣的效果。
社區(qū)
1.Zcool：http://zcool/
站酷——國內(nèi)設(shè)計師學(xué)習(xí)和交流的平臺。深耕設(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)容，作品風(fēng)格多樣，涉及使用行業(yè)廣泛。喜歡插畫的小伙伴可以去吸一波圖了！
必看
1.Dribbble：https://dribbble/
Dribbble——全球優(yōu)秀設(shè)計師最佳交流展示平臺。該網(wǎng)站上的設(shè)計偏 UI ，其畫風(fēng)也是最流行的，我特別喜歡這個網(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ì)量超級高，導(dǎo)致網(wǎng)頁打開非常極度異常緩慢，除此之外我都很滿意！
3.花瓣：http://huaban/
花瓣——優(yōu)美圖集，點亮靈感?；ò昕梢哉f是圖片素材領(lǐng)導(dǎo)者，幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物，不得不說激發(fā)了老夫的少女心。
看完這篇文章，你只需要記住 See seed 就夠了，趕緊給自己的收藏夾瘦個身吧。不過，你可能會問我：這些跟PPT有什么關(guān)系？其實，學(xué)設(shè)計不僅要學(xué)習(xí)生硬的知識，還需要拓寬自己的視野，這樣你的靈感才不會枯竭。
以上網(wǎng)站都不需要翻墻，如果你打不開網(wǎng)頁，請檢查你的網(wǎng)絡(luò)。
驚艷！著名網(wǎng)站重新設(shè)計的10個經(jīng)典案例
當(dā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的標(biāo)識色黃色，并應(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ā)，原本置于頂端的導(dǎo)航欄被移動到下方，并且可以像抽屜一樣打開，這可能是這一重設(shè)最為亮眼的地方。Ayman Shaltoni對Google的重新設(shè)計
NO.7BBCMicheal Coyle也認為圖片是最抓人眼球的。他重新設(shè)計BBC的首頁的時候同樣選擇了將圖片作為呈現(xiàn)的主體，去除大量的文字堆砌，更加直觀。左側(cè)的側(cè)邊欄替代原本BBC網(wǎng)站上各個區(qū)塊的標(biāo)題，整合度更高。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è)計顯得更加清晰，又不失其簡約風(fēng)格的神韻。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è)計風(fēng)格，藍色與白色的色塊來承載文字信息，與圖片錯落混排，效果極為養(yǎng)眼。深色的側(cè)邊欄與頂部的藍色導(dǎo)航欄，也同樣形成色彩對比，清晰明了。Fred Nerby對Facebook的重新設(shè)計
看完這些重新設(shè)計的方案，你有沒有受到啟發(fā)呢？來源：優(yōu)設(shè)網(wǎng) 陳子木 http://uisdc/redesign-examples-of-websites
高端網(wǎng)站設(shè)計：9個排版超贊的網(wǎng)站分享
技巧也學(xué)習(xí)一點的了，今天小編就分享一點干貨了，這幾個英文站在UI設(shè)計方面做得很好的，我覺得一個網(wǎng)站在搭建的初期就應(yīng)該好好地策劃下整體的一個感受以及設(shè)計會不會給程序帶來負擔(dān)，當(dāng)然前端與后臺的交流是分不開的，下面的這九組福利還是很不錯的，小編在周末放假的第一天也并沒有閑著，風(fēng)享ui設(shè)計、時尚設(shè)計、APP設(shè)計等等時尚設(shè)計就是我的樂趣，對此我樂此不疲，小編也是需要學(xué)習(xí)的不然肯定會被慢慢超越的，建議多關(guān)注的設(shè)計博主分享，歡迎關(guān)注--樂活大器姐，就算是刷刷頭條也可以學(xué)習(xí)何樂不為呢，趁著年輕多學(xué)習(xí)才會更加的好，小編這里提醒各位小假期也不要忘記學(xué)習(xí)呀！9個精美的公司、工作室網(wǎng)站分享給你，讓你的創(chuàng)意靈感在周末假期也換換氣。
樂活大器姐-時尚UI設(shè)計越學(xué)越樂活，歡迎關(guān)注小編哦！每天閱讀一點點，設(shè)計角度多一點點！
本頁內(nèi)容為企業(yè)、個人自主上傳或來源網(wǎng)絡(luò)，所有資料僅供用戶參考；我單位不對其版權(quán)負責(zé)、不保證亦不表示本網(wǎng)的資料全面及準(zhǔn)確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害，我單位將不會負任何法律責(zé)任。
