これ便利すぎ！Adobe XDのおすすめ無料プラグイン20個まとめ
この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース
Adobe XDでアニメーションのあるプロトタイプをデザインしよう
2022年4月27日 Webデザイン, XD Webサイトのデザインカンプを画像として作成…というのはもう昔の話。最近ではアニメーションの伴ったWebサイトやアプリばかりで、それを画像で説明するのはなかなか困難です。Adobe XDを使えばアニメーションを含めたプロトタイプが作成できますよ！ ↑私が10年以上利用している会計ソフト！ 作成するもの 今回はAdobe XDを使って、ローディングバーが動き、画面が推移し、スワイプで画像が切り替わる、というアプリのプロトタイプを作ってみようと思います。 Adobe XDの基本的な使い方は過去記事を参考にしてみてください： Adobe XDでWebデザインをしよう！画面作成からページ推移までの手順を紹介 Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた ローディングバーの作成 まずはベースとなる画面とロ
最前線で活躍するUIデザイナーに聞いた、Adobe XDの良い点・ダメな点 | 株式会社プライサー
こんにちは。デザイナーのモッチです。 今話題の『Adobe XD』、みなさんはもう活用されていますか？ アプリデザインの現場で、格段のスピードアップが期待される新しいデザインツールです。今回はそのAdobe XDについて、当社でバリバリ活用しているUIデザイナー・さっちーさんにきいてみました。 Adobe XDってなに？ ──まずはじめに、Adobe XDってなんですか？ Adobe XDなら、これ1つでコンセプトからすばやくプロトタイプも作成できます。Webサイト、モバイルアプリ、その他のデザインがこれ1つで可能な、まったく新しいUI/UXソリューションです。 …とAdobeのサイトからコピってみました（笑）。でも、本当にその通り。 UI/UXのためにまったく新しい方向から発足した開発チームが作ってくれたぞー！ という感じのアプリケーションです。それでいてAdobeユーザーであれば（で、
目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度
プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。 今回は、探している特定の無料ワイヤーフレームを簡単に見つけることができるよう、マテリアルデザインやiOS向け、多目的モバイルアプリ、ウェウデザイン、UXデザインにカテゴリ分けしてご紹介します。 仕様やガイドライン、デザイントレンドは絶えず改善されており、以下の最新ワイヤーフレーム用テンプレートを活用してみましょう。 1. iOS ワイヤーフレーム素材 2. マテリアルデザイン用ワイヤーフレームキット 3. 多目的モバイル向けワイヤーフレームキット 4. Webデザイン向けワイヤーフレームテンプレート 5
Adobe XDをデザイン・プロトタイプ制作だけでなく様々な方法・場面で活用してみよう - ろくデブログ
この記事は Adobe XD Advent Calendar 2017 19日目の記事です。2017年10月19日にリリース版になった XD。その魅力について前の記事では “他のデ...
Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画
CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされました。 それらのアプリでどんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。 それぞれの動画は1分ほどですが、数があるのでブックマークしておいて、時間のある時にじっくり見てみてください。 いつもの作業にも新しい発見があるかもしれませんよ。
Adobe XDがどんどん便利になってる！Web制作に使える無料素材のまとめ
先週のCreative Cloudアップデートで、Adobe XDが正式版としてリリースされました。Adobeユーザーはもちろん、Windowsがメイン環境の人にもUI/UXデザインの本命と言えるでしょう。 昨日のAdobe Creative Cloud道場のライブ動画ではAdobe XDの近い将来の機能として、タブレット用のレイアウトを作成したら、人工知能Adobe Senseiでスマホ用の複数のレイアウト候補を自動作成し、あとはそこから選び出せるようになるとのことです。作業には時間をかけず、クリエイティブに時間をかけることができますね。 Adobe XDでWebサイトやスマホアプリを制作する際に役立つ、ユーザーフローやワイヤーフレーム、グリッド、スタイルガイド、UIコンポーネントなどの無料素材を紹介します。
Adobe XDの機能がいつの間にかこんなにも充実してた！Adobe XDとSketchの気になる機能を比較
Adobe XDは毎月のようにアップデートされ、着実に機能が充実されています。 現在はベータ版ですが、正式版のリリースもそう遠くないかもしれません。 UXツールとして同じく人気が高いのは、Sketchです。Adobe XDとSketchがデザインからプロトタイプの作成まで、そしてデータの受け渡しまで、どちらがUXデザインのフローを達成するために適しているのかチェックしてみましょう。 Adobe XD vs. Sketch - Which UX Tool is Right for You? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 UXのデザインツール Adobe XDとは ユーザーインターフェイスと便利な機能 Adobe XDとSketch（プラグイン込み）の比較 デザインツール選びの判断 UXのデザインツール UXのワー
作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。 素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。 、 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材30個まとめ
インターネットが進化することで、ウェブデザインの作成方法は変化してきていますが、デザインや配色など基本的な要素で悩んでしまうということも多いのではないでしょうか。 あらかじめ利用する素材を揃えたUIコンポーネントを使えば、より手軽にそしてスピーディーにデザインをウェブサイト制作を進めることができます。 今回は、あらゆるデザインコンセプトやプロジェクト案件に対応でき、無料ダウンロードできるUIコンポーネント素材をまとめてご紹介します。Photoshop で利用できるのはもちろん、最近人気の Sketch や Figma、Illustrator にも対応する素材が揃います。デザインアイデアが欲しいときなど、今後の参考にしてみてはいかがでしょう。 詳細は以下から。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材まとめ iOS 10 GUI Kit Sketch / PS
Adobe XDのアップデートされた機能のここに注目！2016年7月・8月に追加された新機能のまとめ
Adobe XDはユーザーのフィードバックをもとに、毎月のバージョンアップを重ねて確実に進化しています。6月にはメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。 また、年内にはWindows版もリリースされる予定です。 今月・先月に実装された新機能を紹介します。 Adobe XD Adobe XDのメイン機能は、下記ページが参考になります。 UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します Adobe XDの便利なショートカットを一枚にまとめたチートシート ズーム ツール 前のアートボード PDFの書き出し Sketchや他のツールからのコピペに対応 線形グラデーション カラー値の指定 効果なし その他のアップデート 次に予定されているアップデート 参考 ズーム ツール（2016年7月アップデー
Adobe XDの便利なショートカットを一枚にまとめたチートシート
Adobe XDは先月のバージョンアップでメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。次回はズームツールやPDFの読み込み/書き出しが追加予定で、年内にはWindows版もリリースされる予定です。 Adobe XDを使う時にはやっぱりショートカットを覚えておくと非常に便利です。ショートカットをまとめたチートシートを紹介します。 Adobe XD Adobe XDの機能について詳しい情報は、下記ページを参考に。 UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します Adobe XDのショートカットはAdobeのソフトウェアなので、PhotoshopやIllustratorなどを使用している人は違和感なく操作できると思います。
新UXデザインツール Adobe XD、作業がはかどる便利ショートカット機能13個まとめ
ウェブサイトやアプリのつくり方が多様化するいま、素早くデザインを作成し、ページ遷移など実際の動きまで確認できることが大切になってきていきます。先日、日本語版もリリースされたUXデザインツール Adobe XD は、そんな面倒な作業をスピーディーに行うことができるツールと言えるでしょう。 今回は、海外デザインブログSmashing Magazine で公開されていた「Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)」より、Adobe XD の覚えておきたい便利なショートカット機能をまとめてご紹介します。これらの機能を習得することで、制作効率をグッとアップすることができるようになります。
ついに「Adobe XD」の日本語版リリース！Webサイト制作がはかどり過ぎて楽しい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか？ ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「Adobe XD」日本語版のリリース日です！ webデザインの現場でも存分に使える「Adobe XD」。アドビさんのご厚意とPRのため、一足早めに使わせてもらいました。 早速、その使用感についてレポートしていきます。 そもそも「Adobe XD」とはSketchやProttのいいとこ取りソフト 「Adobe XD」の正式名称は「Adobe Experience Design CC」。新しいUXデザインツールとして、プレビュー版が今年の春にリリースされ話題になりました。 公式の記事はこちら。 アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場！ 使い方をクイックに解説 「Adobe XD」は、デザインが作成できるだけで
UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します
Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド（Repeat Grid） Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた
2018年3月15日 XD, スマートフォン, 便利ツール 先日発表された、Adobeのプロトタイピングツール、Adobe Experience Design（Adobe XD）。Sketchライクなシンプルなグラフィックツールです。なにやら面白そうだったので、早速つついてみました。デモとして、簡単にチャットアプリのプロトタイプを作ってみたので、使用感とともに紹介します。 ↑私が10年以上利用している会計ソフト！ Adobe Experience Design（Adobe XD）って何？ Adobe XDはアプリやWebサイト等のデザインに使えるグラフィックツール。ただグラフィックが作成できるだけではなく、クリックやタップで次の画面に移動し、実際に動作しているようなプロトタイプも作成できます。それだけの機能がついて、なんと無料です！ 残念ながら今のところMac専用ツールですが、今年中にWi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Collector iOS Wireframe UI Kit