成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
Adobe XD 2020年1月アップデートリリース！コンテンツに応じたレイアウト、新しいプラグインAPIなど #AdobeXD | Adobe Blog
2020年代の幕開けとなるこの1月に、Adobe XDのアップデートがリリースされました。 共同編集、ドキュメント履歴、コンポーネントのステート、共有モードなどを含む、Adobe MAXでのXDメジャーアップデート以降も、私たちチームは開発を続けてきました。12月のアップデートでは、バグ修正、ご報告いただいた問題点の解決、パフォーマンス向上に注力しましたが、新たな１年を始めるにあたって、今月のアップデートでは、コンテンツに応じたレイアウト、強化されたXDプラグインAPIなど待望の機能をお届けします。 私たちは引き続き、UserVoice（英語）に寄せられる機能リクエストやXDの今後についてのTwitter（英語）、Facebook、ならびにコミュニティフォーラム（英語）上でみなさんとの対話を重ねていきたいと思っています。 本記事では1月アップデートに含まれる新機能すべてをご紹介します。 A
Quick Mockup
For as long as we can remember, UX design required time-intensive, hands-on work. Now, that’s a thing of the past. Quick Mockup is a Plugin for Adobe XD that lets you bring your ideas to life - fast, simple and easy. Explore and iterate quickly - moving seamlessly from lo-fi wireframes to hi-fi designs in just one click! Design User Interfaces, In seconds Quick Mockup comes with an extensive libra
Adobe XDがSketchよりも優れている理由
最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れなのでしょうか。 Why Adobe XD is better than Sketch. by Simon Fairhurst 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Sketchの特徴 Adobe XDの特徴 はじめに 私の前回の記事では25,000を超える閲覧と共有があり、SketchとAdobe XDの2つのツールの比較について補足したいと思いました。 前回の記
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
【Adobe XD】自動アニメーションで、展開メニュー、スライドショー、カルーセルを作ってみた | バシャログ。
こんにちは。sitoです。 11月20日（火）にパシフィコ横浜で開催されたAdobe MAX Japanに行ってきました！ セッションの内容はもちろん、去年買えなかったPhotoshopクッションを買えたので私は満足です。（XDクッションも欲しかったのですが、クッションは１人１個までだったので諦めました。。。また来年買えるといいなあ。。。） 今回はAdobe MAXでも話題になっていた、XDの自動アニメーション機能をいじっていきたいと思います。 自動アニメーションで、上から展開するメニューを作ってみた ▼やりたいこと ハンバーガーメニューをタップすると、上から下に向かってメニューが展開する ハンバーガーアイコンがアニメーションして「✕」アイコンに変わる ▼サンプルはこちら ハンバーガーアイコンがアニメーションして「✕」アイコンに変わる 先にアイコンのアニメーションを作っていきます。 ハンバ
Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです！ そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか？ 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
これからのアニメーションと、XD｜Osamu SATO
上の画像かこちらをクリックすると、Twitterの動画を見ることができます。 この記事は、2019年3月20日に開催されたAdobe XDの勉強会「Adobe XD ユーザーグループ 東京 vol.22」にて私が発表した資料になります。 概要「アニメーションって流行っているみたいだけど、これから先も役に立つの？」「一過性のものなんじゃないの？」そんな不安をお持ちの方、いませんか？ このセッションでは「これからのアニメーション（特にインタラクション）」にスコープを当て、将来の利用シーン予想とXDの役割についてご紹介します。 ※アプリケーションの具体的な操作方法については、あまり触れていません。はじめに前提1：アニメーションとは アニメーションといっても広義すぎるので、ここでの「アニメーション」についての定義です。今回は、Web系の参加者が多かったので「Web関連で利用するとき」に限定します。
最前線で活躍するUIデザイナーに聞いた、Adobe XDの良い点・ダメな点 | 株式会社プライサー
こんにちは。デザイナーのモッチです。 今話題の『Adobe XD』、みなさんはもう活用されていますか？ アプリデザインの現場で、格段のスピードアップが期待される新しいデザインツールです。今回はそのAdobe XDについて、当社でバリバリ活用しているUIデザイナー・さっちーさんにきいてみました。 Adobe XDってなに？ ──まずはじめに、Adobe XDってなんですか？ Adobe XDなら、これ1つでコンセプトからすばやくプロトタイプも作成できます。Webサイト、モバイルアプリ、その他のデザインがこれ1つで可能な、まったく新しいUI/UXソリューションです。 …とAdobeのサイトからコピってみました（笑）。でも、本当にその通り。 UI/UXのためにまったく新しい方向から発足した開発チームが作ってくれたぞー！ という感じのアプリケーションです。それでいてAdobeユーザーであれば（で、
Adobe XDでWebデザインをしよう！画面作成からページ推移までの手順を紹介
2018年3月15日 Webデザイン, XD デザインやプロトタイプを作成できるAdobe XD。みなさん使っていますか？先日アップデートもされ、Photoshopとの連携がより簡単になったり、Sketchファイルも扱えるようになるなど、進化が進んでいますね。これまではWebサイトのデザインにはPhotoshopが多く使われてきましたが、これからはXDが主力となっていきそうな予感。ということでAdobe XDを使ったWebデザインの手順を紹介します！ ↑私が10年以上利用している会計ソフト！ 今回作成するもの このように簡単なホームページと問い合わせフォーム用のモーダルウィンドウの画面を作ります。プロトタイプ機能で画面推移のアニメーションも加えてみましょう！ 1. 画面の作成準備 Adobe XDを立ち上げ、Web用の画面を1280×800のサイズで新規作成します。「portfolio」と
Supported features when you open Photoshop files in XD
Adobe XD User Guide Introduction Release updates Common questions Design, prototype, and share with Adobe XD Color Management System requirements Hardware and software requirements Adobe XD, Big Sur, and Apple silicon | macOS 11 Workspace basics Change app language in Adobe XD Access UI design kits Accessibility in Adobe XD Keyboard shortcuts Tips and tricks Design Artboards, guides, and layers Ge
Adobe - Adobe Creative Suite 4 Webエディション
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
Adobe XDで快適！と感じたこと6つ - aicocco/かんろ
こんにちは、かんろです。 最近仕事でAdobe XDを使う機会がとても増えました。 Fireworksが開発終了になってからワイヤーやカンプはIllustrator中心で作成していて、少しのAffinity Designerを使っていた時期もあったのですが、使っていた当時は日本語入力がとても弱かったことと、周りの人とデータの共有がしにくかったのでIllustratorに戻りました。 作業の流れは、ワイヤーを書きカンプ、そしてモックアップを作りながらプロトタイプを作っていくようなイメージで進めています。これを1ファイルで済ますことができるのが個人的にとても便利！ あと、なんといっても軽いのがうれしい！起動がめんどくさくないというのが地味に大きいです。 そんなAdobe XD、気になってはいたけどまだ使ってない、でも気になる！という人向けに、個人的に良いな、便利だな、と思った機能を改めてまとめ
AdobeXDでプレゼン資料のテンプレートを作ったからダウンロードしてね
提案資料のテンプレートをXDで用意しました 内容はWebサイトのフルリニューアルを想定しています。 目次は下記の通りです 与件整理 目標達成に向けた考え方 ご提案内容 サイトマップ スケジュール 体制図 参考資料 最後の参考資料のページには空白のページになっていますので案件ごとに資料を貼り付けたりして使ってください。 Webのリニューアルでなくても、必要のないページは削除して汎用的に使えると思います。 まあ、とにかく好きに使ってください。 ダウンロードはこちらから 僕が実際に提案した資料の必要のない部分を削除して作りました。 空白や、余計なスペースがあるので、そこにあなたの提案を埋めて完成させてください。 このリンクからダウンロードして使い方を覚えて提案資料を作れるようになりましょう。 パワポより便利でお手軽 このブログでもXDの記事の人気は高いです。 あわせて読みたい Adobe XDで
チームの課題から考える、Adobe XDとSketchの導入メリット | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
現場で必要なデザインツールの見つけ方
ツールは表現から連携の時代へ 制作プロセスは、設計→デザイン→実装という真っ直ぐな線になっているように思われがちですが、あちこちに『溝』があります。関わる人が増えたり、心理的・身体的距離があれば、それだけ溝を埋めるための作業が増えていきます。 決裁者の意図・ビジネスの目的を読み取って具体的な要件にするための溝 要件を伝え、画面設計に落とし込むときの溝 画面設計から適切だと考えられるビジュアル言語を作るときの溝 ビジュアルデザインから人々が見て、触れるような状態にするための溝 デザインツールはデザイナーの都合で選べば良いわけではなく、ツールによってはプロセスの溝を深いものにしてしまう場合があります。 Photoshop や Illustrator のような従来のデザインツールと、過去 5 年くらいに登場したデザインツールの大きな違いは、デザインプロセスにおいて解決したい課題が違うところです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spectrum, Adobe’s design system
AdobeXD用 Bootstrap4テンプレートデータを無料公開しました（Mac向け） - ろくデブログ
Adobe XDのシンボルの使い方：9つの基本機能 - Adobe Blog
Adobe XDスターターキット基礎編 Mac版/Win版 提供開始！15分で学べるXDの基本的な使い方 | アドビUX道場 #UXDojo – Adobe Creative Station