連載

Adobe XDでウェブデザインを加速する!

浅野 桜

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でデザイン制作をする人も増えています。では、両者の違いはどこにあるのでしょうか? この...