タグ UI素材
人気順 5 users 50 users 100 users 500 users 1000 usersゲームで使えるUI素材が売っている場所と、(意外と見つからない)オススメの日本のゲームっぽいUI素材【ゲーム素材】 - (:3[kanのメモ帳]
はじめに 無料、有料問わず色々な所ゲームに使える素材というのが公開されていて、 僕も個人で開発してる全てのゲームでお世話になっています。 Unity アセットストア - ゲーム制作のための最高のアセット 素材と一口に言ってもBGMやSE、画像や3Dモデルにフォント等など、色々な物がありますが、 その中でも意外と一番見... 続きを読む
仕事早すぎ!iOS 9の洗練されたユーザインターフェイスをじっくり勉強できるデザイン素材 -iOS 9 GUI | コリス
今秋リリース(9月9日に発表?)と噂されている「iOS 9」のUI素材が、早くもダウンロードできます。素材は100%ベクターのSketch用素材です。 iOS 9 GUI for Sketch iOS 9は開発者向けには...記事の続きを読む 続きを読む
Webデザインのレイアウトや配色の参考になるPhotoshop用の無料素材のまとめ | コリス
Webデザインのセンスをアップさせるには、一つひとつのUIを観察し、考えてからPhotoshopを起動し、作業をすること。最近のトレンドをうまく取り入れたレイアウトや配色・タイポグラフィの参考になるPSDがダウンロードできるUI素材を紹介します。 縦長ページ用のさまざまなコンポーネント、斜めやサークルや幾何学を使ったもの、Material Design、ミニマルなど、参考になるものばかりです。 E... 続きを読む
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材(PSD, AI, Sketch) -UI Tiles | コリス
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles ダウンロードできる素材のフォーマットは、4種類。 .psd(7... 続きを読む
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit | コリス
BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu...記事の続きを読む 続きを読む
フラットなデザインに効く30種類のUIパターン、PhotoshopやSketch用などが揃った商用利用無料の素材 -Awesome UI Kit | コリス
先日紹介した「63種類のUIデザインの特徴と実装の注意点がまとめられた無料のeBook」のUXPinの中の人から、UI素材をリリースしたよ、とメールをもらったのでご紹介。 フラットなデザインで効果的に使えるUIパターンが...記事の続きを読む 続きを読む
クライアントに伝わりやすいように工夫されたワイヤーフレーム用のUI素材 -CRowe | コリス
クライアントにワイヤーフレームを見せる時に僕が一番気にかけていたことは、まずこれは最終的なデザインではないこと、そして内容がうまく伝わることです。 まぁ、デザインじゃないのはそのままなのですぐに理解してもらえますが、内容やアイデアをしっかり伝えきるのは難しいですよね。 Wireframe & UI Kit 自分だけやウェブ制作者間でのやり取りであれば、ワイヤーフレームはシンプルなボックスベースのも... 続きを読む
使いやすくなった!UI素材とテクニック集/CSS jQuery版 | コムテブログ
アプリを作るとき、クライアントさんのナビサイト、サービスを作るときにユーザーの満足度を上げれないか、使いやすく見やすく、コンバージョンを上げれないかと調べていたら、役に立ちそうなものが沢山ありました。今回はボタンやフォーム、ナビゲーションなどウェブサイトなどを使っていて楽しいと感じてもらうための素材やサンプルをcss/jQuery中心にまとめます。 もくじ メニュー 1.円形 2.タブ 3.ナビゲ... 続きを読む
動画で学ぶ、Photoshopでフラットなスタイルのウェブページを作成するチュートリアル(素材ダウンロード可) | コリス
フラットなスタイルのデザイン素材を数多くリリースしているDesignmodoから、彼らの素材を使ってどのようにフラットなスタイルのウェブページをデザインするかを動画で学ぶチュートリアルを紹介します。 動画のキャプチャ 動画では、彼らがフラットなUI素材でどのようにグリッドを使ってPhotoshopでデザインしているか見ることができます。 約18分と長めなので、お茶でも飲みながらお楽しみください。 ... 続きを読む
フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design | コリス
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Principles of ... 続きを読む
ディテールにこだわったUI素材・テクスチャ・テンプレートが一括でダウンロードできる -Box of Bundles | コリス
個人でも商用サイトでも無料で利用できる、ウェブページ用のUI素材やテクスチャ・アイコン、email用のテンプレートなど数多くの素材を配布しているサイトを紹介します。 Box of Bundles 多くの素材サイトでは、気 [...] 続きを読む