UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します
Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド（Repeat Grid） Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
無料で目を引くグラフィック投稿やウェブページが作れる「Spark」がアドビから登場! | Techable(テッカブル)
デザインやDTP関連のソフトウェアの大御所Adobeからこのほどビジュアルコンテンツを簡単に制作できる無償ツール「Spark」がリリースされた。 このiOSアプリはウェブと連携するので、グラフィックを作成してSNSに投稿したり、ウェブページを作成したりの作業が場所を問わずシームレスに行える。 ・アプリは3種類 Sparkアプリは3種類ある。まず、ソーシャルメディアへの投稿を作成する「Post」。使いたい写真を選んで文言を入力し、デザインフィルターをかけるなど、ものの数秒でグラフィックスを作成してFacebookなどのSNSに投稿できる。 普通に写真にコメントをつけて投稿するよりオリジナル度が高まり、フォロワーの目を引きそうだ。 ・雑誌スタイルのウェブページも 次に「Page」。こちらでは、ウェブページを雑誌スタイルで作ることができる。 旅行ブログなど写真を多く載せたい時に便利で、雑誌のよう
Adobe初のUXデザインツール「Adobe XD」を使ってみた
この春から六本木で働き始める駆け出しデザイナーです！ MAMORIOという落とし物追跡タグのUI/UXデザインをやっています。 先日、ついに「Adobe Experience Design CC (Preview)」（以下、Adobe XD）が公開されました。 以前からAdobe初の”UXデザイン”に特化したアプリケーションとして話題になっていた「Adobe XD」ですが、一体何ができるのでしょうか？ 実際に使ってみながらご紹介します。 デザインとプロトタイピングの行き来ができる デザインソフト「Sketch」や、プロトタイピングツール「POP」「Prott」など、UXデザインをするためのツールはたくさんあります。「Adobe XD」の一番の特徴は、「Sketch」などが行っていた”デザイン”のプロセスと、それに遷移をつけて動くモックアップにする”プロトタイピング”のプロセスを、１つのアプ
Sketchブームに終止符！？ついにAdobeがUXデザインツール「Adobe XD」を公開！ - Tortoise Shell
Adobeが、ついにUXデザインに特化したツール「Adobe XD」を公開しました。 下の動画を見てみてください。 Adobe XD (Preview): Quick Demo これまでのAdobeらしからぬ、大変シンプルなUIですね。 UIデザインのツールといえば… PrototypeモードはUIデザイナー待望の機能 Sketchの運命やいかに 当ブログのおすすめ記事 UIデザインのツールといえば… ところでUIデザインのツールといえば、ここ数年で「Sketch」がブームになっていますね。 最近はデザイナーの求人などを見ていても、東京のIT企業を中心に「Photoshop, Illustrator, Sketchを利用したUIデザインの実務経験を有すること」という表記を目にするようになりました。 Sketchは、確実にUIデザインのツールとして普及してきています。 そんな中で、Adobe
Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた
2018年3月15日 XD, スマートフォン, 便利ツール 先日発表された、Adobeのプロトタイピングツール、Adobe Experience Design（Adobe XD）。Sketchライクなシンプルなグラフィックツールです。なにやら面白そうだったので、早速つついてみました。デモとして、簡単にチャットアプリのプロトタイプを作ってみたので、使用感とともに紹介します。 ↑私が10年以上利用している会計ソフト！ Adobe Experience Design（Adobe XD）って何？ Adobe XDはアプリやWebサイト等のデザインに使えるグラフィックツール。ただグラフィックが作成できるだけではなく、クリックやタップで次の画面に移動し、実際に動作しているようなプロトタイプも作成できます。それだけの機能がついて、なんと無料です！ 残念ながら今のところMac専用ツールですが、今年中にWi
アドビがFlashの名を捨ててでも守りたかったもの - 週刊アスキー
みなさん、こんばんは。ASCII（週刊アスキー＋ASCII.jp）の吉田ヒロでございます。本日は、先ほどアップデートがかかったアドビ システムズのウェブ系開発ツールをご紹介したいと思います。アドビのウェブ開発ツールとしては、コードを書かずにサイトデザインが可能な「Muse CC」、コード編集を伴う高度なウェブサイト構築が可能な「Dreamweaver CC」、ウェブ用のインタラクティブコンテンツの制作が可能な「Animate CC」の3つがあります。 今回、アップデートされるのは、Muse CCとAnimate CCの2製品。多くのみなさんが聞き慣れないかと思いますが、Animate CCというのは元Flash Professionalのことです。ASCII読者なら、一時は一世を風靡したFlashの現状をご存じかと思いますが、いちおう変遷を説明しておきます。 2000年代中盤まで、Flas
今年こそは！Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選
【2016/02/03 追記】一部、内容に誤りがありましたので訂正いたしました。ご指摘ありがとうございます。 デザインや動画制作など、あらゆるシーンで登場するのがAdobe製品です。 いつかは使ってみたいと思いつつもハードルが高いと感じている方も多いのではないでしょうか。 Adobeソフトはプロも使っているソフトのため、高機能で難易度が高いイメージがありますが、実際にはAdobe公式のチュートリアルをはじめ多くの解説サイトが存在しますので、これらを利用すれば充分に独学でも習得できます。 今回は、Adobe関連のチュートリアルを掲載しているサイトやブログをツールごとにご紹介します。 今年こそは使いこなしてみたい、と思っている方はぜひチャレンジしてみてはいかがでしょうか。 Photoshopのチュートリアルサイト 1.Learn Photoshop CC http://tv.adobe.com
Adobe Portfolioで簡単にポートフォリオサイトを作成
2016年1月12日 Webサイト制作, 便利ツール これまでもポートフォリオサイトの大切さを伝えてきましたが、ポートフォリオサイトが必要なのはWebの知識がある人だけではありません。そこで今回は簡単にポートフォリオサイトを作れる、Adobeクリエイティブクラウドに含まれているAdobe Portfolioを紹介します。コーディングの知識の無い方、特に画像を見せたいフォトグラファー、イラストレーター、画家さんなどにオススメです！ ↑私が10年以上利用している会計ソフト！ Adobe Portfolioのここが素敵！ コーディングができなくてもWebサイトが作れる ◯◯.myportfolio.com のドメインが取得できる レスポンシブ対応 Behanceと連携できる Typekitで素敵Webフォントが使える Adobe PortfolioはWebブラウザー上でWebサイトが作れるツール
以前のバージョンを含むすべての Adobe アプリケーションを削除し Creative Cloud アプリケーションを再インストールする（Windows 8.x および Windows 10）
最終更新日 : Jul 11, 2024 09:06:27 AM GMT | 次にも適用 : Adobe Creative Cloud この文書では、 過去製品を含むすべてのアドビアプリケーションとアドビ関連ファイルを削除し、Creative Cloud を再インストールする手順について説明します。 Creative Cloud のインストールや同期関連の問題は、ソフトウェアやハードウェアに関連するさまざまな要因によって発生する可能性があります。以下の状況に当てはまる場合、本文書の手順に従って 全てのアドビアプリケーションと関連ファイルを削除し、再インストールを行う ことで問題を解決できる可能性があります。
「AdobeユーザーのためのBlender入門」というチュートリアルを作りました
普段 Adobe Illustrator や Photoshop を使ってデザイン制作をしている、あるいはそれと同等のPCスキルがある方向けの Blender というアプリケーションを使った3DCG制作の入門チュートリアルを公開しました。 こちらのページで体験できます。 AdobeユーザーのためのBlender入門 Blenderとは Blender とは、オープンソースで公開され無償で利用できる統合型3DCGソフトウェアです。 ※統合型3DCGソフトウェア: 要するに色々なことができる3DCGソフトのこと。「モデリング」とよばれる形を作る機能はもちろん、アニメーションやレンダリング、動画編集など色々なことができる。 無償というと「低機能ではないのか」と思われる方もいらっしゃるかもしれませんが、Blender は数十万円の有償ソフトと比べても劣らないほど多機能なソフトウェアです。 おそらく
Adobe PreviewでiPhoneアプリのデザイン確認
Photoshopを使ってスマートフォンアプリのUIをデザインするコツを学ぶ連載。前回までで作例となる「お天気投稿アプリ」のデザインがひととおり完成しました。連載最終回は、前回仕上げたデザインをエンジニアに渡すまでの手順を追って紹介します。 お天気投稿アプリのUIデザインチュートリアル ▼第2回 1.アプリの配色を考えよう 2.ドキュメントを新規作成する 3.基本的な要素をレイアウトする ▼第3回 4.レイヤー効果を使って質感のあるボタンを作る 5.Illustratorで作ったアイコンを配置する 6.写真を配置してデザインを調整する 7.SNS連携ボタンを配置する ▼第4回 8.実機で見た目を確認しよう 9.パーツ画像を書き出そう 10.ガイドラインの作成 8.実機で見た目を確認しよう Photoshopでアプリのデザインを仕上げたら、iPhone実機に表示しましょう。第1回で紹介したア
アドビとDropboxが提携--「Acrobat」製品とDropbox間でPDFの直接操作を可能に
PDFファイルを使用または共有するユーザーは、AdobeとファイルストレージサイトDropboxとの新しい連携によるメリットを受けるかもしれない。 米国時間10月13日朝早くに発表された両社間の提携は、「Adobe Acrobat Reader」アプリまたは「Acrobat DC」のデスクトップ版を使用するユーザーが、自分のDropboxアカウントに保存したPDFファイルをよりシームレスに操作できるようにすることを目的としている。 Acrobat Readerアプリは、「iOS」と「Android」のユーザー向けに無償で提供されており、PDFファイルの表示やマークアップが可能である。どちらのバージョンでもアプリ内課金が利用でき、PDFファイルを作成してエクスポートできるようになっている。Acrobat DC（「Direct Cloud」）は、サブスクリプション形式またはデスクトップ版で提供
Adobeから自由自在に新しいフォントを作り出せる技術「Project Faces」が登場
ソフトウェア会社のAdobeが、サンフランシスコで開催中の「Adobe Max 2015」で、開発中の新技術を披露する基調講演を行いました。基調講演ではさまざまな新しい技術が紹介されましたが、その中でも特に反響が大きかったのが「Project Faces」という、フォントの骨格を解析して自由自在に新しいフォントを作成できる技術です。 Adobe MAX 2015 - Sneaks - Project Faces - YouTube デザインの際に頭を悩ませることの1つは、そのプロジェクトに適したフォントを選ぶ作業。既存のフォントを使いたくないときは、フォントを変形させたりするのですが、その作業は時間がかかり過ぎるそうです。 その問題を解決すべくAdobeはアプリケーションを開発中。そのアプリケーションのプロトタイプをiPad上で動かすというデモが行われました。スクリーンに大きな「P」が表示
サイトを簡単に作れるMacアプリ「Blocs」が楽しそう！
Webサイトを作れるツールが増えてきていますが、コードを打ち込むことなく作れるMacソフトアプリがありました！ その名も「Blocs」です！ サイトのレイアウトを選択しながら、文字などを直接打ち込み編集することができ、コードを書くという作業が発生しません。もちろん、コードを自分で編集し、カスタマイズすることももちろん可能です！ サクサク作れて楽しそうです！ どこかで似たようなソフトがあったな〜と思っていたのですが、AdobeのMuseが似たような趣旨のソフトです。 Museもコードを書くということをせずにWebサイトが作れるのがウリのソフトです。ただ、レビューを見る感じだとサイト作成後の吐き出したソースが汚いという情報も見かけたのでそこは気になるところです。実際に見ないとなんとも言えませんが。 Blocsは、BootStrapをベースにしてソースを吐き出すこともあり比較的コードもまとまって
手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック
手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック 手書きのイラストをスキャンし、Illustratorで編集可能なSVGファイルにしてしまう。そんな、魔法のようなモレスキン・スマートノートブックが登場しました。 モレスキン・スマートノートブックといえば、これまでEvernoteと連携したものがありましたが、今回のそれはAdobe Creative Cloudにファイルを取り込むことができるタイプです。 今回、モレスキン・ノートブックを販売している株式会社エムディーエス様からレビュー用に一冊ノートを頂きましたので、さっそくその機能についてみてみたいと思います。### スケッチ用の厚手のノート Adobe Creative Cloudと連携するモレスキン・スマートノートブックは、ラージサイズの160ページの厚手の中性紙で作られたイラスト
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
TechCrunch | Startup and Technology News
The Blog | Welcome to Adobe Blog
LINEスタンプを作ろう |