Webディレクター・デザイナー必見!ワイヤーフレームや最近のUIを解説した -ワイヤフレームガイド

Webディレクター・デザイナーをはじめ、Web制作のプロジェクトに携わるすべての人に役立つ、ワイヤーフレームの作り方や実例、最近のUIデザインパターンを解説した無料のeBookを紹介します。

サイトのキャプチャ

The Guide to Wireframing

eBookは全編英語ですが、英語が苦手な人でもグラフィックやリストだけでも十分にためになると思います。
そんな中身をざぁっと紹介します。

PDFのキャプチャ

本書はオールカラーの全119ページ、ボリュームたっぷりです。

PDFのキャプチャ

まずはワイヤーフレームを作成するツールの紹介。
ソフトウェアやウェブサービスを使ったり、アナログでの方法が紹介されています。

PDFのキャプチャ

アナログ派は大型のノートや、メモ帳、ポストイットなど。僕はポストイットをよく使ってました。

PDFのキャプチャ

クライアントと共有する時は、デジタルで美しく仕上げたいですね。

PDFのキャプチャ

ワイヤーフレームのライブラリもたくさん紹介されています。他の人のワイヤーフレームを見るのも非常に勉強になります。

他にもたくさんのライブラリが紹介されています。

PDFのキャプチャ

スマフォ用の2013年から2014年にかけて、最新のデザインパターンも数多く掲載されています。

PDFのキャプチャ

実際のサイトの画面とともに、UIの詳しい解説が嬉しいですね。

PDFのキャプチャ

この章が一番多くページをさかれています。

eBookのダウンロードは、下記ページから。

サイトのキャプチャ

The Guide to Wireframing

メールアドレスを入力するとダウンロードページに移動します。
ダウンロードは、.pdf, .zipの2種類。

サイトのキャプチャ

ダウンロードページ

top of page

©2017 coliss