「InDesignやIllustratorを使ってデザインを作ったはいいが、何か締まらない……」と悩んだことはありませんか？ 例えば…… 全体をもう一段階まとめたい！全体的にもう少し締まったまとまりのある感じを出したい！というとき、デザイン作業で意外と盲点になりがちなのが文字の「間隔」です。 この画像の場合、文字周辺がパラパラしていることでかなりゆったりした感じが出ています。 日本語における文字配置の基本日本語書体は原則、正方形の枠（仮想ボディ）を基準に作られています。 そして、日本語組版の原則はベタ組み……つまりこの正方形の枠が接する形で配置されるのが基本です。 （このあたりの話を詳しく知りたい方はぜひこちらもご覧ください！） しかし見出しなど、大きく文字を使う時は文字間が目立って見えてしまうことがあるため、文字を詰める作業が必要な場合があります。 文字配置の調整はプロのひと手間、料理で

Adobe Fontsに新しいパートナー「白舟書体」、「ムーロンタイプ」のフォントをはじめ、FONT1000からも多数の魅力溢れる日本語フォントが追加されました 文字に豊かな表現力を与えるフォントは、クリエイティブには欠かせない道具のひとつです。 今回、Adobe Fontsに新しいパートナー「白舟書体」や「ムーロンタイプ」のフォントや、FONT1000からも多数の魅力溢れる日本語フォントが追加されましたのでご紹介します。 新たなパートナー「白舟書体」から9書体が追加 白舟書体からは伝統的な楷書体の筆文字に加え、デザイン筆文字シリーズなど9書体が追加されています。 デザイン筆文字から生まれたポップ体や、端正な姿勢の楷書体や篆書体。優雅な曲線の本格草書体、古くから印鑑などに使用されている印章店だからこその篆書体など、個性豊かで非常に魅力的なラインナップが揃っています。 HOT-白舟楷書教漢

2022年3月27日、アドビの日本法人がいよいよ30周年を迎える。30年間を振り返る記念コンテンツとして私が最初に書きたかったのは、自身も関わってきた紙雑誌の制作を支えたDTP（Desktop Publishing）についてだ。当時の月刊ASCIIをあさり、「革命」とまで言われたDTPの最前線を日本市場に持ち込んだアドビの3人に当時を振り返ってもらうと、今で言う「DX」のような巨大な基盤変革が業界全体で起こっていたことを肌で感じることができた。 すべてはPostScriptから始まった 「アドビ」という社名から、多くの人が連想するのはフォトショ（Adobe Photoshop）やイラレ（Adobe Illustrator）といったいわゆるクリエイティブツールであろう。しかし、1982年に設立された米国のアドビ システムズで創業者が最初に手がけたのは、高精度な印刷を可能にするページ記述言語「

UIキットとは、画面デザインやレイアウト、さらにパーツごとのデザインなどが集まったデザイン集のようなものです。 UIキットを参考にすることで、優れたデザインのアイデアを見つけることができたり、フリーのUIキットであればそのパーツを組み合わせて短時間でクオリティが高いUIデザインを作ることもできます。 今回は、おすすめのAdobe XDのUIキットをご紹介したいと思います。 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends

WebやアプリのUIデザイン制作に使われる機会の多いAdobe XDですが、「プラグイン」を活用することによってもっと便利に使うことができます。 現在では様々なプラグインが登場していて、どのプラグインを使えばいいのか分からないという方も多いのではないでしょうか。 今回は、Adobe XDのおすすめプラグインをまとめてご紹介したいと思います。 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends XDにプラグインを追加する方法 XDでプラグインを追加する場合には、メニューから「プラグイン＞プラグインを見つ

こんにちは！ 7月に入社したデザイナーの赤沼です！ 皆さんは「Adobe XD」使いこなしていますか？ ニジボックスでは社内に専門のSlackチャンネルもあるほど、Adobe XDは活用されています。 その中でよく話題に出るのが「プラグイン」についてです。 「このプラグインが良かった！」 「この問題を解決できるプラグインはありませんか？」などなど。 そこで今回、 「プラグインが多すぎてどれから入れたらいいのかわからない‼︎」という方に向けて、 おすすめ無料プラグインをカテゴリーごとに紹介します！ Adobe XDプラグインのインストール方法 Adobe XDのプラグインをインストールする方法は２つあります。 Adobe XD内のプラグインパネルから直接インストール Web上からダウンロードしたものをインストール 1. Adobe XD内のプラグインパネルから直接インストール Adobe X

この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース

WEBデザインはAdobe Photoshop一択だったのですが、 最近はすっかりAdobe XDにはまってます。 今まで、食わず嫌いでなかなか試すことが出来なかったのですが、 いざ使ってみると、その簡単さに驚愕せざるを得ません。。 パッと長所を上げただけでも ・とっても軽量で使いやすい ・リピートグリッドで繰り返し要素も簡単 ・プレビュー機能で、クライアントや外部プログラマーとの共有も楽々 ・コンポーネント化することで、アートボードをまたがって共通部分の修正も楽々 ・プロトタイプ機能でページの変遷イメージも簡単作成 と、良いことづくめのXD。 使ってみて気になったところは ・画像系の処理はPhotoshopとの併用が必須 ・pngなどのオブジェクトなどの色変更は結構厄介 ・レイヤー効果でやっていたようなことがしづらい といったところでしょうか。 それも、慣れてくれば問題ないかなという感じ

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識 平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識    ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回はこの連載記事の導入と、各ツールを比較する上での背景的な情報をまとめます。 概要## この記事に含まれる内容 🙆‍♀️ - Sketch, Xd, Figma, Studio の選定基準 - Sketch, Xd, F

