網(wǎng)站設(shè)計(jì)

Website development

2017年3月設(shè)計(jì)圈實(shí)用干貨大合集

發(fā)布時(shí)間：2017-03-16 10:58:50

三月設(shè)計(jì)圈干貨到貨了！設(shè)計(jì)圈干貨大合集匯集了每個(gè)月新的、熱門的設(shè)計(jì)/開發(fā)資源和工具，從幫你一步到位的代碼片段到上手可用的漂亮字體，一應(yīng)俱全，品類多樣，覆蓋全面。

這次的合集和以往相同，幾乎所有的資源都是免費(fèi)的，少數(shù)收費(fèi)的也是物超所值。

TASKADE

Taskade 能讓你以更簡(jiǎn)單的方式來創(chuàng)建列表，做記錄，組織任務(wù)。無需注冊(cè)，你就可以同他人進(jìn)行分享。此外，它還有谷歌瀏覽器插件。

SLIDES 3

Slides 3 是一款超級(jí)好用的網(wǎng)站搭建工具，它能夠幫你制作出漂亮的頁面，其中所采用的模塊和工具套件非常的強(qiáng)健。Slides 3 中包含超過180個(gè)自定義元素，每個(gè)組件都帶有動(dòng)效，所以，你可以輕松搞定各種各樣的網(wǎng)頁。

CLEAN MY FORKS

Clean My Forks 是一款免費(fèi)的清理工具，但是它不是清理別的東西，而是你的Github項(xiàng)目的無用的舊分支，還給你一個(gè)清晰明了的配置文件。

RATIO BUDDY

Ratio Buddy 這個(gè)比例控制工具能夠幫你精準(zhǔn)的控制比例尺寸，并且生成合理可用的代碼。

XVG

Xvg 是一款谷歌瀏覽器插件，幫你調(diào)整SVG格式圖片的路徑。在這個(gè)工具中，SVG格式文檔會(huì)顯示出定位點(diǎn)和控制柄，供你調(diào)整。

KNOW IT ALL

Know It All 是一個(gè)大型的網(wǎng)頁設(shè)計(jì)知識(shí)庫，其中涵蓋了大量的網(wǎng)頁設(shè)計(jì)和開發(fā)的知識(shí)，你能在這里測(cè)試自己的相關(guān)知識(shí)量，并且學(xué)習(xí)更多相關(guān)知識(shí)。

FMAN

Fman 是一款用來幫你更加便捷的管理文檔的工具，有點(diǎn)像 Steroids 上的GoTo，它會(huì)幫你直接跳過目錄查找文件夾中的內(nèi)容，它會(huì)智能化的分析文件經(jīng)常被放置的目錄，并且為你提供合理化的建議。目前這款工具適用Windows、OSX和Linux 三大主流平臺(tái)。

WEBGRADIENTS

漸變作為設(shè)計(jì)趨勢(shì)再一次回歸網(wǎng)頁設(shè)計(jì)界，WebGradients 這個(gè)網(wǎng)站給你大把的選項(xiàng)，供你探索漸變?cè)诰W(wǎng)頁中的運(yùn)用。你可以在這里調(diào)校好了，直接復(fù)制CSS3代碼，并且在你的網(wǎng)站中使用。

COLORME

ColorMe 讓 CSS 中的色彩功能以視覺化的方式實(shí)現(xiàn)出來，你可以更輕松的進(jìn)行調(diào)整。你所需要做的就是輸入你想要使用的色彩的代碼，然后調(diào)整外觀，獲取代碼，應(yīng)用到你的設(shè)計(jì)中去。

YOUR PERFECT CARDS!

這段免費(fèi)下載的HTML/CSS代碼能夠幫你實(shí)現(xiàn)帶有微交互的卡片動(dòng)效。一段代碼能幫你搞定時(shí)下流行的設(shè)計(jì)元素！

VAUNT

我們總想知道色彩在實(shí)際項(xiàng)目中運(yùn)用會(huì)是什么樣的，而Vaunt 這款工具就是幫我們搞定這個(gè)問題的。Vaunt 能夠借助算法分析圖片中主要的配色是哪幾種顏色，然后生成配色方案。它甚至可以微調(diào)出近似的配色，創(chuàng)建更為合理的配色方案。

OUTDOOR ADVERTISING SCREEN MOCKUP

有時(shí)候?yàn)榱送茝V你的網(wǎng)站或者產(chǎn)品，你需要做一些戶外廣告，那么你所設(shè)計(jì)的海報(bào)在街頭的戶外廣告屏幕上看起來是什么樣子呢？這個(gè)完全分層的PSD視覺稿能夠?yàn)槟愠尸F(xiàn)效果。

