デザイン
こんにちは、ハヤマです。 前回の記事では、スタイルを1つ1つ登録する方法について書きました。 tech.arms-soft.co.jp 今回は、プラグインを用いて一括登録する方法について学習していきたいと思います。 カラーやテキストのスタイルをまとめて登録するプラ…
こんにちは、ハヤマです。 前回までは、デザインを行う前の下準備について書きました。 tech.arms-soft.co.jp 今回はもう少し進んで、制作する上で設定しておくと便利な「スタイル」についてご紹介します。 （インプットとアウトプットを同時進行で進めてお…
こんにちは、ハヤマです。 今回は、現在公開されているPhotoshop Beta版で 画像生成AI（Adobe Firefly）機能を使った画像の「生成塗りつぶし（※）」を試してみたいと思います。 ※「ジェネレーティブ塗りつぶし」は、「生成塗りつぶし」に名称が変更となりま…
こんにちは、ハヤマです。 今回からは実践を兼ね、学習しながらfigmaでWebデザインにチャレンジしていきます。 操作について未熟な点があるかと思いますが、筆者の学習を兼ねているためご勘弁を、、 手を動かしながら学んでいければと思います！ （筆者：普…
こんにちは、ハヤマです。 今回は、Webデザインを目的とした視点で「Figmaのカラーマネジメント」について書いていきたいと思います。 Figmaのカラーマネジメント Webデザインを行うにあたって、取り扱うアプリケーションやツールがどこまでカラーマネジメン…
こんにちは、ハヤマです。 今回は、Figmaのデータ管理方法についてまとめていきたいと思います。 （Figmaに関するこれまでの記事はこちらをご覧ください） Figmaのデータ構造について Figmaのデータですが、XDとは異なる構造で管理をしています。 以下の図を…
こんにちは、ハヤマです。 昨年AdobeがFigmaを買収し、これを機にFigmaの導入を検討されている方も多いのではと思います。 この記事では、もともと「XDユーザー」で、「これからFigmaへのシフトを考えている方」向けに、覚えておきたい点などをご紹介します…
こんにちは、ハヤマです。 突然ですが、Webデザインの記事などで「グラスモーフィズム」「クレイモーフィズム」「スキューモーフィズム」「ニューモーフィズム」といった「○○モーフィズム」系の名称がよく登場します。 もしくはエンジニアの方でしたら、デザ…
こんにちは、ハヤマです。 今回は、Illustratorでルビ設定をする際に便利なスクリプトについて、備忘を兼ねて記事にしたいと思います。 illustrator-ruby 「illustrator-ruby」はルビのサイズや揃え位置、進入処理・アキ挿入を調整してくれるスクリプトで、…
こんにちは、ハヤマです。 2022年9月、Adobeがデザインツール「Figma」を200億ドル（約2.9兆円）で買収することを発表しました。 blog.adobe.com 2023年内には買収を完了する予定とのこと。 Figmaは自社ツールをガッツリAdobeと比較して紹介していたりと、結…
こんにちは、ハヤマです。 今回は、「DTPの2023年問題」と呼ばれる、フォントに関する注意点をご紹介したいと思います。 （2023年、気がつけば到来まで4ヶ月を切っていますね（汗）） 「DTPの2023年問題」とは？ 2023年1月以降、Adobe製品でType 1 フォント…
こんにちは、ハヤマです。 今回は、Photoshopでのスピーディーな被写体の切り抜き方法についてご紹介します。 切り抜きは作業頻度が何かと高いと思いますので、デザイナーの方以外でも、Photoshopをお持ちでしたら覚えておくと損はないかと思います！ はじめ…
こんにちは、ハヤマです。 今回は、Illustratorで使用できる便利なスクリプトをご紹介します。 数字だけ大きくしたり、 英字だけ選択したりするスクリプト 例えばですが、タイトルやキャッチコピー、日付、金額表示などの文字組みを行う時のことをイメージし…
こんにちは、ハヤマです。 今回は、少しずつ普及し始めている「バリアブルフォント」について学んでいきたいと思います。 バリアブルフォントとは？ Adobe・Apple・Google・Microsoftが共同で開発した新しいフォントの概念のことで、通常、フォントファイル…
こんにちは、ハヤマです。 デザインを行う上で、情報を直感的に表現したり、装飾のアクセントとして配置したりと活用頻度の高いアイコン。 今回は、汎用性のあるシンプルアイコンやフラットデザインアイコンのほか、ジェネレートタイプやドット絵といった変…
こんにちは、ハヤマです。 2022年1月23日に、フォントメーカーのフォントワークス株式会社が「MOJICITY（もじシティ）」というサイトを公開しました。 テーマは“「自分らしいフォントを自由に楽しめる世界をつくる」ために生まれた実験仮想都市”。こちらでは…
こんにちは、ハヤマです。 デザインデータをもとにコーディングを行った際、カラーコードなどの値はデータに忠実に作成しているのに、「デザインデータと色味が違う」となってしまったことはありませんか？ それ、デザインデータの共有時に大事な情報を共有…
こんにちは、ハヤマです。 今回は、Illustratorを使ってWebデザインを行う際のアプリケーション設定についてご紹介します。 はじめに 個人的に、IllustratorでWebデザインを行う方というのはDTP出身のデザイナーさんに多いのではないかなと思っています（か…
こんにちは、ハヤマです。 今回は、個人的にとてつもなくテンションが上がってしまった「ヒグミン」というフォントについてご紹介します。 「ヒグミン」とは 「ヒグミン」とは、画家のヒグチユウコさんによる手書き文字を基に、アドビのプリンシパルデザイナ…
こんにちは、ハヤマです。 普段はPhotoshopでWebデザインを行うことが多いですが、 履修を兼ね、気になった情報を随時記事にまとめていきたいと思います。 はじめに さて今回は、Adobe XDでパスのアウトラインを取る方法についてご紹介します。 2021年6月、…
こんにちは、ハヤマです。 8月26日、Google Fontsに8つのフォントが加わりました。 Google Fonts News! New fontsGlory, Azeret Mono, Alumni Sans, Urbanist, Allison, Besley, Klee, Kaisei. Upgraded fontsIBM Plex, Kumbh Sans, Work Sans, Mulish, Rut…
こんにちは、ハヤマです。 本日は、前回の記事の続きとして、Adobe XDの機能「スタック」についてご紹介したいと思います。 前回の記事はこちら tech.arms-soft.co.jp スタックとは スタックを使うと、以下の操作を簡単に行うことができます。 要素の横並び…
こんにちは、ハヤマです。 今回は、Adobe XDで作業をする際スピーディーに作業するためのポイントをご紹介していきたいと思います。 プラグインを活用しよう プラグインは、用途に合ったものが見つかると作業効率が格段にアップするのでどんどん活用していき…
こんにちは、ユアサです。 いよいよ梅雨入りしてジメジメした日が続きますね。 さて今回は、昨年にCSSのトレンドになるのではと話題になっていた「ニューモーフィズム」について紹介していきます。 ニューモーフィズムについて ニューモーフィズムは、「New…
こんにちは、ハヤマです。 突然ですが、皆さんは操作をするときにどれだけショートカットを活用されていますか？ 本記事では、“たかがショートカット、されどショートカット”として、 Photoshopでデザインを行う際に活用すべきショートカットについて、おす…
こんにちは、ハヤマです。 今回は、PhotoshopのAdobe Creative Cloudライブラリ（以下、CCライブラリ）を活用した、Webデザインのデータ作りについてご紹介します。 CCライブラリとは Adobe CCのアカウント全体で共有使用できるデザインエレメントの保存ツー…
こんにちは、ハヤマです。 今回は、サイドバーのあるWebサイトデザインについて、メリット・デメリットや、コーディングを始める前にデザインの時点で考えておくべき点をまとめていきたいと思います。 サイドバーとは メインコンテンツの横（右・左）にある…
こんにちは、ハヤマです。 前回はGoogleFontsの年間ランキングについて記事を書きました。 tech.arms-soft.co.jp 今回もGoogleFontsのフォントについて調べてみたいことがあったので書いていきたいと思います。 はじめに 前回の記事では、上位5位のフォント…
こんにちは、ハヤマです。 唐突ですが、もう年末。今年は色々とありましたね。 色々とありすぎて、季節感すら追えていません、、。 そんな状態ですが、せめてブログでは時期に合ったネタ？を紹介したいと思います。 はじめに Webサイトデザイン制作において…
こんにちは、ハヤマです。 ストックフォトサービスを提供する「Shutterstock」から、2021年のカラートレンドが発表されました。 選ばれた3色ですが、上品だけれども生命力を感じるナチュラルカラーで、個人的にも好きな配色です。 詳しくはこちら。（英語サ…
