浅野 桜

(株)タガス 代表・デザイナー / 印刷会社、消費材メーカーのインハウスデザイナーを経て現職。DTP・Webなどの企画立案、デザイン制作や中小企業が抱える販売促進全般の問題解決や新規立ち上げにあたる。共著書に『神速Photoshop』『Webデザイン必携。プロに学ぶ現場の制作ルール84』など。

浅野 桜

Adobe XDでウェブデザインを加速する![第5回] 「共有」モードからはじめるチーム間コミュニケーション

ウェブサイトやアプリのデザインでは、他のメンバーの意見を聞くための「レビュー」の工程がとても大切です。ひとりのデザイナーが「完璧に」つくり込んだデザインが、後からクライアントの意図とずれていると判明する状況は誰しも避けた...

浅野 桜

Adobe XDでウェブデザインを加速する![第4回] デザインに動きをつけよう!プロトタイプモードでUIをつくる

ウェブサイトのデザインは見た目だけでは終わりません。どこがクリックできるのか、クリックすると何が起こるのか、クリックできることをユーザーにどう伝えるのかをデザインして、ステークホルダーや開発者と共有しなければなりません。...

浅野 桜

Adobe XDでウェブデザインを加速する![第3回] 変更もラクラク!CCライブラリ&アセットパネルでスタイルを管理

ウェブデザインには同じボタンや文字スタイルが繰り返し登場します。CSSでのスタイリングを前提とするなら、一度つくったデザインアセットをコピー&ペーストして複数配置する方法は大変理に適っています。ですが、変更が入ったときに...

浅野 桜

Adobe XDでウェブデザインを加速する![第2回] Photoshopの精度をキープしつつ、XDでレイアウトの速度をアップ!

PhotoshopとXDを組み合わせてウェブサイトをデザインするワークフローは大きく2種類に分けられます。 ひとつはPSDでウェブのデザインカンプを作成しておき、それをXDで開いて作業を継続する方法です。もうひとつは、部...

浅野 桜

Adobe XDでウェブデザインを加速する![第1回] Photoshopユーザー的、Adobe XDコラボのススメ

ウェブの黎明期以来、多くのデザイナーがPhotoshopを使ってサイトデザインに取り組んできました。その一方で、近年はAdobe XDでデザイン制作をする人も増えています。では、両者の違いはどこにあるのでしょうか? この...

浅野 桜

Photoshop CCの基本 第4回:Web用画像を書き出す4つの方法をマスター!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshopの最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、Web制作の現場で役立つ、PSDドキュメントから画像を書き出す方法をご紹介し...

浅野 桜

Photoshop CCの基本 第3回:モバイルチェックは「デバイスプレビュー」+iOSで一瞬!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshop最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、お手持ちのiOSデバイスでデザインカンプをリアルタイムで確認できる、「デバイス...

浅野 桜

Photoshop CCの基本 第2回:「選択とマスク」で素早く合成!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshop最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、写真の合成に便利な「選択とマスク」の基本操作について説明します。 (記事執筆時...

浅野 桜

Photoshop CCの基本 第1回:「アートボード」でRWD用カンプを楽々作成!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshopの最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、Photoshopの「アートボード」の基本や便利な使い方について説明します。...

浅野 桜

スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第3回:何度でも変更できる「スマートフィルター」

前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回は、スマートオブジェクトにフィルター効果をかけられる「スマートフィルター」機能について解説します。最後に、リンクされたオブジェ...

浅野 桜

スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短

前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回はスマートオブジェクトの編集機能を活かした画像やボタンなどの一括変更の方法や、「埋め込みで配置」「リンクで配置」の使い分けにつ...