【Adobe XD×Webディレクター】 効率3倍クライアント理解度2倍な現場のリアルとは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのちゃんれみです。 私が所属するWeb事業部では、今や制作に欠かせない存在となったツールAdobe XD。最近では共同編集機能まで追加され、どんどん使い勝手が良くなっています。 そして以前から他のWeb制作会社の方々がどのように使っているのか、もっと良い活用法はないのか、気になっていました。 そこで今回、アドビの担当者の方にご協力いただき、Adobe XDを愛用している制作会社4社合同で「XD×Webディレクター座談会」を開催させていただきました！ ファシリテーター：株式会社LIG Webディレクター ユニットリーダー兼チームリーダー ちゃんれみ2016年にWebディレクターとしてLIGにジョイン。受託のWebサイト制作をメインに、自社のロゴやWebサイト（LIGブログ）などのディレクションを担当。 Adobe XD担当：アドビ システムズ 株式会社 マーケテ
398988
ワイヤーフレーム作成、プロトタイプ、共有までを一元化！ Webディレクションの現場に革命を起こした「Adobe XD」の魅力とは こんにちは、Webディレクターのちゃんれみです！ 突然ですが、みなさんは「Webサイトのワイヤーフレーム作成」ってどのように進めていますか？ どの職種の人がどんなツールを使って作成するかって、会社やチームによって様々なんじゃないかと思います。 LIGの場合、デザイナー or Webディレクターが協力しながら作成することが多いです。 以前、Webディレクターユニットで「ワイヤーフレーム作成って、どのツールを使っていますか？」というアンケートをとったところ、こんな結果になりました。 LIGのWebディレクター陣がワイヤーフレーム作成に使っているツールのアンケート結果 なんと、まだ2017年10月に正式版がリリースされたばかりの「Adobe XD」がダントツの1位！
まだAdobe XD使ってないの？はじめての人もこれを読めばすぐに使えるAdobe XDのトリセツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
やっとかめだなも！ LIGのWeb事業部でマネージャーをしているちゃんれみです！ 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するためのベクターベースのツールです。ワイヤーフレーム、ビジュアルデザイン、インタラクションデザイン、プロトタイプ化、プレビュー、共有間の切り替えが簡単な、オールインワンの強力なツールです。（公式サイトより） ところが先日公開されたAdobe XD対談記事をシェアしたところ、意外にも「XDがんばって覚えねば……」「XDそろそろやらなきゃ」というコメントがいくつか寄せられ、まだまだAdobe XDを使ったことない方がいるんだな、と感じました。今回はそんなAdobe XDビ
デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld
デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基本的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア
XD ユーザーガイドへようこそ
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
デザイナーが使ってみた！Adobe XD CCの便利な機能 ｜ Tips Note by TAM
Web制作の現場では、どのツールを使って効率よく仕事を進めるかは大きなポイントと思います。 今回は、デザイナーの立場で、最近ProとなってリリースになったAdobe XD CCについて、実際にブログのデザインに使ってみた感想を共有したいと思います。 ※弊社は分業の体制が多く取られる為、あくまでもサイトのプロトタイプ作成ではなく、制作チームのデザインカンプの作成という視点で検証しています。 Adobe XD(Experience Design) CCとは UIやUXデザインに最適なように、簡単にワイヤーフレーム作成からデザイン、ページ遷移のシュミレーションができる、多目的なデザインツールです。 デザイン→検証→調整がやりやすいように作られているツールと思います。 WebデザインをPhotoshop→Illustrator→Fireworks→Photoshopというツールジプシーをしている私
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wires jp on Behance