Sketch, XD, Figma, Studio を比較する連載記事の6番目です。今回で終わりです。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ    ◀イマココ 今回はまとめです。各ツールの総括と、補足的な情報、ここまで比較しての結論などを書きます。 各ツールの総括各ツールについて、特徴などの総括です。詳細はいままでのnoteでぜひ。 Sketch: ★ 歴史が長く、ユーザーも最多であるため、安定して使いやすく全体的な完成度が非常に高い。リファレンス・リソースもたくさんある ★ 大規模なUIドキュメントにも耐えうるすぐれた保守・管理性能を持つ ★ 複数人でSketchを使うならAbstractの導入がオススメ。VCS、コラボレーション、ハンドオフなど、運用面を劇的に改善してくれる

動画で学ぶ。 自由に使う。 Adobe XD を使いこなせれば、 あなたのアイデアを自在に形にすることができるはず。 学びからさらなる高みを目指しませんか。 Tutorial XDの基本操作を3分動画で分かりやすく解説！ シェイプの描き方や、ドロップシャドウの付け方などの基本的な操作から、コンポーネントの様々な機能や共有方法の紹介まで、Adobe XDの使い方を動画で丁寧に紹介します。

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re

Adobeは最新セキュリティアップデートで、「Flash Player」と「Adobe Experience Manager（AEM）Forms」の複数の脆弱性を修正した。 同社の最新セキュリティアドバイザリによると、Flash Playerの7件の深刻（クリティカル）な問題（CVE-2017-3068、CVE-2017-3069、CVE-2017-3070、CVE-2017-3071、CVE-2017-3072、CVE-2017-3073、CVE-2017-3074）を解決したという。 そのうち6件はメモリ破損の脆弱性、1件（CVE-2017-3071）は、解放済みメモリ使用の脆弱性だ。 どの問題も、リモートコード実行の恐れがあり、操作された悪質なファイルや不正なウェブページによって攻撃者がユーザーのシステムを乗っ取るために利用できるものだった。 今回のアップデートは、「Windows」

Illustratorのパターンの扱いは、Illustrator CS6以降、劇的に改善されています。しかし、従来からある機能の組み合わせによる、デフォルトのパターンスウォッチの応用についてご紹介します。 「ベーシック」パターンを開く ［スウォッチ］パネルメニューの［スウォッチライブラリを開く］→［パターン］→［ベーシック］のサブメニューには「ベーシック_テクスチャ」「ベーシック_ライン」「ベーシック_点」の3つのライブラリが入っています。 ドットやライン、そして、テクスチャのパターンスウォッチが入っています（パネルメニューでスウォッチの大きさを変更）。 図形を変形せずに、パターンのみ（拡大）縮小する 四角形にラインのパターンを適用します。 ［拡大・縮小］ダイアログボックスを開き、［オブジェクトの変形］オプションをオフにして、［拡大・縮小］を「50%」に設定します。 オブジェクトの大きさは

簡単な検索置換関数。だれかが必ず書いていそうだけれど、探すのもめんどいのでアップしておきます。こういうぬるい感じが身上なのです。って、みんな知ってるか^^ 普通のテキスト検索置換 ////////////////////////////////////////////テキスト検索置換 /* my_range 検索置換の範囲 my_find 検索オブジェクト ex.) {findWhat:"わたし"} my_change 置換オブジェクト ex.) {changeTo:"ぼく"} */ function my_TextFindChange(my_range, my_find, my_change) { //検索の初期化 app.findTextPreferences = NothingEnum.nothing; app.changeTextPreferences = NothingEnum.

この投稿をInstagramで見る この投稿をInstagramで見る この投稿をInstagramで見る [ この投稿をInstagramで見る この投稿をInstagramで見る この投稿をInstagramで見る この投稿をInstagramで見る

はいこんばんは。 InDesignで索引項目を追加するときはソートのために読み仮名を入力しなくてはならないのですが、手打ちするのがあまりにもめんどくさいので自動的に取得するスクリプトを作りました。 読み仮名の取得にはみんな大好きYahoo!のテキスト解析WebAPIを利用しています。 これを ↓ こうします あくまで自分用に作ったものなので、 参照形式はデフォルトの「現在のページ」のみ 項目のレベルは設定できない（すべてレベル1になる） という仕様になっています。 あと、APIのアプリケーションIDは消してありますので、もし使用する場合は自分のアプリケーションID（ランダムな英数字になってます）を取得して、「◆◆◆ココにアプリケーションIDを書く◆◆◆」のところに入れてください（1箇所だけです）。YahooのIDを作れば誰でも取得できます。 ちょっと試してみたいという人にはだいぶ不親切です

概要 InDesignドキュメントのファイルサイズは「別名で保存」することで手軽に小さなサイズにできます。 InDesignファイルの不要な情報を削除して、管理しやすいサイズにしておきましょう。 ファイルサイズが小さくなる実際の例 以下の様なInDesignドキュメントを4つ用意しました。それぞれ24.1MB、43.9MB、99.8MB、131.6MBのファイルサイズがあります。 それぞれのInDesignドキュメントを開いて、メニューから「ファイル」→「別名で保存」を選択します。 今回はわかりやすいように「-別名保存後」をファイル名につけて保存します。 4つのInDesignドキュメントを別名で保存したものとファイルサイズを比べてみると以下の様に大幅にファイルサイズが小さくなることが確認できます。 24.1MB　→　15.2MB：元のファイルサイズの63％ 43.9MB　→　15.5MB