Webデザインのレイアウトや配色の参考になるPhotoshop用の無料素材のまとめ | コリス

2015/03/03 119 users psd コリス ミニマル 一つひとつ 幾何学

Webデザインのセンスをアップさせるには、一つひとつのUIを観察し、考えてからPhotoshopを起動し、作業をすること。最近のトレンドをうまく取り入れたレイアウトや配色・タイポグラフィの参考になるPSDがダウンロードできるUI素材を紹介します。 縦長ページ用のさまざまなコンポーネント、斜めやサークルや幾何学を使ったもの、Material Design、ミニマルなど、参考になるものばかりです。 E... 続きを読む

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles | コリス

2014/12/09 556 users コリス Sketch psd ワイヤーフレーム グリッド

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles ダウンロードできる素材のフォーマットは、4種類。 .psd（7... 続きを読む

Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit | コリス

2014/10/27 365 users コリス psd GitH Bootstrap エレメント

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu...記事の続きを読む 続きを読む

フラットなデザインに効く30種類のUIパターン、PhotoshopやSketch用などが揃った商用利用無料の素材 -Awesome UI Kit | コリス

2014/10/03 62 users コリス UXPin ebook Photoshop 実装

先日紹介した「63種類のUIデザインの特徴と実装の注意点がまとめられた無料のeBook」のUXPinの中の人から、UI素材をリリースしたよ、とメールをもらったのでご紹介。 フラットなデザインで効果的に使えるUIパターンが...記事の続きを読む 続きを読む

クライアントに伝わりやすいように工夫されたワイヤーフレーム用のUI素材 -CRowe | コリス

2014/03/11 183 users コリス Wireframe クライアント ワイヤーフレーム

クライアントにワイヤーフレームを見せる時に僕が一番気にかけていたことは、まずこれは最終的なデザインではないこと、そして内容がうまく伝わることです。 まぁ、デザインじゃないのはそのままなのですぐに理解してもらえますが、内容やアイデアをしっかり伝えきるのは難しいですよね。 Wireframe & UI Kit 自分だけやウェブ制作者間でのやり取りであれば、ワイヤーフレームはシンプルなボックスベースのも... 続きを読む

使いやすくなった！UI素材とテクニック集／CSS jQuery版 | コムテブログ

2013/12/09 172 users コムテブログ テクニック集

アプリを作るとき、クライアントさんのナビサイト、サービスを作るときにユーザーの満足度を上げれないか、使いやすく見やすく、コンバージョンを上げれないかと調べていたら、役に立ちそうなものが沢山ありました。今回はボタンやフォーム、ナビゲーションなどウェブサイトなどを使っていて楽しいと感じてもらうための素材やサンプルをcss/jQuery中心にまとめます。 もくじ メニュー １．円形 ２．タブ ３．ナビゲ... 続きを読む

動画で学ぶ、Photoshopでフラットなスタイルのウェブページを作成するチュートリアル（素材ダウンロード可） | コリス

2013/07/03 76 users コリス DesignModo ウェブページ グリッド 彼ら

フラットなスタイルのデザイン素材を数多くリリースしているDesignmodoから、彼らの素材を使ってどのようにフラットなスタイルのウェブページをデザインするかを動画で学ぶチュートリアルを紹介します。 動画のキャプチャ 動画では、彼らがフラットなUI素材でどのようにグリッドを使ってPhotoshopでデザインしているか見ることができます。 約18分と長めなので、お茶でも飲みながらお楽しみください。 ... 続きを読む

フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design | コリス

2013/06/02 322 users コリス DesignModo 答え デザイン 特徴

フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Principles of ... 続きを読む

ディテールにこだわったUI素材・テクスチャ・テンプレートが一括でダウンロードできる -Box of Bundles | コリス

2012/02/19 217 users テンプレート 商用サイト 素材 コリス 多く

個人でも商用サイトでも無料で利用できる、ウェブページ用のUI素材やテクスチャ・アイコン、email用のテンプレートなど数多くの素材を配布しているサイトを紹介します。 Box of Bundles 多くの素材サイトでは、気 [...] 続きを読む