All About XDで学んだ、Adobe XD CCでワークフロー改善 - しげたカオリ - カワイイ×改善思考イラストレーター マテンロワークス
さる6月30日、大崎にて行われたCSS Nite LP57「All About XD再演版」に参加してきました！このセミナーでは、タイトルの通り、Adobe XD CCの最新動向や導入事例をたっぷりと学んできました〜！CSS NiteとはCSS NiteはWeb制作にかかわる様々なテーマで開催されているセミナーイベントです。デザイン、コーディング、制作ツール等の技術的なテーマや、ワークフロー、ディレクション、Web業界トレンドなどのテーマまでWebに関することなら多岐に渡っており、各地方でも開催されていたり、年末にはその年のWeb業界を振り返る大きなイベント... 記事を分けたのにめちゃくちゃなボリュームになってしまいましたがお付き合いください。 「All About XD」について タイトルの通り、Adobe XD CCにまつわるセッションだらけの講演会でした。 基調講演から数えて8セッ
パスワード認証
シンクゼロマガジン・ライト版 Creative Edge School Books の宣伝用マイクロブログギング。 企画・制作・販売している学習コンテンツのリリースやキャンペーンなどの情報をお知らせしています。 URL: http://design-zero.tv/ 公式サイトをご覧ください。 現在、ブログを公式サイト（ http://design-zero.tv/ ）に移行中です。 公式サイト（ http://design-zero.tv/ ）には活動報告や学習コンテンツの情報を掲載しています。
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
Fireworks後のツールとワークフロー
Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud の一本化が発表されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしいツールとはいえません。 Fireworks
［速報］アドビがHTML5とモバイルにフォーカスした新ツール群「Adobe Edge Tools & Services」を発表。アニメーション作成、レスポンシブデザインなどが効率的に
［速報］アドビがHTML5とモバイルにフォーカスした新ツール群「Adobe Edge Tools & Services」を発表。アニメーション作成、レスポンシブデザインなどが効率的に 米アドビは24日（日本時間24日深夜）、サンフランシスコでイベント「Create the Web」を開催。CSSやJavaScriptを使ったアニメーション作成、画面の大きさによって動的にレイアウトが変化するレスポンシブなWebデザイン、複数のモバイルデバイスへの対応、HTML5やCSS3に対応したコーディングなど、最新のWeb技術に対応した開発を支援する新ツール群「Adobe Edge Tools & Services」を発表しました。 発表された新ツールやサービスを日本語で解説するWebサイトもすでに公開されています。サンフランシスコで開催されたイベントの内容を、ダイジェストで紹介しましょう。 Adobe
Webデザイナー視点から見たPhotoshop CS6の進化したところ
数週間前から、「Adobe Photoshop CS6 は写真合成機能が大幅に向上している」という報道を見ることが多くなってきました。 例: GIZMODO しかし、Webデザインに関係ありそうな部分といえば「段落スタイル」と「パフォーマンスの向上」くらいで、これはスルーした方がいいかな…と思っていたのですが、試しに CS6 Windows 版のベータ版を使ってびっくり。Webデザインに関連する部分も大きく進化していました。 正直、「これは買い」だと思っています。 この記事では、私がこれまでに見つけた Adobe Photoshop CS6 の Webデザインに関連しそうな部分の変更点についてまとめています。 一部、私のWebデザインスクール の生徒の方が見つけたものもあります。この場で御礼申し上げます。 ※この記事は Photoshop CS6 ベータ版（Windows版）をもとに書かれ
Adobeの有料ソフトを買う前に、代替になる無料ソフトでコツを掴もう・使い方まとめ
オープンソースデザイン等に一般的に利用されている PhotoshopやDWなどのAdobe製品は 高機能で仕事では必須のツールです。 しかしながら高額で、手軽に購入出来る という訳には行きません。無料で手に 入る代替ソフトがありますので、まずは コツを掴むのにフリーソフトから使って みてはいかがでしょうか。 デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能で
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換 アドビシステムズは3月10日に始めた新しいブログ「Design and Web」の中で、FlashをHTML5のCanvas要素で置き換える「Smart Paste」のデモ動画を公開しました。この機能は現在開発中のDreamweaver CS5のプロトタイプ機能とのことです。 （追記3/18：上記ブログの1つ目のエントリ「Design & Web」に、紹介する機能は「It won't be in the next version of CS.」であるとの記述がありましたので、「Dreamweaver CS5」の部分を削除させていただきます。すいませんでした）。 FlashのファイルをJavaScriptでレンダリング、Canvasへ描画 11日付けで公開されたエントリ「Canvas fo
クロスブラウザテストができる「Adobe BrowserLab」がプレビュー公開
米Adobe Systemsは6月3日、Webデザイナー向けのオンラインサービス「Adobe BrowserLab」を無料プレビュー公開した。 BrowserLabでは、Webデザイナーは各種ブラウザ、各種OSでWebサイトがどう見えるかをテストできる。このサービスはクラウドアプリケーション上で仮想化技術を使って提供しているため、デザイナーが自分のシステムにブラウザをインストールする必要はない。 2種類のブラウザのスクリーンショットを並べたり、「オニオンスキンモード」でスクリーンショットを透明化して重ねたりすることも可能。デザインやレイアウトに影響しそうな互換性問題を特定する診断ツールも利用できる。Adobe Dreamweaver CS4のユーザーは、動的なウィジェットなど、Flashベースの技術もテストできる。 BrowserLabは現時点では英語版のみで、Adobe Labsで無料プ
Flash Lite入門講座 第1回 日本のFlashLiteの仕様 | デベロッパーセンター
はじめに このアドビデベロッパーセンターを見ている方は、PCでのFlash開発は慣れていると思いますが、「携帯Flashは制限が多くて作りにくい」というイメージを持っているのではないでしょうか？ 本連載では、そうした方々に向けて、日本での携帯Flashコンテンツ開発について解説していきます。第1回目は、ざっくりとしたFlash Lite制作ガイドラインを記していきたいと思います。 日本では勝手が違う Flash Lite開発環境 「Flash Lite」とはモバイル用のFlash Playerのことで、これまでにバージョン1～３がリリースされています。Flash Liteの各バージョンは、PC向けFlash Playerのバージョンと比較すると、以下の関係となります。ただし、該当するFlash Playerバージョンの全機能をサポートしているわけではありません。 Flash Lite
グリッドをPSD上に、ガイドで簡単に作成できるPhotoshopのプラグイン -Gridmaker
数値指定でグリッドをガイドで簡単に作成できるフリーのPhotoshop CS4用のプラグイン「Gridmaker」を紹介します。 Gridmaker For Photoshop CS4 Gridmakerのインストール方法 「GridMaker.jsx」と「GridMaker.swf」をダウンロードします。 2つのファイルをプラグインの「Panels」フォルダに格納します。 例：C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\Panels Photoshop CS4を再起動します。 [ウインドウ]-[エクステンション]に「GridMaker」があれば完了です。 Gridmakerの使用方法 [ウインドウ]-[エクステンション]から「GridMaker」をクリックします。 GridMakerのパネルにグリッドを指定します。 Column
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
Adobe® BrowserLab
kuler
IDEA * IDEA
IDEA * IDEA
ウェブ制作に役立つ、Adobe AIRのアプリケーション集