[B! ワイヤーフレーム] ino_san0604のブックマーク

web・スマートフォンアプリ設計に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」

TOP > Design > web・スマートフォンアプリ設計に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」デザイン制作を行う際にはまず、全体の設計を行うためにワイヤーフレームを使って構成を考えることが多いと思いますが、本物のイメージにより近づけるため、また提案としてクライアントに提出するために、より現物に近いものをできれば作っておきたいもの。そんな時に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」を今回は紹介したいと思います。 webやスマートフォンアプリの設計をスムーズに進めることができそうな、制度の高いワイヤーフレームが揃っています。詳しくは以下 Dribbble – A_better_look.jpg by Chris Bannister 定番のレイアウトのwebサイト制

ino_san0604 2014/05/10

リンク

ワイヤーフレーム作成時に役立ちそうなサイトや記事のまとめ | バンクーバーのうぇぶ屋

僕の日本人クリエイター専用シェアハウス『Frog House』の住人の一人が、BCITという名門IT系専門学校へ通っているんですが（彼のような日本人クリエイター留学生の話は来月のセミナーでしたいと思ってます）、そこの課題にどうやら自由な発想でワイヤーフレームを作ってこいみたいな課題が出たらしく、先日『ワイヤーフレーム作る時に使ってる物や参考になるサイトは無いか』と聞かれたので、こりゃ住人に良いカッコするチャンスと思ったから書く、という不純な気持ちで書いています（笑）でも、思っても見たら今までワイヤーフレーム系のネタで書いた事も無いし、良い機会なので、僕が知ってるワイヤーフレームを描く時に便利そうなツールやサイトを、この機会に全部まとめておこうかなと思います。制作ツールは勿論のこと、素材サイトや確認ツール、なんか色々独断と偏見からワイヤーフレーム描く時便利そうって思える物ばかり紹介する（

ino_san0604 2014/05/03

リンク

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

クライアントにワイヤーフレームを見せる時に僕が一番気にかけていたことは、まずこれは最終的なデザインではないこと、そして内容がうまく伝わることです。まぁ、デザインじゃないのはそのままなのですぐに理解してもらえますが、内容やアイデアをしっかり伝えきるのは難しいですよね。 Wireframe & UI Kit 自分だけやウェブ制作者間でのやり取りであれば、ワイヤーフレームはシンプルなボックスベースのものでも問題ないかもしれませんが、クライアントにはある程度ビジュアルを備えたものでアプローチするというのがこの素材のコンセプトです。正確に理解してもらえることで、結果的にプロジェクトの進行にも役立つでしょう。素材のコンセプトワイヤーフレームの素材はさまざまなUIエレメントが揃っており、フォーマットは.epsでダウンロードできます。利用にあたっては個人でも商用でも無料とのことです、詳しくはダウ

ino_san0604 2014/03/22

リンク

商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit

スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。素材の利用にあたってはロイヤリティフリーで、個人でも商用でも無料で利用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。ダウンロードはページの下の方からです。

ino_san0604 2014/03/22

リンク

私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

私がwebサイトのラフを作る時の流れを書いてみました。独学で身に付けた方法であり、一般的な方法ではないかも知れないことを予め断っておきます。私にはやりやすい方法ですが、他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。（※本文中のショートカットキーは全てMacの場合です）希望デザインのヒアリング ※委託業務の場合ですどんなデザインが希望かを先方にヒアリングします。この時にできるだけ、クライアントのイメージを明確にするため抽象的でも良いので沢山言葉を貰います。明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う