モックアップ素材はこれ一つでWebもアプリも、ロゴもガイドラインもイラストもモーショングラフィックにも使える!無料で高品質なモックアップ素材 -Large
Post on:2016年6月28日
Webページやスマホアプリのレイアウト、ワイヤーフレーム、ガイドライン、ブランディング、アイコン、ロゴ、イラスト、モーショングラフィック、イラスト、キャラクターデザインなど、もうデザインに関するすべてと言っていいくらいのさまざまなモックアップ140+種類が揃った無料素材を紹介します。
数や種類がすごいだけでなく、そのクオリティも素晴らしく、商用のプロジェクトでも無料で利用できます。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805.png)
ダウンロードできる素材
ダウンロードできる素材のフォーマットはPSDで、各コンポーネントごとにレイヤーで管理されています。プレビュー用のPNGも付いています。
140+種類の中から、いくつか紹介します。
サムネイルはイメージなので、本当にほんの一部です。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-01.png)
Webデザイン用
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-02.png)
スマホアプリ用
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-03.png)
ロゴデザイン用
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-04.png)
ブランディング用
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-05.png)
ガイドライン用
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062805-06.png)
モーショングラフィック用
各ファイルの中身は、こんな感じです。
ホワイトのDay Template、ブラックのNight Templateがそれぞれ用意されています。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062806-01.png)
Webデザイン用 1
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062806-02.png)
Webデザイン用 2
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062806-04.png)
Webデザイン用 3
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062806-03.png)
スマートウォッチ用
素材のダウンロード方法
素材のダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016062804.png)
「Download」ボタンをクリックすると、すぐにダウンロードがはじまります。
※1.06GBありますw
素材はMITライセンスで、個人でも商用でも無料で利用できます。詳しくはダウンロードファイルの「Read Me.txt」をご覧ください。
sponsors