業(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)站保駕護航。
極簡網(wǎng)站怎么設(shè)計？這20個設(shè)計師作品集網(wǎng)站給你靈感
在網(wǎng)頁設(shè)計這個事情上，大的趨勢總會在很長的一個時間尺度上發(fā)揮作用，就像極簡的設(shè)計風格，似乎還沒有一個其他的設(shè)計趨勢或者風格能夠完全地將它替代掉。好在極簡主義這個大的設(shè)計風格體系之下，設(shè)計師常常能夠合理的加入一些個人的想法和獨特的元素，來營造出讓人難忘的體驗，而這也使得每個月的設(shè)計師作品集網(wǎng)站推薦，每次都能夠拿出讓人值得學(xué)習借鑒的新東西出來。
Bruno Ferdinand
Bruno Ferdinand 是一位在字體設(shè)計上有著突出技巧的設(shè)計師，他的作品集網(wǎng)站中不僅能夠體現(xiàn)他在字體排版上的獨特想法，而且還表現(xiàn)出他近乎強迫癥的時尚口味傾向。整個網(wǎng)站的設(shè)計簡約，美觀，質(zhì)樸也令人難忘。
Yumpic
其實 Yumpic 這個名字應(yīng)該就已經(jīng)反映出這個網(wǎng)站的屬性了：它是專門用來分享美食的圖片和視頻的。對于想要創(chuàng)建完美 Instagram 帳號的用戶，美食博主和食品相關(guān)從業(yè)者而言，這個博客所提供的內(nèi)容是非常不錯的。整個網(wǎng)站保持風格簡約的同時，巧妙地將個性化的元素和圖片穿插使用，營造出相對獨特的體驗。
Duane Dalton
Duane Dalton 的作品集很明顯地凸顯出他的工作屬性，作為一個和平面印刷打交道的設(shè)計師，他的作品集簡約而統(tǒng)一，在美感上感覺還有提升的空間。
Kenta Toshikura
Kenta Toshikura 的網(wǎng)站是最典型的極簡主義設(shè)計風格，網(wǎng)站在功能上明顯是以展示為主，在視覺設(shè)計和排版上沒有采用一些很獨特的技巧，不過借助3D效果倒是意外的讓人覺得很有趣。
Ellen Mandemaker
說實話，打開 Ellen Mandemaker 的這個網(wǎng)站，我一時半會沒有搞明白網(wǎng)站的功能到底是什么。不過根據(jù)我的經(jīng)驗，網(wǎng)站的內(nèi)容呈現(xiàn)更接近于是藝術(shù)表達，而非設(shè)計作品展示。作為一個靜態(tài)網(wǎng)站，網(wǎng)站在展示不同的藝術(shù)作品上，還是非常有條理的，更重要的是，風格非常的令人討喜，讓人忍不住持續(xù)地瀏覽下去。
No Plans
No Plans 是一個單頁的作品集網(wǎng)站，干凈的設(shè)計和嚴謹?shù)某尸F(xiàn)方式，使得內(nèi)容給人感覺相當不錯。有意思的是，在文本排版上，No Plans 還采用了相對少見的首行縮進。
Lab101
Lab 101 這個網(wǎng)站的整個設(shè)計是相當極簡而現(xiàn)代的，網(wǎng)站中絕大多數(shù)的設(shè)計都比較穩(wěn)健，比較有意思的地方在于你進入之后，鼠標光標的樣子會發(fā)生改變，而「聯(lián)系」頁面中會包含一些有趣的3D動畫。
Studio Bjrk
Studio Bjrk 整個網(wǎng)站除了彩色的圖片，其他的元素都是簡單的黑白雙色構(gòu)成的，水平滾動布局是相對非常規(guī)的設(shè)計，不過滾動瀏覽的體驗倒是出乎意料的順暢自然，結(jié)合恰到好處的動效和幾個背景視頻，整個網(wǎng)站難得地在保持簡約的同時，還具備了相當不錯的動感。
Juul Hondius
許多設(shè)計師在設(shè)計作品集網(wǎng)站的時候會參考雜志式的排版，而 Juul Hondius 所呈現(xiàn)出來的，就像是一個略顯古老的雜志布局，緊密的字間距和漂亮的攝影，整體氛圍頗為懷舊，但是信息傳達也無比的準確、集中。
Thu-Van Tran
Thu-Van Tran 的網(wǎng)站設(shè)計帶有一些粗野主義的風格，網(wǎng)站在視覺上提供了清晰無比的圖層，上下層之間的關(guān)系在視覺上表現(xiàn)得非常清晰。設(shè)計師借助簡單的布局和有趣的排版，讓它脫穎而出。
Aristide Benoist
Aristide Benoist 將柵格和微妙的延遲動效結(jié)合到了一起，黑白紅這種極具視覺沖擊力的配色之下，網(wǎng)站呈現(xiàn)出一種極具特色的視覺美感，和順滑的瀏覽體驗。
Datagif
Datagif 無疑是非常喜歡非襯線字體，網(wǎng)站在相對標準的布局之下還融入了幾何圖形元素，無論是在視覺還是在個性上，都做的頗為不錯。
Handsome
Handsome 的網(wǎng)站風格很像5年前所流行的那種，襯線明顯的字體，黑暗的圖片背景，和幾乎不可見的裝飾性的細線，本身就帶有懷舊的質(zhì)感，平面設(shè)計的感覺也極為濃郁。
Sister
Sister 是一個非常典型的設(shè)計機構(gòu)的網(wǎng)站，網(wǎng)站的設(shè)計風格不僅極簡，而且運用到了非對稱式的布局，整體感覺現(xiàn)代性極強，簡單，但是令人印象深刻。
Makers and Allies
Makers and Allies 是一個頗為傳統(tǒng)的品牌設(shè)計工作室，動效被加入之后，整個網(wǎng)站質(zhì)樸的美學(xué)特征和現(xiàn)代的技術(shù)之間達到了恰到好處的平衡。如果網(wǎng)站在對比度上能夠更顯著一點，會更好。
Bipolar Studio
Bipolar Studio 將時下流行的動效設(shè)計、現(xiàn)代主義美學(xué)和經(jīng)典的字體融入到自家的網(wǎng)站設(shè)計當中，他們的作品絕大多數(shù)是視頻，這也使得視頻成為了整個設(shè)計當中最為重要的元素。每個項目的結(jié)尾，都有項目完成時長的統(tǒng)計數(shù)據(jù)，這個數(shù)據(jù)倒是非常具有參考價值。
Akins Parker
Akins Parker 的網(wǎng)站感覺像是使用 PowerPoint 制作的，大量的圖片作品基本都是用來展示的，本身并不具備明顯的功能性。
Ian Jones
Ian Jones 的作品集網(wǎng)站在設(shè)計的時候借助了柵格系統(tǒng)，不過在視覺上并不可見。網(wǎng)站在風格上不僅現(xiàn)代，而且給人以冷峻的感覺，非常有調(diào)性。
Michael Uloth
Michael Uloth 確實是一個難能可貴的多面手，當他不忙于歌劇演唱的時候，會給別人設(shè)計頗為具有藝術(shù)氣質(zhì)的網(wǎng)站，而他自己的作品集網(wǎng)站也非常的簡約和漂亮。
Lasse Flde
Lasse Flde 是一個攝影工作室，他們的作品被集中放在這個單頁網(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)紅,每周都會定量更新，照片都是有專人在眾多圖片中精心挑選而來的。
當然，最重要的還是提供強大的篩選功能，可以按搜索熱度，按顏色等來篩選圖片,可以下載各種各樣的原圖尺寸。
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)站里面的圖片風格大多十分怪異，換個詞說叫特別有藝術(shù)感。這個網(wǎng)站下載圖片也是非常方便的，鼠標右鍵選擇保存即可，如需使用，最好標明來源和作者。
07
WEAVESILK
http://weavesilk
Weavesilk這個圖片網(wǎng)站有點奇特
Weavesilk它不提供圖片，只提供畫筆，你可以使用它為你準備的幾種顏色的筆，輕松地畫出非常抽象，充滿科技感的圖片。
08
FINDA
http://finda.photo
FindA.Photo是根據(jù)圖片顏色和標簽來搜圖的網(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è)計配圖相當有逼格。
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 」國外免費圖庫是一個相當值得尋找素材的好地方，網(wǎng)站出自一位女性設(shè)計師、攝影師、網(wǎng)站開發(fā)者 Karolina，Kaboompics 至今已收錄超過 5,000 張相片。這些素材都能被自由下載、免費使用于個人或商業(yè)專案用途，無論是博客、社交網(wǎng)站、制作 HTML 或 PSD 模版、裝飾你的PPT幻燈片，甚至可用在印刷，都不必擔心法律問題。
13
STOCKSNAP
https://stocksnap.io/
StockSnap是一個提供可自由使用的高清圖片網(wǎng)站
StockSnap是一個提供可自由下載使用的高清晰攝影圖片作品的素材庫，所提供的資源相當實用，網(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)站上的圖像資源很好的，不僅有圖片，還有各式插畫、矢量畫、且用起來相當簡單與便捷。同樣，該網(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 / ————
時裝設(shè)計師最愛的9個網(wǎng)站｜拿走不謝
時裝設(shè)計師們源源不斷的靈感都從哪里來？他們平時都是如何快速獲得全面的時尚資訊和流行趨勢，又是從哪里得到高清的秀場圖片的？
以上的這些問題小伙伴們或多或少都會有些疑問吧。今天我們就來盤點下設(shè)計師們平時到底都愛看哪些網(wǎng)站。
潘通色卡
pantone
【必看理由】
權(quán)威流行色彩發(fā)布、標準色卡
不久前剛公布的2016年的流行色靜謐藍（Serenity）和粉晶色（Rose Quartz）小伙伴們不知道有沒有開始置辦起來了？說到每年的流行色，正是由色彩權(quán)威機構(gòu) Pantone發(fā)布的。
潘通色卡是享譽世界的涵蓋印刷、紡織、塑膠、繪圖、數(shù)碼科技等領(lǐng)域的色彩溝通系統(tǒng)，已經(jīng)成為事實上的國際色彩標準語言。
看著Pantone官網(wǎng)的海報，真是小清新指數(shù)爆表。
VOGUE / style
vogue
海量高清秀場大圖，最快最全的時尚資訊
說起時尚雜志，恐怕大多數(shù)人首先想到的就是VOGUE。
VOGUE創(chuàng)刊于1892年，是世界上歷史悠久廣受尊崇的一本綜合性時尚生活類雜志。雜志內(nèi)容涉及時裝、化妝、美容、健康、娛樂和藝術(shù)等各個方面，被譽為“時尚圣經(jīng)”。目前已在全球共計21個國家和地區(qū)出版發(fā)行。
小伙伴們非常喜歡的Style現(xiàn)在已經(jīng)和VOGUE官網(wǎng)合并成了一個網(wǎng)站。由于Vogue與Style以及全球康泰納仕新媒體就關(guān)于秀場圖片及視頻的特別合作關(guān)系，我們能夠在VOGUE官網(wǎng)獲得最快最全的時裝周秀場報道，海量的秀場高清大圖，并能看到國際頂級設(shè)計師、評論家及博主的獨家專欄和各類高質(zhì)量的原創(chuàng)內(nèi)容。
GQ
gq
海量高清男裝秀場圖，展現(xiàn)精致男士生活
Gentlemen’s Quarterly，簡稱GQ ，它與VOGUE同是康泰納仕出版的時尚雜志，內(nèi)容關(guān)于時尚、風格、時事及男人事物。如果說VOGUE是女人必看的時尚圣經(jīng)，那么GQ則當仁不讓是男人必讀的時尚雜志TOP1。
GQ每期呈現(xiàn)世界知名設(shè)計師的最新時尚、精彩軼事、最新的趨勢，報導(dǎo)頂尖運動員、刊出最炙手可熱的女明星照片，介紹美食和最熱門的旅游地點，以及最好的健康、健美塑身和性的建議。GQ官網(wǎng)也收錄了海量秀場高清圖。
WGSN / Stylesight
wgsn
全面時尚資訊收集、準確流行趨勢預(yù)測
WGSN的前身是Stylesight。Stylesight是一個專門提供時尚資訊的信息平臺。擁有時尚圈內(nèi)經(jīng)驗豐富的資深業(yè)務(wù)團隊，提供涉及時尚設(shè)計、潮流分析、預(yù)測、報導(dǎo)、營銷和服裝生產(chǎn)等各領(lǐng)域的第一手信息。
從設(shè)計開發(fā)到商業(yè)運作，Stylesight對時尚產(chǎn)業(yè)了如指掌。Stylesight的圖片庫擁有400多萬張女士、男士和兒童時尚系列的圖片以及室內(nèi)裝潢設(shè)計圖片，這些圖片來自世界各地的設(shè)計師系列。
設(shè)計師沒靈感？不用擔心，去Stylesight的圖片庫看看，總能找到你想要的。
BoF
businessoffashion
權(quán)威的時尚商業(yè)資訊及行業(yè)情報分析
The Business of Fashion，簡稱BoF，是在當今全球互聯(lián)時代中誕生的新一代時尚媒體公司。公司以其權(quán)威、嚴謹和屢獲殊榮的新聞報道而為大眾所熟知。
要fashion，只停留在表面怎么夠？如果想看高質(zhì)量的時尚商業(yè)新聞和權(quán)威的行業(yè)情報分析，BoF是個不錯的選擇。而且現(xiàn)在BoF已經(jīng)有了中文版，更加方便了中國讀者的閱讀。
WWD
wwd
女性時尚圣經(jīng)，全面的時尚商業(yè)資訊
Womens'Wear Daily簡稱：WWD，被譽為“時尚圣經(jīng)”，是極具權(quán)威的國際性時尚報刊，提供時尚、T臺、配飾、時尚市場、商業(yè)、零售工業(yè)、女性時尚、紳士社區(qū)等時尚商業(yè)資訊。
說起“時尚圣經(jīng)”這個名頭，不得不又提到前文說過的VOGUE。二者都備受贊譽，卻各有重點。VOGUE更傾向于時尚，而WWD則更傾向于時尚商業(yè)資訊。
StreetPeeper
streetpeeper
搜羅全球各地街拍，感受各色時尚風格
StreetPeeper是全球著名的街拍網(wǎng)站，時尚衣著風格及充滿特色的街頭文化，從紐約到悉尼，倫敦到巴黎、東京到首爾……通過這里幾乎可以看到全世界的時尚風格。在官網(wǎng)可以看到數(shù)十個城市的街拍搭配，從中窺探滲透到時尚中的文化差異，也是別有一番滋味。
海報網(wǎng)
fashion.haibao
中國本土領(lǐng)先的時尚類網(wǎng)站
提到中國本土的時尚網(wǎng)站，海報網(wǎng)是一定要拿出來講一講的。
海報網(wǎng)正式創(chuàng)建于2007年，獨立開創(chuàng)了全新的中文類時尚互動媒體形式，它集聚時尚張力，匯集第一線的潮流資訊，并持續(xù)提供令人目不暇接的生活好品味。
鏈尚網(wǎng)
lianshang
全球面輔料交易平臺，一站式采購
從那么多的時尚網(wǎng)站汲取了源源不斷的靈感和專業(yè)知識，那么接下來就是要把自己的想法、理念付諸實際啦。
那么，設(shè)計師們該通過什么渠道快速、高效地獲得自己想要的面輔料呢？答案當然是——鏈尚網(wǎng)。
鏈尚網(wǎng)是全球面輔料交易平臺。網(wǎng)站積極響應(yīng)互聯(lián)網(wǎng)+趨勢，將線下的面輔料全面整合到線上的平臺進行交易，供應(yīng)商貨源遍及全球，讓廣大設(shè)計師們和面輔料采購人員真正能做到“足不出戶，全球采購”。
網(wǎng)頁設(shè)計：高雅白打造極致的官方網(wǎng)站
一般使用白色作為主色調(diào)的網(wǎng)站設(shè)計都是非常簡潔、干凈和優(yōu)雅的，而且白色大部分人都喜歡使用，包括現(xiàn)在實生活中的建筑設(shè)計。白色是全部可見光均勻混合而成的，稱為全色光，是光明的象征色。白色明亮、干凈、暢快、樸素、雅致與貞潔。但它沒有強烈的個性，不能引起味覺的聯(lián)想，但引起食欲的色中不應(yīng)沒有白色，因為它表示清潔可口，只是單一的白色不會引起食欲而已。
白色在網(wǎng)頁設(shè)計中的重要性
很多人以為使用白色是很枯燥、沒有創(chuàng)意或者是很老土，但是很多設(shè)計師使用白色創(chuàng)造出很多優(yōu)秀的設(shè)計作品。
而使用白色不一定是”極簡的”，極簡主義并不依賴于任何特定的顏色。同樣，”空白”也并不一定非要是在元素周圍使用白色。你——設(shè)計師必須做出選擇。
白色有著很好的拓展空間，適當白色可以非常棒的點亮一個設(shè)計，可以讓暗色的色調(diào)，比如紅色、綠色、藍色和紫色看起來更醒目。
白色的背景文化
白色的顏色，象征著和平和諧的社會。白色是非常廣泛的應(yīng)用在基督教，有著純凈，真實的，高貴的象征。
在西方，特別是歐美，白色是結(jié)婚禮眼的色彩，表示愛情的純潔與堅貞。但在東方，卻把白色作為喪色。
網(wǎng)頁設(shè)計中使用白色的好處
我想很多人都同意，說白了就是一個干凈，純潔的形象。但大多數(shù)網(wǎng)頁設(shè)計不就是為了這個目標嗎？網(wǎng)站簡潔干凈，而且有效的組織內(nèi)容和元素，這就是我們常說的簡潔的網(wǎng)頁設(shè)計。
接下來我們看看一些優(yōu)秀的白色的網(wǎng)頁設(shè)計例子，看看設(shè)計師們是如何利用白色空間、如何排版和配色的。
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)電腦版與手機版的解決方案，成為當前網(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)怀叽纾粊碓陔娔X或行動裝置都可以貼齊邊界，二來大背景可以呈現(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)頁，一個小小的箭頭就能幫助使用者回到頁首。
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)。歡迎留言交流！
驚艷！著名網(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ā)，原本置于頂端的導(dǎo)航欄被移動到下方，并且可以像抽屜一樣打開，這可能是這一重設(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è)邊欄與頂部的藍色導(dǎo)航欄，也同樣形成色彩對比，清晰明了。Fred Nerby對Facebook的重新設(shè)計
看完這些重新設(shè)計的方案，你有沒有受到啟發(fā)呢？來源：優(yōu)設(shè)網(wǎng) 陳子木 http://uisdc/redesign-examples-of-websites
一個網(wǎng)頁設(shè)計靈感資源，展示了來自世界各地設(shè)計師非常喜歡的網(wǎng)站
Httpster是一個提供網(wǎng)頁設(shè)計靈感資源，并展示了來自世界各地設(shè)計師非常喜歡的網(wǎng)站。在設(shè)計網(wǎng)頁時我們會找大量國內(nèi)設(shè)計靈感的資源網(wǎng)站，很可惜的國內(nèi)很多設(shè)計平臺網(wǎng)站上面，有時更本找不到我們想要同類的設(shè)計參考資源，所以我們就會尋求國外的設(shè)計網(wǎng)站平臺，例如兩個最用的：Behance、dribbble，這兩個網(wǎng)站雖然有很多大量的的優(yōu)秀作品，但是不是單一選項的，是匯聚各種類別設(shè)計。Httpster完全就不一樣了，這個網(wǎng)站就是匯聚大量網(wǎng)頁設(shè)計這個單一類別的，你會存在UI移動端設(shè)計、平面設(shè)計、以及交互設(shè)計等。
小編每一次都會重復(fù)一件事，只要是國外網(wǎng)站小編都是通過谷歌瀏覽器進行中文翻譯后使用，希望大家能夠使用谷歌瀏覽器進瀏覽欣賞。以及還有在文章底部會有小編瀏覽網(wǎng)站的上手視頻。
Httpster網(wǎng)站地址鏈接如下
https://httpster/2017/sep/
網(wǎng)站內(nèi)部分網(wǎng)頁封面細節(jié)效果展示
上手視頻推薦觀看（覺得好的mbg背景音樂可以推薦給小編，謝謝）
【只分享最優(yōu)秀的設(shè)計作品，最全面的設(shè)計網(wǎng)站，最實用的設(shè)計工具，最快捷方便使用的設(shè)計素材，在瀏覽使用小編的文章中鏈接打不開，或者網(wǎng)站中免費素材不能下載請聯(lián)系小編。關(guān)注給我私信，評論下留言】
2018年網(wǎng)站設(shè)計趨勢，值得一看！
如今網(wǎng)站已經(jīng)變得十分普及，你的同行一般都有網(wǎng)站。那么究竟怎樣才能讓使你的網(wǎng)站脫穎而出呢？首先你需要一個自助建站平臺來制作你的網(wǎng)站，如：又快又好智能建站。其次你需要了解2018年網(wǎng)站設(shè)計的趨勢，這樣才能確保你制作的網(wǎng)站能跟上時代。小智最近瀏覽了一些有設(shè)計亮點的國外網(wǎng)站，也看了一些文章，以下五點供大家參考。
一、添加裝飾性細節(jié)
極簡、留白、清新的設(shè)計風格已經(jīng)流行了很長一段時間，但是在2018年要重視裝飾性設(shè)計細節(jié)。特別是幾何形狀和圖標。它們可以為網(wǎng)站上重點區(qū)域增加視覺聚焦點，同時讓網(wǎng)站顯得更加好看。
裝飾性細節(jié)小智提醒：“一切東西都需要適當”。我們要確保這些裝飾性細節(jié)的加入是為了增加我們的視覺聚焦點，而不是分散我們用戶的注意力。
二、打破網(wǎng)站（布局）規(guī)則
新潮的網(wǎng)站正在逐漸改變用戶的瀏覽習慣。就拿導(dǎo)航來說，傳統(tǒng)的導(dǎo)航都是在網(wǎng)站頂部橫向排列，這樣雖然也很不錯，但我們不妨也嘗試個性化導(dǎo)航。這樣能使你制作的網(wǎng)站讓用戶“耳目一新”。
打破網(wǎng)站布局規(guī)則所以自2018年起，越來越多的網(wǎng)站會打破布局規(guī)則，變得更加時尚和個性化（大家可以想象一下雜志的設(shè)計思路）。
比如：
1、不同尺寸大小，自由搭配頁面
2、不對稱的布局方式
3、各種內(nèi)容（文字、視頻、圖片）都同時存在于一個界面
小智提醒：打破固有的布局規(guī)則確實能使我們的網(wǎng)站顯得更加個性，但是千萬不能設(shè)計得讓用戶半天都找不到想要點擊的內(nèi)容。如果要非要在個性與用戶體驗度間做個選擇的話，我勸你還是選擇后者。
三、多元化的動畫效果
網(wǎng)站動畫的交互性使網(wǎng)站變得更加吸引人，同時提升訪問者的瀏覽時間。而網(wǎng)站動畫在前幾年就有了，但傳統(tǒng)的動畫效果過于單一，未來多元化的網(wǎng)站動畫或?qū)⒊蔀槲磥碲厔荨?/p>多元化的動畫效果
比如：
1、視差滾動效果
2、頁面之間的轉(zhuǎn)換效果
3、元素或者模塊間的動畫效果
4、鼠標懸停動畫效果
5、自定義動畫（又快又好自助建站里模塊自帶的動畫）
小智提醒：在網(wǎng)站中不要過度的加入動畫效果，這樣會增加負荷，延長網(wǎng)站打開時間。
四、視頻和3D效果
將視頻或者3D效果融入到網(wǎng)站中。比如，你的產(chǎn)品的每一個角度都能展示給用戶，這樣會有多吸引人。
小智提醒：盡管視頻或3D效果會使我們的網(wǎng)站看上去很高端，但是視頻內(nèi)容、位置擺放和視頻大小同樣關(guān)鍵。
五、顏色上的突破
2017年從柔和的小清新色到充滿活力的暖色，再到漸變色和極簡色，網(wǎng)站流行的色調(diào)一直在變。當然黑白相間的風格永遠不會過時。而在2018年，一種特殊的顏色：紫羅蘭色，正在逐漸的流行起來！
總結(jié)：2018年的網(wǎng)站設(shè)計趨勢，基本上都是打破常規(guī)、提倡原創(chuàng)，這樣使得網(wǎng)站變得更加個性化。
一個網(wǎng)頁設(shè)計靈感資源，展示了來自世界各地設(shè)計師非常喜歡的網(wǎng)站
Httpster是一個提供網(wǎng)頁設(shè)計靈感資源，并展示了來自世界各地設(shè)計師非常喜歡的網(wǎng)站。在設(shè)計網(wǎng)頁時我們會找大量國內(nèi)設(shè)計靈感的資源網(wǎng)站，很可惜的國內(nèi)很多設(shè)計平臺網(wǎng)站上面，有時更本找不到我們想要同類的設(shè)計參考資源，所以我們就會尋求國外的設(shè)計網(wǎng)站平臺，例如兩個最用的：Behance、dribbble，這兩個網(wǎng)站雖然有很多大量的的優(yōu)秀作品，但是不是單一選項的，是匯聚各種類別設(shè)計。Httpster完全就不一樣了，這個網(wǎng)站就是匯聚大量網(wǎng)頁設(shè)計這個單一類別的，你會存在UI移動端設(shè)計、平面設(shè)計、以及交互設(shè)計等。
小編每一次都會重復(fù)一件事，只要是國外網(wǎng)站小編都是通過谷歌瀏覽器進行中文翻譯后使用，希望大家能夠使用谷歌瀏覽器進瀏覽欣賞。以及還有在文章底部會有小編瀏覽網(wǎng)站的上手視頻。
Httpster網(wǎng)站地址鏈接如下
https://httpster/2017/sep/
網(wǎng)站內(nèi)部分網(wǎng)頁封面細節(jié)效果展示
上手視頻推薦觀看（覺得好的mbg背景音樂可以推薦給小編，謝謝）
【只分享最優(yōu)秀的設(shè)計作品，最全面的設(shè)計網(wǎng)站，最實用的設(shè)計工具，最快捷方便使用的設(shè)計素材，在瀏覽使用小編的文章中鏈接打不開，或者網(wǎng)站中免費素材不能下載請聯(lián)系小編。關(guān)注給我私信，評論下留言】
本頁內(nèi)容為企業(yè)、個人自主上傳或來源網(wǎng)絡(luò)，所有資料僅供用戶參考；我單位不對其版權(quán)負責、不保證亦不表示本網(wǎng)的資料全面及準確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害，我單位將不會負任何法律責任。
