Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ | Webクリエイターボックス

2018/07/02 124 users ワイヤーフレーム デザインテンプレート Adobe XD

2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、... 続きを読む

最近気になったハイクオリティなUIキット #12 | NxWorld

2015/08/11 124 users NxWorld レイヤースタイル ハイクオリティ ライセンス

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。 Free UI from Shakuro Free Summeric Material U... 続きを読む

最近気になったハイクオリティなUIキット #8 | NxWorld

2014/12/18 114 users NxWorld レイヤースタイル DOWNLOAD Kit

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。今回はかなり大容量なものやMaterial Designを用いたものが幾つかあります。 55+ Elements FREE UI KIT | Clean white [DOWNLOAD... 続きを読む

サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」 | DesignDevelop

2014/12/07 136 users レイアウト 構築 全体像 DesignDevelop 制作

webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。 いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませる... 続きを読む

配色のセンスも参考になる！今チェックしておきたい「ソリッド」を効果的に使ったUIキット・ページレイアウトのまとめ | コリス

2014/08/05 114 users コリス 矩形 ソリッド エレメント ダイアモンド

ソリッドなラインを使ったアイコン、テキストを矩形で囲ったゴーストボタン、ラインで描いた幾何学模様など、ソリッドを使ったUIキット、Webページやアプリのレイアウトやテンプレートを紹介します。 いくつかはPSDファイル（無料/有料）もダウンロードできます。 BrandaLoka 斜めのグリッドをはじめ、ダイアモンドやサークル状のエレメントなどにソリッドを取り入れたスタイリッシュな縦長1ページ用のテン... 続きを読む

最近気になったハイクオリティなUIキット #5 | NxWorld

2014/07/07 373 users NxWorld レイヤースタイル Freebie カラー 参考

ここ最近で気になったハイクオリティなUIキットのまとめです。そのままデザイン素材として使用するだけでなく、カラーの組み合わせ方やどのようなレイヤースタイルで作られているかなどの部分でも何かと参考になります。 Retro Jam Ui Kit Free Ui Kit [Freebie] Free PSD: Flat UI kit Free PSD: Ui Kit Free Minimal Ui Ki... 続きを読む

無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」 - GIGAZINE

2013/10/01 259 users インターフェース PSD形式 アップグレード JPG形式 無料

iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、A... 続きを読む

Bootstrapだけじゃない！マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々！ | バンクーバーのうぇぶ屋

2013/08/06 424 users Bootstrap ワイヤーフレーム バンクーバー マッハ

フラットデザインにしろ、レスポンシブにしろ、僕は周りで良く使われているなと思う物は一応手を付けてみるようにしてきました。それが自分の土俵なら尚更っすね。 その上で、なぜ今それが流行っているのか、なぜそのデザインを採用する人が増えているのか、そういった物を理解するには、自分の手で作るのがてっとり早いと思っているからです。まぁ、フラットについては正直やってみたけど良く分からなかったのが正直な所ですが（... 続きを読む

タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit - かちびと.net

2013/01/05 147 users パララックス アコーディオン バリデーション 御挨拶 喪中

jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。 2013年になりました。喪中により新年の御挨拶を控えさせて戴きます。皆様に取って本年が充実した年でありますようお祈りいたします。 さて、今日はUIキットのご紹介。jQueryベースとなっていま... 続きを読む

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ - GIGAZINE

2012/11/20 427 users GIGAZINE ミニアイコン 国旗 PSDファイル トピック

400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています。いずれも無料でダウンロード可能で、ファイル形式は主にPSDファイルです。 33 New Freebie Buttons and... 続きを読む

無料でダウンロードできる洗練されたデザインのUIキットいろいろ - GIGAZINE

2012/11/16 970 users PSDファイル 木目調 ダーク 明るいグレー ウェブサイト

わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを... 続きを読む

様々な場面で参考になるオススメUIデザインキット45選 - バンクーバーのWEB屋

2011/09/12 176 users バンクーバー iPhone 色相 Ｗｅｂ屋 参考

様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も... 続きを読む

これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ:phpspot開発日誌

2011/06/09 344 users phpspot開発日誌 UIパーツ MediaLoot ペー

Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればペー... 続きを読む