お知らせ

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

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」よりご紹介いたします。

 

 

人気の記事

1

35,573 EPS

Illustratorで描く超リアルな「木目」のチュートリアル。LAYout50のクオリティーならではの質感表現を3日間に渡りご紹介。1日目は「ベースオブジェクト」&「斑(むら)」編

無料素材・商用利用可能「チャイニーズパターン」 2

20,208 EPS

【無料・商用利用可】中国の紋様素材「チャイニーズパターン」を作成致しましたので、配布致します。今回はwebでも利用可能なSVG素材も同梱しています。

キラキラダイヤモンド素材のサンプル画像 3

19,758 EPS

【無料・商用利用可】キラキラ素材『ダイヤモンド』を作成しましたので、無料配信致します。epsのベクター素材なので、拡大縮小も思いのまま!しかも、レイヤーの編集エリアを変更すれば簡単に色調も変える事ができます。クオリティにも妥協はありません♪

4

19,634 EPS

無料で商用利用可能なオリジナル素材「暖簾(のれん)」の和風リアルイラストをEPS,JPG,PNGで配信する記事。

5

15,190 EPS

結婚式の招待状やプロフィールカードを制作するのに役に立つepsのベクター素材を海外ブログから紹介する記事。

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

Copyright© LAYout50 , 2017 All Rights Reserved.