J.B.Goodeでは、技術ナレッジや日々の気づき、企業カルチャーに関する投稿を行っています。
今回は、8月に公開したホットなデザイン記事をご紹介します。
技術ナレッジ
After Effectsで作る液体グラデーション
この記事では、『液体グラデーション（リキッド・グラデーション）』という、水や油膜のような有機的な形状と、色が混ざり合うような色彩変化を持つ表現手法を、After Effectsを使ってアニメーションで表現する方法を紹介しています。
シェイプの作成方法も紹介されいるので、グラフィック面でも参考にしてみてください。
【Figmaプロトタイプ】モーダルをオーバーレイでつくる
デザイン提案の際にFigmaのプロトタイプを用いることが増えている昨今。
その中で頻出のUIである「モーダル」を開く動きを効率的に設定する方法を紹介しています。
プロトタイプは実際の動きをイメージできる素晴らしいツールですが、その分多くの画面を繋げる作業が煩雑になりがち…修正も大変…というデザイナーのお悩みを解決するヒントになるかもしれません。
【Chrome】プラグインなしで<img>タグのSVGをクリップボードに保存する方法
デザインを作成する際、Webからロゴやアイコンをコピーして持ってくるという場面があります。この記事ではSVGをクリップボードにコピーし、そのままデザインツールで配置する方法を紹介しています。
綺麗なSVG画像をコピーするために、ブラウザから一度保存した後、デザインツールへ持ってきて「めんどくさ〜」と思っている、そんなあなたはぜひご一読を。
効率的にデザインを進めるための習慣
こちらは技術というより思考面におけるナレッジです。
デザイナーであれば、ゴールが定まらないままデザインを進めてしまい、迷走したり、失敗したことが一度はあるのではないでしょうか。
この記事ではデザインの絵作りの前にやるべきこと、情報整理や対象の理解を深める方法について紹介しています。
効率的に進めるためにも、まずは焦らずじっくり考えてみることの大切さを改めて自身に問いかけるきっかけに。
ポエム
説明できる。でも、しない。
「このデザインって、どういう意図ですか？」というデザイナーからすると胃が痛くなってくる質問No.1に輝いている（かもしれない）この言葉。
デザインの意図をきちんと説明できることがデザイナーにとって大切ではあるものの、ロジックだけでは説明できない直感がデザインを左右する場面もあります。そんな混沌としたデザインの「正解」と「正義」について考えるポエムです。
おわりに
今月は技術ナレッジ記事を中心に、作業の効率化につながるテクニックや表現方法の紹介、デザインの思考に関するテーマと、多種多様なラインナップでお届けしました。
私たちと同じように日々試行錯誤するクリエイターのみなさんの参考に少しでもなれば幸いです。
7月の記事まとめはこちら☀️