JUMP

Jump 能夠通過學(xué)習(xí)你的使用習(xí)慣，而幫你更快的瀏覽文件系統(tǒng)。它將自身集成到Shell中，并且構(gòu)建出你常使用的目錄的數(shù)據(jù)庫，這樣你可以使用模糊搜索快速跳轉(zhuǎn)到特定的項(xiàng)目~

VIVUS INSTANT

Vivus Instant 能夠不借助JS而幫你繪制出漂亮的描邊效果。你所需要做的就是將相應(yīng)的SVG格式文件托拽進(jìn)來，然后通過選項(xiàng)來制作描邊即可。

HDR EFFECT PHOTOSHOP ACTION

如果你想在PS修圖的時(shí)候，一鍵生成HDR效果的話，那么一定不要錯(cuò)過這個(gè)PS動(dòng)作。

THE APP LAUNCH CHECKLIST

你是否已經(jīng)準(zhǔn)備好發(fā)布你的第一個(gè)APP了？想繞開APP發(fā)布的諸多常見陷阱和問題，那么你可以試試這個(gè)工具，它會(huì)幫你創(chuàng)建可以自定義的發(fā)布計(jì)劃，集中保存。

FREE APPLE MOCKUPS

一些素質(zhì)優(yōu)秀的視覺稿能夠讓你的設(shè)計(jì)在展示的時(shí)候事半功倍，所以手頭隨時(shí)存一些素質(zhì)過硬的視覺稿PSD是相當(dāng)有必要的！這一波免費(fèi)視覺稿套件是主要針對(duì)蘋果設(shè)備的，包含iPhone、iPad和Mac，上手快，功能完備。

BLACK CORPORATE MOCKUPS

并不是所有人都喜歡白色色調(diào)的視覺稿，而這款黑色系的視覺稿就是為了滿足這一部分用戶而存在的。

F37 FOUNDRY

F37 Foundry 是一款在線的字體測(cè)試工具，它可以讓設(shè)計(jì)師在Chrome和Safari瀏覽器中測(cè)試字體在不同大小、粗細(xì)、尺寸、角度、色彩下的效果。

REFLECT

Reflect 能夠非常輕松的將數(shù)據(jù)轉(zhuǎn)化為可視化的內(nèi)容以供分析、發(fā)布。

WILDFIRE

Wildfire 這款谷歌瀏覽器插件能夠記錄你在某個(gè)網(wǎng)頁上的操作全部過程，然后用模擬器播放出來。

IMAGES TO VIDEO

Images to Video 是一款能夠?qū)⒁唤M靜態(tài)的圖像快速轉(zhuǎn)化為MP4 動(dòng)畫的工具，其中多包含10張圖片，但是對(duì)于社交每天而言，非常實(shí)用。

EASYQA

網(wǎng)站開發(fā)測(cè)試所涵蓋的內(nèi)容非常的雜，而EasyQA 則將這些龐雜的事務(wù)集中到了一起，讓測(cè)試工作事半功倍。

INIT.AI

Init.ai 能幫助你構(gòu)建出更好的聊天機(jī)器人。這款工具雖然處于測(cè)試階段，但是它能夠燃自動(dòng)化對(duì)話不斷優(yōu)化，可以洞察信息，幫助銷售和售后支持人員更好的同用戶進(jìn)行溝通。

PHOTOSHOP IPAD SCROLL ANIMATION

這是一個(gè)教程視覺稿二合一的工具，其中包含了分層的PSD文檔供你編輯，同時(shí)還附帶了視頻說明了如何實(shí)現(xiàn)這一iPad滾動(dòng)特效。

BRAND NEW

Brand New 是一個(gè)跟蹤LOGO和新設(shè)計(jì)更新的博客，如果你關(guān)注品牌設(shè)計(jì)和設(shè)計(jì)資訊的話，那么這個(gè)博客非常值得收藏。

OCEANSIDE TYPEWRITER

Oceanside Typewriter 是一款非常復(fù)古懷舊的簡(jiǎn)單字體。

SOCIAL CIRCLES

Social Circles 是一個(gè)社交媒體LOGO的合集字體，每個(gè)LOGO外面都帶有一個(gè)圈。

DIONISIA

Dionisia 是一款有趣的華麗的英文字體，它可以和許多復(fù)古華麗的元素搭配在一起。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7192,0.html

上一篇：如何創(chuàng)建一個(gè)完美的配色方案[圖]

下一篇：異步設(shè)計(jì)反饋的好處

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理