このエントリーをはてなブックマークに追加

記事更新日:2016年01月14日

Webサイトを作る時に始めに考えることの一つがワイヤーフレームです。ワイヤーフレームのサンプルで、私が良いと思ったサイトをメモがてらご紹介します。全て海外のサイトになりますが、デザインの参考にしたい方はぜひチェックしてみてください!

海外のワイヤーフレームサンプルサイト

I ♥ wireframes

I ♥ wireframes

ワイヤーフレームのサンプルが800種類以上掲載されている海外の有名サイト。スマートフォンアプリからタブレットまであります。

I ♥ wireframes

WireframeShowcase

WireframeShowcase

一つ一つのウェブサイトが作りこまれたワイーフレームのサンプルサイト。

WireframeShowcase

Flickr: The I ♥ wireframes Pool

Flickr: The I ♥ wireframes Pool

手書きのワイヤーフレームの写真を列挙しているFlickrアカウント。手書きの時点でお洒落です。

Flickr: The I ♥ wireframes Pool

Great Wireframe Examples

Great Wireframe Examples

Pinterest上でワイヤーフレームのサンプルを紹介しているアカウント。25枚のワイヤーフレームがPINされています。

Great Wireframe Examples

40 Examples Of Web Design Sketches And Wireframes

40 Examples Of Web Design Sketches And Wireframes

ワイヤーフレームのスケッチが40枚紹介されているブログ。

40 Examples Of Web Design Sketches And Wireframes

18 Great Examples of Sketched UI Wireframes and Mockups

18 Great Examples of Sketched UI Wireframes and Mockups

こちらもワイヤーフレーム、アプリのUIスケッチが18枚紹介されている海外ブログ。

18 Great Examples of Sketched UI Wireframes and Mockups

40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups

40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups

さらにこちらも、ワイヤーフレーム、アプリのモックアップのスケッチが40枚紹介されているブログ。

40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups

24 Professional Examples of Web and Mobile Wireframe Sketches – Designmodo

24 Professional Examples of Web and Mobile Wireframe Sketches - Designmodo

さらにさらに!Webサイト及びモバイルのワイヤーフレームスケッチが24枚まとめられているブログです。

24 Professional Examples of Web and Mobile Wireframe Sketches – Designmodo

25 Examples of Wireframes and Mockups Sketches | inspirationfeed.com

25 Examples of Wireframes and Mockups Sketches | inspirationfeed.com

海外のWebデザインなどを発信するブログ。ワイヤーフレームとモックアップスケッチの事例が25個紹介されています。

25 Examples of Wireframes and Mockups Sketches | inspirationfeed.com

10 Fresh Beautiful Examples of Website Wireframes | Mockup Builder Blog

10 Fresh Beautiful Examples of Website Wireframes | Mockup Builder Blog

Webサイトの美しいワイヤーフレームが10個紹介されています。丁寧に作りこまれていてキレイですね。

10 Fresh Beautiful Examples of Website Wireframes | Mockup Builder Blog

終わりに

Webサイトを作る前に、ワイヤーフレームやサイトマップの作成は重要ですね!良いワイヤーを作れるように、ぜひ参考にしてみてください。

このエントリーをはてなブックマークに追加

記事更新日:2016年01月14日

Facebookページで更新情報をお届けします!



購読にはTwitterやRSSも便利です。

follow us in feedly

コメントを投稿する

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Close