VS CodeのAdobe XD用拡張機能が登場！デザインシステムにもとづきコード出力と補完が可能に - ICS MEDIA
VS CodeのAdobe XD用拡張機能が登場！ デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
PhotoshopやIllustratorの代わりになる！Adobe系ソフトの代替ソフトウェア（有料・買い切り・無料）のまとめ
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re
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つのツールの比較について補足したいと思いました。 前回の記
UX／UIデザインツール「Adobe XD」のWindows 10向けベータ版が提供開始
Adobeは、Windows 10向けにAdobe Experience Design（以下、Adobe XD）のベータ版を提供開始した。使用するには、Windows 10 Anniversary Updateが必要。今後は毎月アップデートが実施され、機能が随時追加されていく予定。なお、ベータ版はAdobe IDがあれば無料でダウンロードできる。 Adobe XDは、モバイルアプリやWebサイトのUX／UIデザインツール。Mac版は2016年の3月にプレビュー版が公開、現在はベータ版として公開されている。Windowsへの対応は2016年内に行われるとすでに予告されており、11月に米国で開催された「Adobe MAX 2016」ではデモンストレーションが行われた。 今回公開されたWindows版はMac版の単純な移植ではなく、Adobe初のユニバーサルWindowsプラットフォームアプリケ
進化し続けるAdobe XD！スマホでリアルタイムプレビューなどバージョンアップで追加された便利機能まとめ｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、wamです。 前回の記事で、Adobe XDを実際に触ってみた使用感をご紹介しましたが、ここ半年で着々と進化し続けています。しかも無料のまま！ 頑張ってるXDさん。 今回は、そんなXDさんの進化した便利機能をご紹介したいと思います。 iOS・Androidアプリでリアルタイムプレビューが可能に 今まで実機ですぐに確認できる方法がなかったのですが、 2016/9/27の更新で、iPhone・iPad・Android（タブレットは準備中）でAdobe XDアプリがリリースされています。 App Store（iOS） ※iOS9以上 Google Playストア（Android) まずはAppStoreからAbobe XDをインストールします。 起動するとスプラッシュが表示され、初回のみスタート画面が表示されます。 開始するボタンを押すと、USBケーブルでデバイスとデスクトップを繋い
LINEのアニメーションスタンプはこう作る！ APNGファイルの作り方を徹底解説 - ICS MEDIA
▲メイン画像（「アニメーションスタンプ制作ガイドライン」より引用） ▲トークルームタブ画像（「アニメーションスタンプ制作ガイドライン」より引用） デザイン カラーモードはRGB 画像サイズは幅320×高さ270px以内（幅、高さのどちらかが270px以上あれば、横長や縦長の画像の制作も可能） 背景は透過 アニメーションのない余白部分は削除 APNGファイルの最初のフレーム画像がLINE STOREまたはスタンプショップの販売時や静止時に表示される 再生時間（1つのAPNGファイルあたり） 最大再生時間は4秒 最大フレーム（コマ）数は5〜20フレーム 1〜4回ループ可能（再生時間4秒を超えない範囲内） データ容量（1つのAPNGファイルあたり） 300KB以下 詳しくは「アニメーションスタンプ制作ガイドライン」をご覧ください。この記事の情報もガイドラインの更新にあわせて随時アップデートしてい
ついに「Adobe XD」の日本語版リリース！Webサイト制作がはかどり過ぎて楽しい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか？ ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「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 XD Preview 3 リリース！アートボードのスクロールやテキストの部分スタイリングなど | Adobe Blog
この記事は、2016/5/23 にポストされた May Update of Adobe Experience Design CC を翻訳したものです。 最も要望の多かった3つの機能追加 Adobe Experience Design CC（以下、Adobe XD）の5月のアップデートが提供開始されました。 まず最初に、好意的なご意見やフィードバックを多数お寄せいただき、誠にありがとうございました。UserVoiceには、700件以上の機能に関するリクエストをいただきましたが、その中で最も要望の多かった上位5つの機能のうち、以下の3つを実装しました。 スクロール可能なエリア：まずはスクロール可能なアートボードに対応しました。 ルーラーとグリッドガイド：グリッドの初のイテレーションを4月に追加し、さらなる機能追加を準備中です。 タイポグラフィー：この機能に関する要望のほとんどを実装しました。
UIデザインの面倒な部分を自動化！ラクしてプロトタイプが作れる「Adobe XD」のメリット/デメリット｜dwango creators' blog（ドワンゴクリエイターズブログ）
こうしてまとめてみると、PhotoshopよりIllustrator寄りの機能になっているような気がします。 デザインモードはここが便利！ すごい数のアートボードになっても重くならない 公式の紹介動画をみていた際、アートボードの数が増えてもパフォーマンスが落ちないという解説がありました。 あやしい… というわけで、試しに50ほどアートボードを並べて可愛い柴犬で画面を埋めてみました。 この状態で編集や移動、拡縮を繰り返しても重い印象はなくスムーズ。 PhotoshopやIllustratorだと、10前後でじわじわ重くなってきてヒーッ！となっていたのですが、それに比べれば断然スムーズです。 疑ってすみませんでした！ ただ、まだ機能が少ない分軽い可能性も。 今後バージョンアップしても変わらないことを祈ります。 画像のマスクや差し替えが簡単すぎる Adobe XDでは、とても簡単に画像のマスクや
ワイヤーフレームとプロトタイピングツールの決定版！『Adobe XD』が本気で使いやすくて超オススメ | バンクーバーのうぇぶ屋
僕のワイヤーフレームツールの偏食の遍歴は長く。パワポから始まり、エクセル、HTMLワイヤー、イラレ、Photoshop ElementsにCacooにGoogle PresentationにSketchと手書きと、とにかくアホみたいに色々なツールで作ってきました。2014年時点ではUI Stencilsでしたね。 ただ、偏食を繰り返して来たからこそ思うのが、ワイヤー作成に必要な能力やスキルは多くの場合一定しておらず、プロジェクトによって全く違うという事。それこそメンバーの共通認識が取りやすい（過去の事例や参考が多い）案件と、そうじゃない物でどこまで時間をかけるかも変わるし、単にスピード命で作って泣きを見た事も、細かく作りすぎて怒られた事も何度もありました。手書きがベストなシチュエーションも間違いなくあるし、どれが絶対というのは無いとは思います。 ただ、欲を言えば、スピード、修正の容易さ、レ
Webデザインで残業しない。デザイナーのワークフローを爆速化するAdobeツール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの佐藤タカアキ（@sato_tkaaki）です。 最近、愛犬を飼いはじめてから、早く家に帰りたい日々を送っています。 そのためには仕事の効率化が必要不可欠。今回は残業なしで帰るためのワークフローについて書きたいと思います。 さて、Webデザイナーの皆さんは普段どんなツールを利用していますか？ 好みによってさまざまかと思うのですが、DreamweaverはCreative Cloud 2015になって、マルチデバイス対応サイト制作に便利な機能がたくさん追加されたそうです。 そこで今回はAdobe Creative Cloudで使えるサービスを活かして、サイトの制作ワークフロー別に作業効率化を図る方法をまとめてみました！ 1. ワイヤーフレームをサクッと制作しよう 最近では便利なワイヤーフレーム作成ツールが増えてきましたが、それでもまだまだこんな風に面倒なことが多いですよ
Adobe Muse のサービスの終了
アドビでは、最高の価値をお客様にお届けする製品およびソリューションの開発に注力するため、Adobe Muse CC に関するテクニカルサポートの提供を 2020 年 3 月 26 日を以って終了いたします。 アドビでは、ユーザーに謝意を表すとともに、ユーザーの特定のニーズを解決できる他のアドビ製品へのスムーズな移行を支援したいと考えています。 開発を行う前に web サイトやモバイルアプリケーションのユーザーエクスペリエンスを設計する場合は、Adobe XD をお試しください。 これは、UI のデザインおよび試作ができるツールです。詳しくは、Adobe XD を参照してください。 ユーザーがそれぞれのクリエイティブな仕事を発表する web サイトを作成する場合は、Adobe Portfolio を使用して、Behance プラットフォームにも接続可能な美しいポートフォリオ web サイトを
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです（→学会論文）。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し
【Adobe MAX 2014】Photoshopの多彩な機能をモバイルアプリに無償で組込み可能にする「Adobe Creative SDK」
Adobe Creative SDKとは 「Adobe Creative SDK」は、Creative Cloudのストレージやサービスに、クラウドを介してアクセスするためのコンポーネント群です。Adobe MAX 2014の開催に合わせて、Creative SDKのiOS向けパブリックベータ版が公開されました。誰でも試してみることができます。 Creative SDKは無償で利用できます。SDKを利用したアプリをストアなどで公開、販売することに制約はありません。ただし、そのアプリを使うユーザーは、無料のAdobe IDの登録とログインが必要です。 例えば、自分で作る写真加工アプリにPhotoshopと同等の補正機能を付け、画像ファイルをCreative Cloudのストレージに置くことができます。 デザイン要素の単位で細かく管理し、再利用できるようになった アドビのクラウドストレージサー
全ての人をモバイルクリエイティブの世界へ誘う9つの無料アプリとCreative SDK
クラウドで制作をスムーズにする「Creative Profile」を基盤に アドビシステムズ（以下、アドビ）は、2014年10月6～8日（現地時間）で開催中の年次カンファレンス「Adobe MAX 2014」の基調講演で、Adobe Creative Cloud（以下、Creative Cloud）の新しいID機能である「Creative Profile」を発表。さらに、9つのモバイルアプリに加えて、デスクトップアプリも一斉にアップデートも発表した。 アプリはCreative Profileを通じてライブラリやアセットを共有できるようになっている。スマートフォンで作った素材データを即座にタブレットやデスクトップで動くアプリで利用できるようになり、クリエイティブに関わるさまざまなストレスを取り除いてくれるアップデートとなっている。 今回は、これらの膨大なアップデートの中からモバイルアプリと、
| 革と林檎と時々愚痴
革と林檎と時々愚痴レザークラフトやmac、日頃の出来事についてupして行きたいと思います。 最近はCCNAの勉強に力を入れています
[Adobe CS2]Win 7にインストールする方法｜nノ記
nノ記 印象的だったことを書いてます。 ブログ画像一覧を見る « [HP Offic･･･ 記事一覧 [水木しげる]遠野･･･ » [Adobe CS2]Win 7にインストールする方法 2011年03月05日(土) 16時05分01秒 テーマ：PC Adobe CS2をWin7にインストールし動作させるためのメモです。AdobeCS2では、Win7は動作対象外なので、自己責任になります。 ■問題 Adobe CS2をWin7にインストールするために、C:\Program Files (x86)もしくはC:\Program Files を選択するとエラーが表示されインストールできません。 うまく上記のフォルダーにインストールしても、PSを立ち上げると下記のエラーが表示されるので、作動できません。 エラー内容 「Photoshopのユーザ名、組織、またはシリアル番号が不完全または無効です。ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RepairToolbox.com offers solutions for the restoration of data from corrupted files of many different file types
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
