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」と
アドビ、「Flash」を2020年に終了へ
Adobe Systemsは、2020年末に「Flash」の提供を終了し、同ソフトウェアのアップデートと配布を停止すると発表した。 この動きを歓迎する見方もあるだろう。Flashは頻繁にゼロデイ攻撃に利用されることから、セキュリティ専門家からは冷ややかな視線で捉えられていた。Flashは、「Windows」における特に大きなセキュリティリスクの1つとなっている。 Appleの最高経営責任者（CEO）だったSteve Jobs氏が、2010年にFlashは古いと切り捨てたのは有名な話だ。Googleは1年前、「Chrome 53」で「Adobe Flash Player」の段階的廃止を開始し、代わってHTML5を採用した。 Adobeはブログで、「HTML5、WebGL、WebAssemblyのようなオープン規格がこの数年間で成熟し」、Flashにあった多くの機能が採用されていると述べた。F
さようならAdobe
Adobeとのお付き合い Adobeとのお付き合いはPhotoshop 2.0、Illustrator 3.3 のころからだったかな。一時期は全ソフトに近づく勢いで買っていたような気もしますが、ある時期以降、この会社はどうにもおかしなことになっていき、仕舞いには課金によるレンタル契約のみを押しつける怪しい会社になってしまいました。 昔から使っているユーザーやある種業務ユーザーにとってはAdobeソフトは代替の効かない絶対的な存在でありますから半泣きでレンタル契約をします。しかし、このような写植機のようなCADソフトのようなトルエンの一斗缶のような一人親方労災保険組合のような、つまり特殊な専門家のみが使う特殊な業務用品という位置づけになって、後の世代が広く付いてきてくれるのかどうなのか、甚だ疑問でありますね。もう昔のようにみんながAdobeAdobeと憧れを伴う熱いまなざしを送ることはなくな
Adobe Stock | ロイヤリティフリーの高品質な写真やベクター画像 | Adobe Stock
10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始 10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始
ワイヤーフレームとプロトタイピングツールの決定版！『Adobe XD』が本気で使いやすくて超オススメ | バンクーバーのうぇぶ屋
僕のワイヤーフレームツールの偏食の遍歴は長く。パワポから始まり、エクセル、HTMLワイヤー、イラレ、Photoshop ElementsにCacooにGoogle PresentationにSketchと手書きと、とにかくアホみたいに色々なツールで作ってきました。2014年時点ではUI Stencilsでしたね。 ただ、偏食を繰り返して来たからこそ思うのが、ワイヤー作成に必要な能力やスキルは多くの場合一定しておらず、プロジェクトによって全く違うという事。それこそメンバーの共通認識が取りやすい（過去の事例や参考が多い）案件と、そうじゃない物でどこまで時間をかけるかも変わるし、単にスピード命で作って泣きを見た事も、細かく作りすぎて怒られた事も何度もありました。手書きがベストなシチュエーションも間違いなくあるし、どれが絶対というのは無いとは思います。 ただ、欲を言えば、スピード、修正の容易さ、レ
（更新）Creative Cloud更新版、ユーザーのファイルを勝手に削除
Creative Cloudのバージョン3.5.0.206をMacにインストールすると、アルファベット順に並んだルートディレクトリの中で先頭にあるフォルダのコンテンツが削除されてしまう現象が確認された。 米Adobe Systemsが公開したMac版のCreative Cloud更新版をインストールすると、ユーザーのファイルが勝手に削除されてしまうという現象が報告され、Adobeは更新版の配信を中止して調査に当たっていることを明らかにした。 この問題は、データバックアップサービスBackblazeの報告で発覚した。Backblazeでは、Creative Cloudのバージョン3.5.0.206をMacにインストールすると、Backblazeのサービスに使われている「.bzvol」という名称の隠しルートフォルダ内のファイルが削除される現象を確認。その様子を映した動画も公開した。 影響を受け
Adobe Creative SDK for ios が本当にやばい - Qiita
https://creativesdk.adobe.com/ 今まで散々様々なSDKを使ってきましたが、正直感動しました。 こんな簡単に超リッチな画像加工ができるなんて本当にすごいです。 しかも 実装方法が超かんたん。 まずは少しみてください。 一部機能の紹介 画像のフィルター フィルターの種類も豊富で、お手軽にインスタグラムっぽい画像を作れちゃいます 画像の切り抜き 画像の方向変換 文字入力 指定した色だけ色を出したり ほら、やばい 実装方法 swiftで書きますので、objective-cの方は適時読み替えてください。 一応今回のサンプルコードもgithubにアップしておきます。 https://github.com/yamasakitomohiro/AdobeCreativeSample SDKのダウンロード 以下のリンク作からiOS SDKをダウンロードしてください。 https:
Adobe MAX 2015で発表されたアドビが研究中の新技術〜 スニーク・ピークで発表された未来の11の技術 - ICS MEDIA
Adobe MAX 2015で発表されたアドビが研究中の新技術〜スニーク・ピークで発表された未来の11の技術 アメリカ・ロサンゼルスにて開催されているアドビシステムズ（以下、アドビ）のクリエイティブティ・カンファレンス「Adobe MAX 2015」。初日の基調講演（参考記事「[速報]Adobe MAX 2015 基調講演レポート」)に続いて、二日目は「スニーク・ピーク」というアドビが開発中の実験技術を紹介する講演が行われました。紹介された技術は将来的に搭載されるかもしれない技術であり、未来のAdobe Creative Cloudの新機能を一足先に知ることができます。現地に渡った弊社ICSの池田が速報レポートとしてお伝えします。 簡単な操作で新しいフォントを作り出せる技術：Project Faces フォントの骨格を解析し、字形を自由自在に調整し新しいフォントを作成できる技術。 ▲フォン
After Effects 全エフェクト
After Effectsの全エフェクトを解説 オススメ★は個人的な意見となりますので、業種、価値観によりことなりますので目安程度とお考えください。 （※解像度をOriginalに変更頂く事でフル解像度の画面でご覧頂けます） フリーで学べる動画講座 Adobe Authorized Training Center...
2015.4.24（金）24時間Illustratorイベント開催
アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛（Ai）はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント！ 全国
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
[iPhone]名刺・書類・その他文書のスキャンにおすすめのアプリ10選 | AppBank![[iPhone]名刺・書類・その他文書のスキャンにおすすめのアプリ10選 | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/d183f3edccf2f79f6bd021690affb04ea0e02aa4/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2017%2F06%2Fw.png)
The Blog | Welcome to Adobe Blog
アドビ、自分いじりの88歳おばあちゃんカメラマン西本喜美子さんを年賀状ADに起用 - MdN Design Interactive
The Blog | Welcome to Adobe Blog
アドビ、動画配信プラットフォーム「Primetime」を国内で本格展開
Creative Cloud フォトプラン | Adobe
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Enigma Simulation (Adobe Flash)