さよならSketch、こんにちはFramer X｜KANTA YAMAGATA｜note
Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
株式会社アミテン
アプリの企画、制作 ウェブアプリからスマホアプリ、システムまで、要件に合わせて環境やプロジェクトチームの構築から行います。代表がNuxt.js好きです。 使用技術 フロントエンド HTML, CSS, movie, JavaScript, Vue.js バックエンド PHP, Node.js, Python DB MySQL, PostgreSQL, MongoDB, SQLite クラウド AWS, Firebase, Heroku, Netlify no code studio アプリ開発 Electron, Capacitor プログラミング教育 大人向けに自社開発のテンプレートを使ったレクチャーを、子ども向けにロボットを使った教室を行っています。 地域活性化支援 CivicTech（シビックテック）をはじめとして、政策提言のサポート、雇用創出の支援を行っています。
Adobe XDのシェイプを徹底攻略
こちらは、Adobe XD Advent Calendar 2016の6日目の記事です2017年8月アップデートで、「外観をペースト」機能が搭載されたので一分情報を修正しています。(2017/09/11追記) 今のところあまりAdobe XDだけでアートワークを作るという方は少ないかもしれませんが、Adobe XDのデザインビューの中で最も使いやすい機能の一つにシェイプ同士の組わせ、Illustratorで言うところの複合オブジェクトがあります。 これをしっかり押さえれば、Adobe XDを使ったアイコンやイラストの作成が一気に楽になります。それでは見ていきましょう。 4つのシェイプ描画ツール、4つの演算合成Adobe XDのシェイプを描くツールはシンプルに4つ。これしかないとも言えるし、これだけ覚えればだいたい絵は描けるとも言える絶妙なツール群です。 Adobe XDの演算合成はヘルプに
Adobe Xd Tutorials
Learn to use Adobe XD and create some awesome designs and prototype some unique user interactions.
Wires, free wireframe kits for Adobe XD on Behance
Make prototypes like this. You can click through it!
Adobe XDでアプリのデザイン〜プロトタイプを作ってみよう！【機能と使い方】 | KERENOR { ケレンオール }
Adobe XDは、WebサイトやアプリのUI/ワイヤーフレームを作成したり、その作成したファイルで画面遷移を設定し、実機などで動作のプレビューができるUI/UXデザイン・プロトタイピングツールです。 簡単に言うと、「ページ間の移動ができる、動くワイヤーフレーム」という感じです。最近では機能が充実してきて、デザインもかなりできるようになっています。 この記事では、実際にAdobe XDを使用して、ユーザーがレシピを投稿する「みんなのレシピ」という架空のアプのTOPページとレシピ一覧ページを作成し、そのページを元にプロトタイプを作成する方法をご紹介します。 ベータ版XDのリリース時に執筆したので、多少機能や見た目は変わっているところもありますが、ソフトの特徴と制作の流れは分かるかと思います。 今回作る架空のレシピアプリ 今回は、以下の画像のようなデザインのアプリを作成します。 TOPページを
XD ユーザーガイドへようこそ
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
アセットとコンポーネントの管理
アセットパネルにカラーとグラデーション（線形または放射状）を追加する方法：アートボード上のオブジェクトまたはオブジェクトグループを選択し、アセットパネル内の「カラー」の横にある「+」アイコンをクリックします。詳しくは、カラーをアセットとして追加、使用するを参照してください。 アセットパネルに文字スタイルを追加する方法：アートボード上のテキストまたはテキストボックスを選択し、アセットパネル内の文字スタイルの横にある「+」アイコンをクリックします。詳しくは、文字スタイルをアセットとして追加、使用するを参照してください。 アセットパネルからアセットを削除する方法：アセットパネル内のアセットを選択し、右クリックするか（Windows）、Ctrl キーを押しながらクリックして（Mac）、コンテキストメニューから「削除」を選択します。 アートボードまたはアートボードグループを選択し、「+」アイコンをク
【XD入門】基本操作の説明 - Qiita
XDの基本操作をまとめました。（2017年/3月/18日現在） macOSを基準としているので、一部Windowsでは対応していない機能もあります。 Windowsの機能についてはこちらをご参照ください。 インストール 動作環境 macOS ：macOS 10.10 以降 Windows：Windows 10 Anniversary Update（64 ビット版）- バージョン 1607（ビルド 10.0.14393）以降 ※必要システム構成の詳細は公式サイトを参照ください → アドビサポート：必要システム構成 インストール方法 ダウンロードページ にアクセス 幾つかの質問に答える Adobeアカウントでログイン（Adobeアカウントを持ってない場合は新規登録が必要） XDをダウンロード＆インストール 新規作成画面 A：定義されたカスタムサイズのアートボードから新規データを作成 B：初心者
Adobe - Adobe Creative Suite 4 Webエディション
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
Adobe XD -Photoshopじゃダメなの？-｜オンライン動画授業・講座のSchoo（スクー）
この授業では、最近のWebやアプリ開発を取り巻く環境から、Adobe XDの活用方法、Photoshopとの使い分けも含めて解説していきます。 第1回は Photoshopじゃダメなの？ どういう風に使えばいいの？ アプリのデザインをしてみよう の3つの柱です。 もっと良いものを作るために、よく行う作業はAdobe XDにまかせてしまいましょう。
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のワー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AdobeXD101配布資料
https://www.clown5.com/c5log/?attachment_id=308
Search Projects | Photos, videos, logos, illustrations and branding on Behance
How to use the New Adobe XD UI Kits
Adobe XD tutorial - 1. Prototypes
Adobe XD tutorial - 4. FontAwesome 4.* version
Adobe XD Advent Calendar 2016 - Adventar
Adobe XDのシンボルの使い方：9つの基本機能 - Adobe Blog