Webデザインツールはどれを使えばいいの？
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 Webデザインのためのツール（アプリ）はいくつもあるため、Webデザインを勉強し始めたばかりの方は何を使っていいのか迷うと思います。 この記事ではデザインツールの特徴だけでなく、「カード型UIデザイン」を例にWebサイトのデザイン制作に使用する機能の比較をしたり、アプリ間の連携についても触れていきます。 デザインツールの種類デザインツールそれぞれの特徴Webサイトのデザイン制作に使用する機能の比
チームの課題から考える、Adobe XDとSketchの導入メリット | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
ウェブデザインがより身近になる予感。まだ不完全ながら『Adobe® Proto』にちょっとだけ未来を見た、かも｜タブロイド
ウェブサイトのデザインがこんなに手軽にできてしまう日が来るなんて...！ 素人目から見るとウェブデザインなんて一体どんなことしてるのかさえよくわからない世界。HTMLとかCSSなんて言葉を聞いただけで首筋がカユくなるような蕁麻疹レベルのアレルギーを持ってる人だっているかも。 そんな人にこそ見てもらいたい最新のウェブデザイン支援ツールが『アドビ・プロト（Adobe Proto）』です。 本番のデザインではなく、あくまでも試作デザインをまとめるためのツールですが、こんなにサクサク作業できちゃってイイの？ って思うほどに使いやすい驚愕のアプリですよ。 まずはページ上の方眼（ワイヤフレーム）の大きさを決めます。ここにいろいろな部品をはめこんでデザインを組み立てていきますよ。部品はワイヤフレームにぴったり吸い着くのでアバウトに貼付けても位置がイイ感じにそろって便利。 ボタンや本文、画像などの部品は画
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
Win/Mac対応、インストールされているフォントを一覧表示するAIRアプリケーション -Antialiaser
PCでもMacでも、インストールされているOpenTypeとTrueTypeのフォントをさまざまなスタイルで一覧表示するAdobe AIRのアプリケーションを紹介します。 Antialiaser [ad#ad-2] Antialiaserのインストール Antialiaserのインストールは簡単で、下記ページより「Antialiaser」をダウンロードしファイルをダブルクリックします。 Antialiaser ※Win用とMac用があります。 Adobe AIRが無い場合は同時にインストールする必要があります。 Adobe AIR あとは「Antialiaser」を起動するだけで、自動でインストールされているフォントを一覧表示します。 Antialiaserの使用方法 分かりやすいインターフェイスなので、特に説明はいらないと思いますが、簡単な使用法を紹介します。
Adobe系ソフトのショートカットを一覧できる便利帳アプリ（公式） | ライフハッカー・ジャパン
Windows／Mac／Linux：Adobe系ソフトを使いこなすにはショートカットの使用が必須ですよね。でもどんな熟練の達人さんでもど忘れしちゃうのは人間だからしょーがない。そういう時にパッと見れるショートカット集があったら便利です。Adobe系ソフトを「現在勉強中！」という人も、チラ見できるカンペがあればショートカットの暗記を効率的にできそうですよね。 というわけでAdobe AIR使いの皆さん、Adobe AIRのフリーアプリ「Adobe Shortcut App」をさっそくインストールです。これは非常にシンプルなアプリで、IllustratorやPhotoshop、FireworksなどAdobe系ソフトのショートカット集が一覧で見られるもの。 もちろん検索もできますし、よく使うショートカットは「favorites list（お気に入りリスト）」に入れておけば見つけやすくなります。
OpenTypeユーザーガイド—Adobe
Where do I get Adobe Originals? The majority of Adobe's fonts are available on fonts.adobe.com as part of the Adobe Fonts subscription library. For perpetual licenses, please visit our resellers: Type Network Monotype Fontspring Note: Adobe no longer provides enterprise-wide, term font licensing. Type Network and Monotype are authorized to handle these licenses on Adobe's behalf. Adobe discontinue
Adobe Labs - Adobe BrowserLab
Welcome to the limited free preview of Adobe® BrowserLab, the latest Adobe hosted service for web professionals.* BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences.
Adobe® BrowserLab
Adobe BrowserLab requires Adobe Flash Player version 10.0.0 or higher and Javascript enabled in your browser. Click the button below to download and install the latest version of Flash Player now Adobe BrowserLab An easier, faster solution for cross-browser testing Preview and test your webpages on leading browsers and operating systems - on demand. Adobe BrowserLab makes it easier and faster t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Adobe Labs - Homepage