The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
![The Blog | Welcome to Adobe Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/384feb49f19024293f218545a6a4175e78ec5e35/height=288;version=1;width=512/https%3A%2F%2Fblog.adobe.com%2Fdefault-meta-image.png%3Fwidth%3D1200%26format%3Dpjpg%26optimize%3Dmedium)
やっとかめだなも! LIGのWeb事業部でマネージャーをしているちゃんれみです! 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するためのベクターベースのツールです。ワイヤーフレーム、ビジュアルデザイン、インタラクションデザイン、プロトタイプ化、プレビュー、共有間の切り替えが簡単な、オールインワンの強力なツールです。(公式サイトより) ところが先日公開されたAdobe XD対談記事をシェアしたところ、意外にも「XDがんばって覚えねば……」「XDそろそろやらなきゃ」というコメントがいくつか寄せられ、まだまだAdobe XDを使ったことない方がいるんだな、と感じました。今回はそんなAdobe XDビ
2019年5月のアップデートでシンボルが廃止され、代わりに「コンポーネント」が実装されました。従来のシンボルに比べ柔軟なパーツのバリエーション作成が可能で、またドキュメント間での同期が行えるため複数人での作業やアセットの再利用がより効率的にできるようになりました。 従来のシンボルの機能と課題 シンボルは、ドキュメント内に同じ要素を繰り返し配置する場合に使用します。要素をシンボル化して配置することで、後からまとめて変更できるのが特徴です。シンボル内の要素の位置や大きさなどを変更すると、シンボルのコピーすべてに反映されます。 またテキストとビットマップは個別に設定可能で、たとえばボタンのテキストだけを変更するといったことができます。しかし、マウスオーバーや非アクティブ時のデザインで色や線を変更したい場合は変更が同期されてしまうため、別のシンボルとする必要がありました。 コンポーネントではこうい
こんにちは、かんろです。 最近仕事でAdobe XDを使う機会がとても増えました。 Fireworksが開発終了になってからワイヤーやカンプはIllustrator中心で作成していて、少しのAffinity Designerを使っていた時期もあったのですが、使っていた当時は日本語入力がとても弱かったことと、周りの人とデータの共有がしにくかったのでIllustratorに戻りました。 作業の流れは、ワイヤーを書きカンプ、そしてモックアップを作りながらプロトタイプを作っていくようなイメージで進めています。これを1ファイルで済ますことができるのが個人的にとても便利! あと、なんといっても軽いのがうれしい!起動がめんどくさくないというのが地味に大きいです。 そんなAdobe XD、気になってはいたけどまだ使ってない、でも気になる!という人向けに、個人的に良いな、便利だな、と思った機能を改めてまとめ
提案資料のテンプレートをXDで用意しました 内容はWebサイトのフルリニューアルを想定しています。 目次は下記の通りです 与件整理 目標達成に向けた考え方 ご提案内容 サイトマップ スケジュール 体制図 参考資料 最後の参考資料のページには空白のページになっていますので案件ごとに資料を貼り付けたりして使ってください。 Webのリニューアルでなくても、必要のないページは削除して汎用的に使えると思います。 まあ、とにかく好きに使ってください。 ダウンロードはこちらから 僕が実際に提案した資料の必要のない部分を削除して作りました。 空白や、余計なスペースがあるので、そこにあなたの提案を埋めて完成させてください。 このリンクからダウンロードして使い方を覚えて提案資料を作れるようになりましょう。 パワポより便利でお手軽 このブログでもXDの記事の人気は高いです。 あわせて読みたい Adobe XDで
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは!現在キッズリーのデザインを担当しているデザイナーの町田(@macheri_me)です。 今年で中途入社3年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか?少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
243 Screens, Last modified on Nov 27, 2017 12:42 GMT
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 CCってどういうツール? Adobe XD CCはWebサイトやスマホアプリなどを手軽にデザインするためのツールで使い方も簡単。さらに、デザインした複数のページを簡単につなげて、実際に動いているかのようなプロトタイプを作る事もできるんだ! Adobe XD CCはそれらを直感的な操作で仕上げる事ができ、軽量で使いやすいUIになっているので、人気がぐんぐん上がっているのだ。 まずは完成形のデザイン 今回はAdobe XD CCで「ドラえもんのLINEグループ」というコンセプトで簡単にデザインしてみた。作業時間だけで言えば「15分」もあればデザインできてしまう。 今回はこのデザインを元にAdobe XD CCの使い方を学んでいこう! Adobe XD CCのスタート画面の使い方 Adobe XD CCをインストールしたら最初に次の画面が立ち上がり、デバイスから選ぶ形でアートボ
Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在使用している人は注目でしょう。Web制作者、デザイナー、イラストレーターなどに便利な新機能が盛りだくさんとなっています。 『新しい方法で、アイデアをすばやくカタチに』 上記のAdobe様の広告画像もCreative Cloudの最新画像です。 Photoshop CC 2018のスプラッシュスクリーン Photoshopの新機能が分かる1分動画 Illustratorの新機能が分かる1分動画 Adobe XDの新機能が分かる1分動画 撮影した画像から、好みのフォントが見つけられる Creative Cloudの新機能が分かる2分動画 Photoshopの新機能が分かる1分動
[速報]Adobe XDの大規模機能追加を発表!スタイルガイドの共有やコラボ編集をはじめ、待望のレイヤー・シンボル機能を搭載 Adobe Systemsアドビ システムズが世界最大のクリエイティブカンファレンスAdobe MAX 2016(米サンディエゴ)で、Experience Design CC(Adobe XD)の大規模な機能追加を発表しました。本記事では、速報としてAdobe XDの新機能を現地スタッフがレポートしつつ、クリエイターの視点から魅力や使い所を紹介します。 ▲Adobe MAX 2016の基調講演 XDはAdobe製のUXデザインツール XdはAdobe製のUXデザインツール。モバイルアプリやウェブサイトのプロトタイプを簡単な操作で制作できるデスクトップのソフトウェアです。昨年のAdobe MAX 2015で「Project Comet」という名前で発表され(参照「Ad
アドビ システムズ主催のクリエイター向けイベント「Adobe MAX Japan 2016」が9月2日、開催された。 これは、米サンディエゴで行われている本家イベント「Adobe MAX」を日本のユーザー向けに開催するもの。イベント当日は多種多様なセミナーが行われたが、本稿では「プロトタイプで舵を取れ!Adobe XDを使った最強のUI/UXデザイン手法」と題して行われたセッションの模様をお届けする。 "ハードルは高くスケジュールは短い"Webの現場 同セッションのスピーカーは、ビジネス・アーキテクツのデザイナーの荒木脩人氏。荒木氏が所属するビジネス・アーキテクツは、ウェブサイトの構築を中心に、コンテンツ開発からデータ解析、調査、分析、最適化まで行うデザイン会社。じぶん銀行や森ビル・六本木ヒルズのウェブサイトやauもモバイルサービスアプリなどが代表的な作品だ。 そんな中、2012年に同社に
ウェブサイトやアプリのつくり方が多様化するいま、素早くデザインを作成し、ページ遷移など実際の動きまで確認できることが大切になってきていきます。先日、日本語版もリリースされたUXデザインツール Adobe XD は、そんな面倒な作業をスピーディーに行うことができるツールと言えるでしょう。 今回は、海外デザインブログSmashing Magazine で公開されていた「Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)」より、Adobe XD の覚えておきたい便利なショートカット機能をまとめてご紹介します。これらの機能を習得することで、制作効率をグッとアップすることができるようになります。
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか? ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「Adobe XD」日本語版のリリース日です! webデザインの現場でも存分に使える「Adobe XD」。アドビさんのご厚意とPRのため、一足早めに使わせてもらいました。 早速、その使用感についてレポートしていきます。 そもそも「Adobe XD」とはSketchやProttのいいとこ取りソフト 「Adobe XD」の正式名称は「Adobe Experience Design CC」。新しいUXデザインツールとして、プレビュー版が今年の春にリリースされ話題になりました。 公式の記事はこちら。 アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場! 使い方をクイックに解説 「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
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く