ウェブデザイナーの勉強にいい!デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3
Post on:2014年2月26日
デザイナーさん・ディレクターさんをはじめ、ウェブデザインに携わる全ての人に必携です!
デザインの基本原則をはじめ、Photoshopを使った実践的なさまざまなテクニックが学べるeBookを紹介します。無料なのに市販の書籍に負けない、いや人によってはそれ以上の価値ある内容がぎっしり詰まってます。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022700.png)
当ブログでもお馴染みのPixel Perfect Precisionの第3版が、昨日リリースされました(パチパチパチパチ)
内容も大きくバージョンアップし、ページ数も165ページから214ページへと大増量。
デザインにおける、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。
テキストは英語ですが、キャプチャ付きなので、デザインの知識が多少あれば充分に理解できると思います。
ダウンロードはページのちょい下。
PDF版、iBook版が用意されています。
![サイトのキャプチャ](/wp-content/uploads-201401/2014022702.png)
本当は全ページを紹介したい勢いですが、全214ページの中からごく一部だけ紹介します。
ページの基本構成は、左がダメな例、右が良い例です。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-01.png)
まずは、表紙。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-04.png)
第3版では、モバイルファーストが中心となっています。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-05.png)
スマフォでのアクセシビリティ、タップが確保できるサイズがNice!
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-09.png)
アニメーションは意味のある動きを取り入れましょう。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-11.png)
カラースキームは論理的に設計を。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-12.png)
ボタンにテキストを配置する際に注意する点。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-14.png)
ユーザーに分かりやすい明快なコンテンツをデザイン。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-17.png)
ボタンにはボタンらしい適切なスタイルを。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-18.png)
アウトプットのためのスタイルガイドを作りましょう。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-21.png)
Photoshopの実際の操作テクニックも満載です。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-23.png)
グリッドを設計するための便利Tips。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-24.png)
Photoshopをもっと便利にする機能拡張の紹介も。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-26.png)
Illustratorとの連携で気をつけるべき点。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-28.png)
Photoshopでの作業効率をアップするレイヤー管理方法。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-31.png)
書き出しのテクニックも充実しています。
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-33.png)
次のプロジェクトで使いたくなるようなデザインテクニックも満載!
サークル状のラインにグロウを加えてみたり、
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-34.png)
インナーグロウでノイズを加えたりはいかが?
![PDFのキャプチャ](/wp-content/uploads-201401/2014022703-37.png)
しかも、今回は付録付き!
sponsors