2014年下半年的設計師干貨

0 評論 13965 瀏覽 1 收藏 16 分鐘

6月的設計師與開發者干貨,包含了新的網站應用、框架、柵格系統、游戲平臺、激發靈感的資源、Photoshop插件、文本編輯器,還有一些非常棒的新字體。

下面多數資源都是免費的,或者價格很低,對很多設計師與開發者而言肯定大有用處。

一如往常,如果你認為我們遺漏了什么,請在評論中告訴我們。如果有什么應用和其他資源,希望在下月刊中看到,可以給@cameron_chapman發tweet建言獻策。

Scribe

Scribe是個富文本編輯器框架,由Guardian公開源碼。它彌補了瀏覽器間的差異,包含了一些實用的默認屬性。

Card

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

Simple Sharing Buttons Generator

簡易分享按鈕生成器,使你可以輕松創建Facebook、Twitter、Google+等HTML分享按鈕。有多種樣式可供選擇,而且它是完全免費的。

PlayCanvas

PlayCanvas是個很好用的免費開源WebGL游戲引擎,包括支持多人協作的開發工具。

Kivo

Kivo可以方便地標注PPT或PDF演示文件。拖入文件,上傳,就可以開始了。

The Awesome Free Toolbox

The Awesome Free Toolbox收集了一些非常棒的網頁設計工具,包含了圖片資源、模板,甚至虛擬主機。

Griddify

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

Screenshotter

Screenshotter是個管理手機截屏的免費iOS應用。它自動將你的照片與截屏區分開,讓分享和歸檔截屏更加容易,你可以在文件夾中排列它們,它還有一些其他功能。

Dept. of Design Web Field Manual

Dept. of Design Web Field Manual,2014夏季版,是個精心組織歸類的網頁設計資源收藏夾。

The Day’s Color

The Day’s Color是一部色彩摘要,其中經常更新的配色方案,受多方啟發產生,包括實物、音樂和其他東西。

A to Z CSS

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

Tumblr Boilerplate

Tumblr Boilerplate是打造Tumblr模板的基礎。它支持日志類型,基于HTML5,速度也做了優化。

30 Weeks

30 Weeks是個實驗性的教學項目,旨在為優秀的設計師提供工具、導師、經驗和其他資源來創立公司,進而打造改變世界的產品。盡管它是個新項目,卻并不廉價:價值10000美元(不過它很有價值,而且有獎學金)

Get Shit Done

Get Shit Done是個免費設計元素收藏夾,包括按鈕、菜單、導航、字體樣式、通知、Javascript組件等。它還有付費的高級版,可以獲得更多資源。

Pho Devstack 1.0

Pho Devstack是個前端開發者的自動化管理器。它包括編譯、壓縮、CSS前綴等工具。

Filament

Filament是你網站的應用“商店”,你可以通過拖拽界面元素,在自己網站上輕松安裝各種免費應用,不需要寫代碼。

Cody

Cody是你網站免費的HTML、CSS和Javascript片段集。目前這里有導航、簡介和購物車等的代碼片段。

Dimensions Toolkit

Dimensions Toolkit是個測試響應式設計的離線Chrome插件,它刷新很方便,你可以添加自定義斷點。同時也由個在線版。

Framer.js

Framer.js是個原型工具,能將靜態模型轉化為有動畫的交互式原型。

Tiny PMS Match

Tiny PMS Match是個Tumblr博客,將Pantone色與各種小物體聯系起來。所有照片都用iPhone5拍攝,并通過Snapseed處理。

randomColor

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

Famo.us

Famo.us是個免費開源的Javascript應用框架。它包含了開源3D布局引擎、3D物理動畫引擎等。

Flexbox Grid

Flexbox Grid是個基于“flex”顯示屬性的柵格系統。它集響應式、流式布局于一身,語法簡單,還有更多特性。

Weblox

Weblox是個簡單的網頁模板生成器,使你輕松搭建基于Bootstrap的全響應式的頁面。

Spritebox

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

Finch

Finch是一款讓用戶在任何聯網設備上訪問本地網站的工具。安裝這個app,然后獲得本地項目的臨時公共鏈接地址,使用SSL加密。

Respondly

Respondly是個email和Twitter的團隊收件箱,特別適于客服支持、團隊工作流等??梢悦赓M試用,費用每月9美元。

Mailparser.io

Mailparser.io通過從郵件中提取數據來自動化你的工作流程。它有30天的免費試用期,費用19美元每月。

Jeet

Jeet是根據人類閱讀方式,而非機器方式建立的柵格系統。它去除了不必要的內嵌元素,還有死板的分欄規則。

Kickoff

Kickoff是個創建響應式站點的輕量級前端框架。它由Sass和Grunt打造而成,有詳盡的文檔說明。

Great Talks

Great Talks收集了來自全球各種研討會的杰出演說與展示。盡管它們不限于設計,但它們談論的幾乎都是創意。

Oozled

Oozled精心組織收集了整個互聯網的創意資源。類別涵蓋字體、圖標、CMS系統、靈感、研討會、色彩等。

uKeeper

uKeeper可以很方便地保存整個網頁。注冊,然后給uKeeper發送電子郵件,他們就會自動發送到你的普通郵箱或是應用郵箱(比如Evernote或Instapaper)。

Source Serif Pro(免費)

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

Hairvetica(免費)

Hairvetica是種裝飾性矢量字體,看起來像是有型的發絲,它是一個Illustrator文件。

Uni Sans Free(免費)

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

Sideshow (10美元)

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

ATC Overlook(10美元)

ATC Overlook是種融合了幾何與怪異風格的字體,有370種字型、7種字體粗細。

Lastra(10美元)

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

Beelzebrush(35美元)

Beelzebrush的靈感來源于重金屬,總共有8個字體族。包含普通、斜體、粗體,還有棱角分明的粗斜體,更粗的字型有著更統一的邊緣。

Reverse Gothic JNL(25美元)

Reverse Gothic JNL有著復古的反轉樣式,用來設計標題非???。

Newark JNL(47.5美元)

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

Lugatype(免費)

Lugatype是種字型怪異的字體,非常適用于海報、標識、雜志等。

如果你還了解其他新應用或是資源,覺得它應該出現在此,在評論中告訴我們吧!

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

#專欄作家#

可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技。現居杭州,與小伙伴們正在創業途中?;蛟S不是一名優秀的設計師,至少是個快樂的設計師。

轉載請保留上述作者信息并附帶本文鏈接

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!