Cloudを活用している人は多いと思います。ブラウザやスマホなどの閲覧環境が多様化する中、デザインツールや制作のワークフローも大きく進化しています。今すぐに試したくなるテクニックが満載で、最近のWeb制作のワークフローを効率的にする解説書を紹介します。本書は現役で活躍しているWeb制作者がAdobe系アプリを現場でどのように使用しているか、Web制作のワークフローを詳しく解説した一冊です。初心者の人はもちろんのこと、今まで変わらず同じ使い方をしてきたベテランの人にも「こんなやり方があったとは!!」となり、きっと目から鱗だと思います。:2018/10/5Kindle版も発売されています。Webデザインの教科書(Kindle版)紙面のキャプチャで、中身を少しだけご紹介。Cloudの使い方を学べます。2018年9月現在の最新版に対応しており、それぞれの便利な機能や連携のテクニックなど、Web制作の作業効率が何倍にもアップすると思います。Cloudを介しての連携、スマホアプリとの連携など、クラウドやスマホを使った連携機能にも注目です。SketchやZeplinとの連携も詳しく解説されています。本書は15章構成で、Web制作のワークフローのノウハウがぎっしり詰まっています。1章は概要で、2章から制作のテクニック、テキストデータの扱い方です。デザイナーもコーダーも共通して使用するのが、テキストデータです。仕様書にあるテキストデータ、デザインファイルにあるテキストデータ、PhotoshopやIllustratorやXDに効率よく流し込む方法、そして取り出す方法が詳しく解説されています。これだけで「買いだ!」と思った人は正解です!!Web制作のワークフローについて非常に詳しく解説されているのが本書の特徴です。5章はPhotoshopとIllustratorでのデザイン要素やパーツの作り方。スマートオブジェクトを使用した画像の編集方法、ボタンやテクスチャや背景の作り方、アイコンやロゴの作り方など、修正に強い作成方法が分かります。Cloudライブラリを活用できていない人は、この6章です。CCを使用してデザイン要素やカラースキームを作成し、簡単に管理することができます。作成したデザイン要素やカラースキームは、アセットとして利用することができます。個人のみで利用するだけでなく、チーム内でアセットを共有することも簡単にできます。7章はPhotoshopで、8章はXDでのレイアウトのデザインです。それぞれアートボードの使い方から、グリッドやガイド、パーツの共通化、アセット共有など、Webサイトやスマホアプリのレイアウト手法が解説されています。XDの強みはプロトタイプをさくっと作成でき、簡単に実機でプレビューできることです。XDのスマホアプリを利用すると、より現実に近いプロトタイプでの検証もできます。Webサイトでもスマホアプリでもテキスト、文字のデザインは欠かせません。PhotoshopとIllustratorの特徴を活かして、デザインしやすくて変更しやすい作成方法が解説されています。文字のデザインで表現の幅を広げるにはフォントも重要です。フォントの効率的な管理方法、文字パネルや字形パネルの使い方、また画像化されたフォントが何なのかというのもPhotoshopで見つけることもできます。13章はそれぞれでの画像書き出し。Photoshopで作成したカンプデータから、レイヤー単位で書き出すだけでなく、画像アセットの機能を使用すると簡単に自動化することもできます。Illustratorでの書き出しは今まではスライス機能を使用していたかもしれませんが、現在ではアセット機能が推奨されています。SVG形式での書き出しやSVGの最適化なども、最近では必須です。XDでも画像を書き出すことができます。便利なので、コーディングで必要になるデザインの指定データを書き出すことができる「デザインスペック」です。デザインの仕様をコーダーに渡す必要はありません。14章はコーダーに役立つ情報です。PSDやAIなどのデザインファイルから、サイズやカラーや文字装飾などのプロパティを抜き出す方法の解説です。最後の15章では、Adobe以外のプロダクトとの連携です。Sketchファイルを渡されたり、Zeplinでデータを渡さなければいけなかったり、いざという時のためにAdobe系とそれ以外のデータ互換方法についても学んでおきましょう。CloudエクストラクトでPSDからCSSやテキストを抜き出すAIからCSSやテキストを抜き出すほかのアプリとの連携について知ろうWeb制作でよく利用されるツールやサービスSketchとAdobeアプリのデータの互換性Photoshopで作成したカンプをZeplinで読み込むXDで作成したカンプをZeplinで読み込むこういう解説書を待っていた人も多いと思います。PhotoshopやIllustratorの使い方やチュートリアルは数多くありますが、ワークフローをベースに解説されているのは非常に数が少ないです。現時点で最新版対応です!初心者にも確かにお勧めですが、ベテランにもぜひ手に取って欲しい一冊です。変わらずに同じワークフローで続けている人は、新しい発見がたくさんあると思います。担当者様に御礼申し上げます。当サイトでは随時、献本を受け付けています。お問い合わせは下記よりお願いいたします。