2020年版：Adobe XDのおすすめUIキット18選 | Web Design Trends
UIキットとは、画面デザインやレイアウト、さらにパーツごとのデザインなどが集まったデザイン集のようなものです。 UIキットを参考にすることで、優れたデザインのアイデアを見つけることができたり、フリーのUIキットであればそのパーツを組み合わせて短時間でクオリティが高いUIデザインを作ることもできます。 今回は、おすすめのAdobe XDのUIキットをご紹介したいと思います。 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends
2020年版：XDがもっと便利に！おすすめのプラグインまとめ | Web Design Trends
WebやアプリのUIデザイン制作に使われる機会の多いAdobe XDですが、「プラグイン」を活用することによってもっと便利に使うことができます。 現在では様々なプラグインが登場していて、どのプラグインを使えばいいのか分からないという方も多いのではないでしょうか。 今回は、Adobe XDのおすすめプラグインをまとめてご紹介したいと思います。 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends XDにプラグインを追加する方法 XDでプラグインを追加する場合には、メニューから「プラグイン＞プラグインを見つ
変数機能の活用術 <br>総集編:Photoshop CC 2015版
変数機能の活用術「基本編」 Photoshopの変数ってどんな機能？ ある１つのベースとなるグラフィックから複数種類のバリエーションを作成する場合って結構あるかとおもいます。そういった場合、通常ですと一つ一つテキストレイヤーを打ち換えたり画像を配置しなおしたり手作業で変更をしていく必要があります。 この面倒な手作業の部分をCSVからデータを取り込むことによって半自動化してくれるのが今回紹介する変数機能です。 READ MORE 変数機能の活用術「DTP編」 プロフィールカードを100種類サクッと作成する 上の画像のようなプロフィールカードを１００名分作成します。普通に作業してたらうんざりですよね。写真を差し替えて、テキストをそれぞれ打ち替えて別名保存…。 こんなときに変数機能を利用すれば驚くほど簡単に100種類のPSDを作り出すことが可能です。 READ MORE
Brackets Advent Calendar 2014 - Adventar
Adobeが開発するオープンソースのコードエディター「Brackets」アドベントカレンダーです。Bracketsをちゃんと仕事でバリバリ使っている人がどれくらいいるのか気になってます。参加者がいなかったら僕一人でやるかも。エクステンションの話しとかテクニックの話しとか聞きたいです。
スライドショーで学ぶEdge Animateの使い方 (1/3)
アニメーションなどのHTML5コンテンツを手軽に制作できるオーサリングツール「Adobe Edge Animate」。今回はEdge Animateをインストールして、簡単なスライドショーを制作しながら基本操作をマスターしましょう。 Edge Animateのインストール Edge Animateは、Mac OS/Windowsで利用でき、Adobe Creative Cloudのサイトからダウンロードできます。 ダウンロードは無料ですが、Creative Cloudのメンバー登録が必要です。未登録の場合は、「使用を開始」→無料プランの「登録」ボタンから必要事項を入力してメンバーに登録しましょう。 すでにCreative Cloudに登録している場合は、Adobe IDとパスワードを入力してサインインします。サインインすると、Creative Cloudのダッシュボードが表示されますので、
Adobe製超軽量！！レスポンシブCSS フレームワークTopcoat
Adobe製超軽量レスポンシブフレームワークTopcoat デザインしたくないシリーズ、第二弾！最近とっても気に入っているレスポンシブフレームワークTopcoatを紹介します。 Topcoatとは TopcoatはAdobe製のレスポンシブフレームワークで、最大の特徴がとにかくめっさ早い！ってこと。 jQueryMobileを使ってよくスマートフォンサイトを作っていたのですが、「いかにもjQuerymobile」感があったり、重い、デザイン上のカスタマイズがしずらいというものがありました。 ところがどっこい、Topcoatはとにかく軽く、さくさく。フレームワーク元のデザインも「今風」なフラットでシンプルなデザイン。 シンプルだから、後からカスタマイズも非常にしやすいのが特徴です。 流行りのフラットなデザイン ボタンやフォームの一つ一つがフラットで洗練されたデザインというのも特徴で、シンプル
Edge Animateで作るHTMLモーショングラフィック | ADC - Adobe Developer Connection
新しくリリースされたAdobe Edge Animateは、HTML5を利用したアニメーションを作成できるツールです。本記事では、アニメーションサンプルの作成を通して、Edge Animateの機能を紹介します。 Edge Animateでは、矩形／角丸矩形／楕円などのオブジェクトを描画できるほか、他のツールで作成した画像を読み込むことができます。今回のサンプルの素材は全て、Photoshopなどのツールを利用して作成しました。オブジェクトを重ねて表示する場合は、透過PNGファイルやSVGファイルを利用し、背景など透過の必要がなく容量を節約できる場合はJPEGファイルを利用するとよいでしょう。 画像を読み込むには、メニューから［ファイル］→［読み込み］を選びます。読み込んだ画像はステージ上に配置され、また［ライブラリ］パネルのimagesフォルダーに格納されます。
B. Feeds - Kuler - Adobe Learning Resources
Language Navigation Language Navigation
How to Create a Website Using Only iPad
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
スマホサイト制作支援ツール Adobe Shadow を導入してみました | バシャログ。
ダルビッシュが本日6勝目をあげましたね。 シーブレインのダルビッシュこと Latin です。 今回は Adobe から提供されているスマホサイト制作のサポートツール、 Adobe Shadow を導入してみました。 PC側のChromeで閲覧したサイトを、紐付けされたiPhoneやAndroid端末で自動的に表示してくれるというツールです。 スマホサイトは実機確認が大事ですし、かといって、一々QR生成してアクセスするのも面倒･･･面倒くさがりな私にとっては今後活躍しそうな予感！ [PC側]クライアントソフトをインストール http://labs.adobe.com/technologies/shadow/ 2番目の「Download Shadow Labs Release for Mac or Windows」から Windows、またはMac の任意のクライアントソフトをダウンロードして
Adobe Bridgeの使い方と便利な10機能
個人的に制作に欠かせないアプリケーションの一つがAdobe Bridgeです。 制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。 個人的に制作に欠かせないアプリケーションの一つがAdobe Bridgeです。 制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。 多数の形式のファイルをプレビュー サブフォルダ内の表示 ファイル名のリネーム ワークスペースの切り替え キーワード・レート・ラベルの追加 フィルター スマートコレクション スタック フルスクリーンプレビューやレビューモード Mimi Bridge Adobe Bridgeは写真や制作ファイルの管理・閲覧が簡単にでき
On the Cutting Edge with Adobe's Edge
One of the biggest sources of buzz this past week has been Adobe's announcement of the Edge preview. People have been talking about it a lot but few seem to really grasp some of the ideas or technology behind this. Today, I'd like to talk to you a little about the Edge preview and why you should be cautiously optimistic at this juncture. A Little History Creating content using a standards based ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Brackets - Web デザインを認識する最新のオープンソースコードエディター
https://www.edgedocks.com/
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION
How to Create HTML5 Banner Animation in Adobe Edge
http://muse.adobe.com/
B. Feeds - Kuler - Adobe Learning Resources