最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ

最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。

最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。

ページレイアウト・UIデザインの新常識をチェック!

素材のキャプチャ

Boring Cards UI Kit
PSD、個人・商用利用無料。

Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。

素材のキャプチャ

Food & Drink UI Kit
PSD, Sketch、個人・商用利用無料。

料理や飲み物の写真が映えるカード型UIキット。写真はソリッドカラーの上でも、背景として使っても美しいですね。

素材のキャプチャ

Stark UI Kit
PSD、個人・商用利用無料。

無料とは思えないボリュームです。コーポレートサイト・コマース・ブログ・ポートフォリオ用のヘッダ・フッタなど10種類以上のカテゴリに、200種類以上のコンポーネント、90種類以上のエレメントが揃っています。スウォッチやアイコンも完備。

素材のキャプチャ

A1 UI Kit
PSD、個人・商用利用無料。

緻密なグリッドをベースにデザインされたAndroid向けのUIキット。250種類以上のエレメントがあり、さまざまなコンテンツ・ナビゲーションを楽しむことができます。

素材のキャプチャ

Baikal Startup UI Kit
PSD, Sketch、個人・商用利用無料(デモ版)。

縦長ページ、マガジンスタイル、カード型レイアウト、ランディング、コマース、ブログ、ポートフォリオなど、最近のWebデザインで見かけるレイアウト、ヘッダやフッタ、エレメントのバリエーションが豊富に揃ったコンポーネントベースのUI素材。

素材のキャプチャ

Weeny iOS UI Kit
Sketch、個人・商用利用無料(デモ版)。

カラフルなサークルとパネルがとってもかわいいUIキット。子供服のコマース・ブログ・マガジンサイト向けの楽しいデザインです。

素材のキャプチャ

Hydrus
プレビュー版。

ダークとブライトで展開するレスポンシブ対応の多目的型UIキット。プレビューなのでダウンロードはできませんが、カードの組み合わせ方・重ね方など、非常に美しくデザインされており、よい刺激になると思います。

素材のキャプチャ

Menu from the world
プレビュー版。

写真を一番下にし、その上にカードを複数枚重ねたメニューデザイン。静止画で見てもかっこいいですが、アニメーションで動くと更にインパクトがあります。

素材のキャプチャ

55+ Elements Free UI Kit
PSD、個人・商用利用無料。

ミニマルに美しくデザインされた55+種類のエレメントが揃ったUIキット。

素材のキャプチャ

UI Tiles
PSD, AI, Sketch、個人・商用利用無料。

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材。

top of page

©2017 coliss