デザインのアイデアが豊富!最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ
Post on:2017年3月13日
最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。
レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。
最近のWebデザインで使われているさまざまなテクニックの勉強になるレイアウトやUIコンポーネント・要素が揃ったPhotoshop用、Sketch用の無料素材を紹介します。
![最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ](http://coliss.com/wp-content/uploads-201702/2017031301.png)
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-01.png)
Concept Library
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-02.png)
Resourсe UI/UX Tool
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-03.png)
Free UI Kit Landing
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-04.png)
Beauty: Stationery, Cosmetics, Wedding
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-05.png)
Quantum Kit
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-06.png)
Dashboard UI Kit
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-07.png)
Liberty UI Kit
Photoshop, Sketch対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-08.png)
Overlap UI Kit
Photoshop, Illustrator対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-09.png)
Cozy UI Kit
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-10.png)
Phoenix Startup UI Kit
Photoshop, Sketch, HTML5対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-11.png)
Grace UI Kit
Photoshop対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-12.png)
Free UI Kit
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-13.png)
Inspirational UI Elements vol.1
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-14.png)
Inspirational UI Elements vol.2
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-15.png)
Inspirational UI Elements vol.3
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-16.png)
Splash UI Kit Screens
Sketch対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-17.png)
Barni Startup
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-18.png)
Module 01: Elements
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-19.png)
Module 02: Layouts
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-20.png)
FADE APP UI KIT
Photoshop対応。
![デザイン素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031302-21.png)
Free UI PSD Mobile App Fashion & Ecommerce
Photoshop対応。
sponsors