2014年下半年的設(shè)計(jì)師干貨

0 評(píng)論 13965 瀏覽 1 收藏 16 分鐘

6月的設(shè)計(jì)師與開(kāi)發(fā)者干貨,包含了新的網(wǎng)站應(yīng)用、框架、柵格系統(tǒng)、游戲平臺(tái)、激發(fā)靈感的資源、Photoshop插件、文本編輯器,還有一些非常棒的新字體。

下面多數(shù)資源都是免費(fèi)的,或者價(jià)格很低,對(duì)很多設(shè)計(jì)師與開(kāi)發(fā)者而言肯定大有用處。

一如往常,如果你認(rèn)為我們遺漏了什么,請(qǐng)?jiān)谠u(píng)論中告訴我們。如果有什么應(yīng)用和其他資源,希望在下月刊中看到,可以給@cameron_chapman發(fā)tweet建言獻(xiàn)策。

Scribe

Scribe是個(gè)富文本編輯器框架,由Guardian公開(kāi)源碼。它彌補(bǔ)了瀏覽器間的差異,包含了一些實(shí)用的默認(rèn)屬性。

Card

Card只是單單一行代碼,可以使你的信用卡表單更容易使用。它由純CSS、HTML和JS(不帶圖片)寫(xiě)成,而且4種不同卡片都帶有動(dòng)畫(huà)效果。

Simple Sharing Buttons Generator

簡(jiǎn)易分享按鈕生成器,使你可以輕松創(chuàng)建Facebook、Twitter、Google+等HTML分享按鈕。有多種樣式可供選擇,而且它是完全免費(fèi)的。

PlayCanvas

PlayCanvas是個(gè)很好用的免費(fèi)開(kāi)源WebGL游戲引擎,包括支持多人協(xié)作的開(kāi)發(fā)工具。

Kivo

Kivo可以方便地標(biāo)注PPT或PDF演示文件。拖入文件,上傳,就可以開(kāi)始了。

The Awesome Free Toolbox

The Awesome Free Toolbox收集了一些非常棒的網(wǎng)頁(yè)設(shè)計(jì)工具,包含了圖片資源、模板,甚至虛擬主機(jī)。

Griddify

Griddify使得Photoshop自定義垂直柵格線變得快速而簡(jiǎn)單。它支持Photoshop CS6/CC(不過(guò)在CS6里有些bug)。

Screenshotter

Screenshotter是個(gè)管理手機(jī)截屏的免費(fèi)iOS應(yīng)用。它自動(dòng)將你的照片與截屏區(qū)分開(kāi),讓分享和歸檔截屏更加容易,你可以在文件夾中排列它們,它還有一些其他功能。

Dept. of Design Web Field Manual

Dept. of Design Web Field Manual,2014夏季版,是個(gè)精心組織歸類(lèi)的網(wǎng)頁(yè)設(shè)計(jì)資源收藏夾。

The Day’s Color

The Day’s Color是一部色彩摘要,其中經(jīng)常更新的配色方案,受多方啟發(fā)產(chǎn)生,包括實(shí)物、音樂(lè)和其他東西。

A to Z CSS

A to Z CSS是一本CSS周刊,涵蓋了各種CSS相關(guān)話題。每則片段都很短(通常在4到7分鐘之間),學(xué)起來(lái)很容易。

Tumblr Boilerplate

Tumblr Boilerplate是打造Tumblr模板的基礎(chǔ)。它支持日志類(lèi)型,基于HTML5,速度也做了優(yōu)化。

30 Weeks

30 Weeks是個(gè)實(shí)驗(yàn)性的教學(xué)項(xiàng)目,旨在為優(yōu)秀的設(shè)計(jì)師提供工具、導(dǎo)師、經(jīng)驗(yàn)和其他資源來(lái)創(chuàng)立公司,進(jìn)而打造改變世界的產(chǎn)品。盡管它是個(gè)新項(xiàng)目,卻并不廉價(jià):價(jià)值10000美元(不過(guò)它很有價(jià)值,而且有獎(jiǎng)學(xué)金)

Get Shit Done

Get Shit Done是個(gè)免費(fèi)設(shè)計(jì)元素收藏夾,包括按鈕、菜單、導(dǎo)航、字體樣式、通知、Javascript組件等。它還有付費(fèi)的高級(jí)版,可以獲得更多資源。

Pho Devstack 1.0

Pho Devstack是個(gè)前端開(kāi)發(fā)者的自動(dòng)化管理器。它包括編譯、壓縮、CSS前綴等工具。

Filament

Filament是你網(wǎng)站的應(yīng)用“商店”,你可以通過(guò)拖拽界面元素,在自己網(wǎng)站上輕松安裝各種免費(fèi)應(yīng)用,不需要寫(xiě)代碼。

Cody

Cody是你網(wǎng)站免費(fèi)的HTML、CSS和Javascript片段集。目前這里有導(dǎo)航、簡(jiǎn)介和購(gòu)物車(chē)等的代碼片段。

Dimensions Toolkit

Dimensions Toolkit是個(gè)測(cè)試響應(yīng)式設(shè)計(jì)的離線Chrome插件,它刷新很方便,你可以添加自定義斷點(diǎn)。同時(shí)也由個(gè)在線版。

Framer.js

Framer.js是個(gè)原型工具,能將靜態(tài)模型轉(zhuǎn)化為有動(dòng)畫(huà)的交互式原型。

Tiny PMS Match

