デザインのアイデアが豊富!最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ
Post on:2017年3月13日
最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。
レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。
最近のWebデザインで使われているさまざまなテクニックの勉強になるレイアウトやUIコンポーネント・要素が揃ったPhotoshop用、Sketch用の無料素材を紹介します。


Concept Library
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Resourсe UI/UX Tool
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Free UI Kit Landing
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Beauty: Stationery, Cosmetics, Wedding
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Quantum Kit
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Dashboard UI Kit
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Liberty UI Kit
Photoshop, Sketch対応。

Overlap UI Kit
Photoshop, Illustrator対応。

Cozy UI Kit
Photoshop対応。

Phoenix Startup UI Kit
Photoshop, Sketch, HTML5対応。

Grace UI Kit
Photoshop対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Free UI Kit
Photoshop対応。

Inspirational UI Elements vol.1
Photoshop対応。

Inspirational UI Elements vol.2
Photoshop対応。

Inspirational UI Elements vol.3
Photoshop対応。

Splash UI Kit Screens
Sketch対応。

Barni Startup
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Module 01: Elements
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

Module 02: Layouts
Photoshop, Sketch対応。
ダウンロード: Gumroad
※Gumroadはダウンロード時、価格に「0」を入力してください。

FADE APP UI KIT
Photoshop対応。

Free UI PSD Mobile App Fashion & Ecommerce
Photoshop対応。
sponsors