お知らせ

現在、ウェブサイトメンテナンス中です。ダウンロード機能が一部ご利用頂けません。数日中に復旧予定です。よろしくお願い致します。


なお、EPS素材のダウンロードには、不正利用防止のため順次パスワードを掛けています。パスワード請求はダウンロードボタンのすぐ下にありますので、そちらからご利用ください。もちろん、無料です♪

For Photoshop イラレ&フォトショ

【Photoshop情報】今期のトレンドを取り入れた美しいUIデザインのまとめ

更新日:

flat-ui-sm_1x

 

本日ご紹介するのは、海外ブログから集めたFlatDesignを含めた秀逸なトレンドUIです。

Ps_eyecatch

今期のWebトレンドデザインと言えば、シンプルで優しい色使いが印象的な「フラットデザイン」、

HTML5、CSS3、jQueryで魅せるデザインの「クリエイティブデザイン」、

そして円型とスペースを上手にレイアウトした「サークルデザイン」です。

他にもブラー、ビッグ、ダークなどのデザインも人気ですが、今回はトレンドのデザインを中心に

海外ブログから秀逸なUIをまとめてみましたのでご紹介したいと思います。

 

 

ui_preview-500

 (サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

フラットデザインだけでなく、フラットデザインに合うUIアイテムが多数収録されている

SMASHING MAGAZINE」のエントリー「Polaris UI Kit + Linecons Icon Set」よりPolaris UI Kitを

ご紹介します。ダウンロードリンクはエントリー内、LINECONのアイコンサンプル画の下にあります。

 

 

flat-ui-sm_1x

 (サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

海外デザインブログ「dribbble」のエントリー「Freebie PSD: Flat UI Kit」より、優しい色合いが

印象的なフラットデザインです。

 

 

pillow_ui_dribbble_1x

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

こちらは落ち着いたデザインのUIセットです。「dribbble」のエントリー「Pillow UI - Free download」から。

 

 

uikit_screen_01

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

コチラも海外の人気ブログ「speckyboy」からのエントリー「Fantastic Freebie: 3D Web UI Kit」よりご紹介

iOSのようなデザインですが馴染みがあり使いやすいデザインだと思います。

 

 

UI

 (サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

続いてはダーク系のUIですがちょっと気になったので入れてみました。

コチラは「ROCKABLEthemes」のエントリー「Dark UI – Free User Interface Kit」より配信されています。

 

 

smalluikit

 (サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

同系色を合わせることでシンプルで柔らかな印象を与えられるアプリ用スモールデザイン。

tempees.com」のエントリー「Small UI kit」より。

 

 

psd-ui-kit

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

シンプルなデザインに今期トレンド色のサーモンオレンジを配色した、ユーザーの目を引くオシャレなデザイン。

ourtuts」 のエントリー「Free PSD UI Kit for Your Web Applications」より。

 

 

preview

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

シンプルなデザインで清潔感を演出できる奇麗なアイテムが揃ったUIセット。

こちらは「HONGKIAT.com」のエントリー「[Freebie] Blitz UI Kit (PSD)」 から配信されています。

 

 

music-ui-preview

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

コチラもダークデザインになると思うのですが、とてもリアルに作り込まれていて格好良かったので

ご紹介させていただきます。

素敵なPSDを数多く配信されている海外デザインブログ「GraphicsFuel」からの

エントリー「Dark Music UI Elements PSD」にて配信されています。

 

 

switchers_1x

 (サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

ブルーで配色された、可愛いスイッチのフラットデザインボタン。

dribbble」からのエントリー「Freebie switches」よりダウンロード出来ます。

 

 

switch_1x

 

(サンプル画をクリックするとダウンロードリンクのあるエントリーに移動します。)

こちらもシンプルなスイッチデザインで、パステルカラーが可愛いフラットデザインアイテムです。

dribbble」のエントリー「You switch me」よりご紹介いたします。

 

 

おすすめの関連記事

-For Photoshop, イラレ&フォトショ
-

Copyright© LAYout50 , 2017 All Rights Reserved.