Tiny PMS Match是個(gè)Tumblr博客,將Pantone色與各種小物體聯(lián)系起來(lái)。所有照片都用iPhone5拍攝,并通過(guò)Snapseed處理。

randomColor

randomColor是個(gè)Javascript顏色生成器。但是不像其他生成器,它默認(rèn)只生成“誘人的顏色”,擯棄了灰色、棕色和墨綠色。

Famo.us

Famo.us是個(gè)免費(fèi)開(kāi)源的Javascript應(yīng)用框架。它包含了開(kāi)源3D布局引擎、3D物理動(dòng)畫(huà)引擎等。

Flexbox Grid

Flexbox Grid是個(gè)基于“flex”顯示屬性的柵格系統(tǒng)。它集響應(yīng)式、流式布局于一身,語(yǔ)法簡(jiǎn)單,還有更多特性。

Weblox

Weblox是個(gè)簡(jiǎn)單的網(wǎng)頁(yè)模板生成器,使你輕松搭建基于Bootstrap的全響應(yīng)式的頁(yè)面。

Spritebox

Spritebox是款所見(jiàn)即所得的工具,用于從CSS精靈圖片中創(chuàng)建CSS。你可以生成CSS精靈,合并精靈表等。

Finch

Finch是一款讓用戶在任何聯(lián)網(wǎng)設(shè)備上訪問(wèn)本地網(wǎng)站的工具。安裝這個(gè)app,然后獲得本地項(xiàng)目的臨時(shí)公共鏈接地址,使用SSL加密。

Respondly

Respondly是個(gè)email和Twitter的團(tuán)隊(duì)收件箱,特別適于客服支持、團(tuán)隊(duì)工作流等??梢悦赓M(fèi)試用,費(fèi)用每月9美元。

Mailparser.io

Mailparser.io通過(guò)從郵件中提取數(shù)據(jù)來(lái)自動(dòng)化你的工作流程。它有30天的免費(fèi)試用期,費(fèi)用19美元每月。

Jeet

Jeet是根據(jù)人類(lèi)閱讀方式,而非機(jī)器方式建立的柵格系統(tǒng)。它去除了不必要的內(nèi)嵌元素,還有死板的分欄規(guī)則。

Kickoff

Kickoff是個(gè)創(chuàng)建響應(yīng)式站點(diǎn)的輕量級(jí)前端框架。它由Sass和Grunt打造而成,有詳盡的文檔說(shuō)明。

Great Talks

Great Talks收集了來(lái)自全球各種研討會(huì)的杰出演說(shuō)與展示。盡管它們不限于設(shè)計(jì),但它們談?wù)摰膸缀醵际莿?chuàng)意。

Oozled

Oozled精心組織收集了整個(gè)互聯(lián)網(wǎng)的創(chuàng)意資源。類(lèi)別涵蓋字體、圖標(biāo)、CMS系統(tǒng)、靈感、研討會(huì)、色彩等。

uKeeper

uKeeper可以很方便地保存整個(gè)網(wǎng)頁(yè)。注冊(cè),然后給uKeeper發(fā)送電子郵件,他們就會(huì)自動(dòng)發(fā)送到你的普通郵箱或是應(yīng)用郵箱(比如Evernote或Instapaper)。

Source Serif Pro(免費(fèi))

Source Serif Pro是Adobe的開(kāi)源襯線字體,有普通、中粗、粗幾種字形。

Hairvetica(免費(fèi))

Hairvetica是種裝飾性矢量字體,看起來(lái)像是有型的發(fā)絲,它是一個(gè)Illustrator文件。

Uni Sans Free(免費(fèi))

Uni Sans Free由4種粗細(xì)的大寫(xiě)字型組成,它包含一張西里爾字母表。完整的字體族里,還有更多樣式和字型粗細(xì)。

Sideshow (10美元)

Sideshow受招牌的啟發(fā),用來(lái)通告重大事件效果非常理想。它有40種字型。

ATC Overlook(10美元)

ATC Overlook是種融合了幾何與怪異風(fēng)格的字體,有370種字型、7種字體粗細(xì)。

Lastra(10美元)

Lastra是一款3D的全大寫(xiě)字體,取材于咖啡廳與餐館的文字。它還包含自定義的花體字和特殊字符。

Beelzebrush(35美元)

Beelzebrush的靈感來(lái)源于重金屬,總共有8個(gè)字體族。包含普通、斜體、粗體,還有棱角分明的粗斜體,更粗的字型有著更統(tǒng)一的邊緣。

Reverse Gothic JNL(25美元)

Reverse Gothic JNL有著復(fù)古的反轉(zhuǎn)樣式,用來(lái)設(shè)計(jì)標(biāo)題非常酷。

Newark JNL(47.5美元)

Newark JNL是一款風(fēng)格化的厚重襯線字體,基于復(fù)古風(fēng)格的字母表游戲拼貼。詭異的字型寬度使得它格外引人注目。

Lugatype(免費(fèi))

Lugatype是種字型怪異的字體,非常適用于海報(bào)、標(biāo)識(shí)、雜志等。

如果你還了解其他新應(yīng)用或是資源,覺(jué)得它應(yīng)該出現(xiàn)在此,在評(píng)論中告訴我們吧!

原文鏈接:http://www.webdesignerdepot.com/2014/06/whats-new-for-designers-june-2014/

#專(zhuān)欄作家#

可樂(lè)橙,微信公眾號(hào):可樂(lè)橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技?,F(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂(lè)的設(shè)計(jì)師。

轉(zhuǎn)載請(qǐng)保留上述作者信息并附帶本文鏈接

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!