「源ノ角ゴシックとNoto Sansならトラブルないと思ってました」的 AdobeXDで使うフォントの話｜Risa Yuguchi
この記事はAdobe XD アドベントカレンダー 2020 の2日目の記事です。 ときどき相談をうけるのですが、Adobe XDでWebサイトやサービスをデザインするときにどのフォントを使っていますか？ 最近では商用利用できる日本語フォントの種類はかなり増えました。一方Adobe XDは、Adobe FontからインストールできるフォントであればCreative Cloudとしての性質で自動的にインストールしてくれますし、USBで繋いでないデバイスプレビューでも自動的にダウンロードして表示してくれます。 今回は定番かつ安定的に使用できる二つのフォントと利用するときに注意が必要なフォントを二つ解説しました。 [おすすめ/名前注意]源ノ角ゴシック次の二つの条件のうち片方が揃ったらこれを選ぶのがおすすめ。 ・MacとWindowsの人が混ざっている ・スタータープランの人が参加している源ノ角ゴシ
ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ – Adobe Creative Station
ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでしょうか？ そこで、Wiresを日本向けに再構築したUIキットWires jpを用意しました。 Webサイトのワイヤーフレームを作成する時に必要な構成要素の中で、使用頻度が高いものはおおよそ決まってきます。オリジナルのWiresを参照しつつ、日本での作業を念頭に、ワイヤーフレーム作成時に使用頻度が高いと考えられる要素を厳選して構築したのがWires jpです。ラベル等のテキストも日本のサイトのものらしさを意識しました。 WiresにはWeb用とモバイル用の2つのファイルがありますが
Mr. CreativeEdge - Learn Adobe XD | Adobe XD プロトタイピング実践ガイド〜ユーザーの要求に応えるUI/UXデザイン
Adobe XDは2018年12月のアップデートでCreative Syncテクノロジーベースの新しいネイティブファイルタイプ（クラウドドキュメント）を導入しました。この仕様変更によって「クラウド保存」がデフォルトとなり、従来のCreative Cloud Filesよりも速く、そして堅牢な共有システムに変わりました。 今後のアップデートで、バージョン管理や共有者との共同編集を可能にするライブコラボレーション機能などが搭載されていく予定で、大規模なデザインシステムを構築できるデザインプラットフォームに進化していくことになります。 Adobeは「Spectrum」と呼ばれる大規模デザインシステムを構築しており、Adobe製品・サービスを対象に取り組んでいます。Spectrumは、Adobe Design Brandチームによって管理され、6つのプラットフォーム（UWP、macOS、iOS、A
デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld
デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基本的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア
Access UI design kits
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
UX Design Systems | Create & Maintain | Adobe XD Ideas
What Is the Purpose of a Design System?A design system is not just a collection of design artifacts; it’s a philosophy. To create a great user experience, product teams should understand not only what they need to build but also why they need to build it. That’s why design vision (in the form of a company or product strategy) and design principles (fundamental ideas about the practice of user inte
Color Designer for Adobe XD - colordesigner.io
Color Designer for Adobe XD Build color palette, generate shades and tints directly in Adobe XD
レスポンシブデザインにも対応！Adobe XDの4つの新機能｜ferret [フェレット]
Webディレクター、デザイナーがワイヤーフレームやプロトタイプを作る作業に非常に便利なツールであるAdobe XD。 Adobeではユーザーの声を受け、より使いやすく便利になるよう日々アップデートを続けています。9月に新たにアップデート版がリリースされました。 今回のアップデートではどのような機能が追加されたのでしょうか。内容を詳しく紹介していきます。 レスポンシブ・リサイズ 今回のアップデートの目玉と言えるのがレスポンシブ・リサイズ機能です。これによりデバイスごとのデザイン、レイアウトを簡単に作ることができます。レスポンシブデザイン、モバイル最適化が推進される昨今、非常に重要な機能と言えるでしょう。 参考： Adobe XD September Update: Responsive Resize | Adobe Creative Cloud Adobe XDにて複数のデバイスに跨いでデザ
![レスポンシブデザインにも対応！Adobe XDの4つの新機能｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/05f381bd4cb38bdc8f6dcc73b25c4822afc881b3/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F11023%2Fog_image%2Fdefault-fb1f83245352e916bc1fe393fc590aaa.jpg)
Adobe XDとPhotoshopのアセット連携が便利! 快適なデザイン制作フローを実現しよう - ICS MEDIA
Adobe XDがデザインやプロトタイプのツールとして広まっていますが、Photoshopなど他のデザインツールとの使い分けや連携に悩んでいるウェブデザイナーの方も多いのではないでしょうか？ この記事では、デザインフェーズにおいてXDとPhotoshopを併用してデザインする方法を紹介します。 Photoshop単体で最後までデザインすることもできますが、XDと連携することによって以下のような恩恵を受けられるようになります。 XDの機能「リピートグリッド」で作業効率をアップ プロトタイプで実際の動作をシミュレーション URL共有でフィードバックや修正のサイクルコストを短縮 XDの強みである動作の軽快さを利用して全体の画面を見通す PhotoshopとXDを行き来してデザインする場合 Photoshopでパーツをデザインし、XDでレイアウトする方法を紹介します。 Creative Cloud
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Better Design Systems with Adobe XD for Visual Studio Code | Envato Tuts+
Adobe XDの情報をキャッチアップするURLのまとめ｜えび🍤
20 Adobe XD UI Kits for Your Next Project | Envato Tuts+
Create repeating elements
https://www.repeatgrid.com/robots.txt
Chart — the most powerful data visualization plugin
UI/UXデザインツール『Adobe XD』入門 | chot.design
Behance
Learning the basics of Adobe XD in one hour
Behance
The Blog | Welcome to Adobe Blog
