Illustratorで美しくデザインされた、ユーザーフローを設計するワイヤーフレーム用のAI素材 | コリス

2015/07/23 42 users 有料 ダウンロード 今週末 素材 通常

Webサイトのユーザーフローを設計する、美しくデザインされたワイヤーフレーム用の素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ Web Wireframes - User Flow ダ...記事の続きを読む 続きを読む

よりシンプルに手描き風にデザインされたBootstrapのワイヤーフレーム用のテーマファイル -Bootsketch | コリス

2014/06/16 77 users コリス Bootstrap ユーザビリティテスト さま 手描き

通常のBootstrapのテーマとは異なり、ワイヤーフレーム用に派手なデザインは避け、よりシンプルに手描きのスケッチ風にデザインされたテーマファイルを紹介します。 デザインは極力抑えられてあるため、ワイヤーフレームとしてクライアントに見せる時、ユーザビリティテストを行う時などに便利ですね。 Bootsketch Bootsketch -GitHub Bootsketchは、Bootstrapのさま... 続きを読む

ウェブページで使用される最近のさまざまなコンポーネントをまとめたPSD素材 | コリス

2014/04/21 77 users コリス ブレーンストーミング コンポーネント ウェブページ

ヘッダやフッタ、打ち出しエリア、コンテンツエリア、ポートフォリオ、お問い合わせなど、縦長1ページで使用されるさまざまなコンポーネントを収録したワイヤーフレーム用のPSD素材を紹介します。 プロトタイプを作成する時にゼロから始めるのではなく、こういったリソースをブレーンストーミングの際のベースにするのもいいですね。 One page website wireframes ダウンロードできる素材のフォ... 続きを読む

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

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

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

シンプルで美しいデザインのUIエレメントが揃ったワイヤーフレーム用のPSD素材 -Wireframe Pro | コリス

2012/06/27 42 users スライダー 有償 コリス ナビゲーション Free版

ナビゲーションやボタン、スライダー、画像、テーブル、フォームなど、さまざまなUIエレメントが揃ったワイヤーフレーム用のPSD素材を紹介します。 Wireframe Pro Free版の中身 Wireframe Pro Free版のダウンロード方法 Wireframe Pro Free版の中身 「Wireframe Pro」は有償のPremium版と無料のFree版の2つがあります。 ここでは気軽に... 続きを読む

素敵なデザインのUIエレメントが揃ったワイヤーフレーム用の素材 -Webpage Wireframe Stencil | コリス

2012/02/29 126 users ベクター スライダー コリス ナビゲーション ベクター素材

ウェブサイトを作成するために必要なUIエレメント、ナビゲーション、スライダー、ボタン、アイコンなどが揃ったベクター素材を紹介します。 Webpage Wireframe Stencil ダウンロードできる素材はベクター（ [...] 続きを読む

[CSS]デスクトップ・スマートフォン用のエラスティックグリッドシステム -Columnal | コリス

2011/05/24 49 users グリッドシステム コリス カラム CSS グリッド

豊富なレイアウトオプション、柔軟なカスタマイズ、ワイヤーフレーム用の素材など至れり尽くせり、エラスティックグリッドを採用したスタイルシートのグリッドシステムを紹介します。 Columnalの特徴 ページの構造がどのように構築されているのかのデバッグ用CSS 豊富なレイアウトオプション（サブカラム） コンテンツの前後にカラムを接続可能 垂直方向のスペース用のスタイル グリッドのシステムのPDF ワイ... 続きを読む

手描き風タッチのバリエーションが増やせるPhotoshopのペンツール -Fast Pencil Brushes | コリス

2010/04/07 226 users コリス Photoshop バリエーション プリセット 紹介

Photoshopのペンツールに、手描き風のソフトタッチ、ハードタッチ、ワイヤーフレーム用などのバリエーションが増やせるプリセットをMichaelHoweから紹介します。 Photoshop Fast Pencil Brushes ペンツールの紹介は初めてなので、まずは使用方法から。 Photoshopのペンツールの登録方法 ダウンロードしたファイル（拡張子.tpl）は、「Presets」内の「T... 続きを読む