AdobeXDで画面設計資料を作るときに気をつけること・おすすめの作り方（前編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エクセルやパワポで作るよりもいろいろな利点があるため気に入っているのですが、思わぬところに落とし穴があったりと、いろいろ工夫が必要なところがあります。 そこで今回は、私がXDで画面仕様書を作る際に気をつけていることと、おすすめの作り方をご紹介します。 今回は下準備編です。 下準備その1：前提資料一式を作る まずはXDで画面仕様書を作る前に、必要な前提資料一式を作ります。これらを作らずに画面仕様書を書き始めてしまうと、書き方が迷走したり、 一つの資料に情報を詰め込みすぎた見にくい資料になってしまいます。 最低限、以下の資料は事前に作るようにしています。 サイトマップ ディレクトリマップ（テンプレート一覧） コンポーネント一覧 フォーム入力項目一覧 ※フォームがある場合 CMS編集項目一覧 ※CMSがある場合 いずれも一覧系の資料になります。画面上の細かい仕様を決める前に、これらの資料を通し
デザインスピード1.5倍！？Adobe XDにおけるデザインデータ管理術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 常に美しいデータ管理を模索中のありさんです。 突然ですが、XDでデザインしているとき、データってカオスになりがちですよね……？ メインコンポーネントがどこだかわからなくなる XDがフリースタイルすぎて、とっ散らかる 自分しか理解できない置き場所になってしまう 自分だけで作っているときは良いですが、いざフロントエンドやバックエンドのエンジニアさんにお渡ししたときに「これどうなってるの……？」って困らせてしまうケース……私はめっちゃあります！！！！！ そんな、プロジェクトの平和のために、ワイヤーフレーム作成、デザイン作成時の管理方法を作ってみました。 今回紹介する管理方法を実際のプロジェクトでも使ってみたところ、プロジェクトメンバーとの意思疎通もスムーズでデザインスピードも1.5倍（体感）くらいになったので、紹介します。 XDデータをつくるうえでの要件 プロジェクトメンバー全員が
HTML/CSSコーダーにもXDのプラグインの自作をお勧めする件 - Qiita
XDのプラグインといえばデザイナー向けの便利機能が多いと思いますが、HTML/CSSコーダーがXDから情報を取り出すときにもプラグインが便利です。一般に公開されているものもたくさんありますが、ここではXDのプラグインを自作する方法について説明します。 機能としては以下のようなものを作ります。 グループ内のテキスト要素から文字をまとめてコピーする １つのテキスト要素や四角要素から色情報などを取り出し、css形式でコピーする また、自作することにより、以下のようなメリットがあります。 自分のコーディングルールに合うようにカスタマイズできる ちょっとjavascriptの練習になる 対象の読者 XDのデザインカンプをもらってHTML/CSSをコーディングする人 javascriptの基本的な文法が分かる人 XDが初めての方はこちら↓ 今回も、こちら↓のサイトから、ポートフォリオのXDファイルをお
Adobe XD 2021年第1四半期に大幅アップデートされた機能を紹介（XD36・XD38） | パソコン工房 NEXMAG
株式会社フライング・ペンギンズ/Adobe Community Evangelistの湯口です。 今回はAdobe XD（以下XD）の2021年第一四半期のアップデートで一番話題になった「破線の自動アニメーション」と、一番大きな変更のWindows版のUIリニューアルを中心にご紹介します。 新機能「破線の自動アニメーション」とは 「破線の自動アニメーション」と聞いても言葉だけではわかりにくいので、まずは動きを見てみましょう。円、バツマーク、三角形の形に注目してくださいね。 円は時計回りにぐるっと、バツは点線から実線に、三角形は各頂点から辺へ、線が伸びているのがわかります。一見複雑ですが、この新機能を使うとアートボード2枚と簡単な設定だけで実現できます。 単純にするためにアニメーションの開始時／終了時を円だけのアートボードで示してみました。ポイントは、左側（開始時）のアートボードでは黄色い線
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【5分で解決】CSSのletter-spacingからAdobe XDでの文字間を計算する方法
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog