2013扁平化設計終極指南

2013可以說是扁平化設計的一年。
即便是擬物設計的引領者蘋果,也不得不轉變設計思路,在iOS 7上開始著手扁平化設計的探索。

你是否落伍了呢?想不想嘗試一下扁平化設計?但是又不知道該要怎麼開始?沒關係,WebdesignerDepot將幫助你!我們精心收集了一些扁平化資源,從UI套件到調色工具,再到字體選擇和WP主題,從理論文章再到創意圖庫,我們將呈遞給您體系化的扁平化資源!

(飛肯) 有趣的印刷網點 pattern

Halftone screen patterns are a key ingredient of retro design, but it can be difficult to find or create realistic screentone style resources. Photoshop and Illustrator can produce halftone effects, but the result is a series of perfectly formed circles which don’t look very antique at all and fail to capture that grungy rock poster vibe. I’ve manually created a collection of distressed halftone patterns by hand to achieve that authentic printed appearance. There’s 12 patterns in total, each varying in dot size and density to provide a range of texturing resources.

(飛肯) SVG的形狀感應效果

In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover.

shape-hover-effect-with-svg-00