第24回 『クリエイティブツールの活用』佐藤氏

クリエイター

ツールとの関係

ツールができれば仕事ができるというわけではない。

XD

XDの特徴を紹介します。

  • 画面デザインができる。(部品を作る時はPhotoshopやIlustratorを使います。)

  • Adobe製品の中では比較的簡単

  • 共同編集できる

www.behance.net

UIキット

  • プロトタイプが作れる

28px 16px 行間32px、見出し上下 両脇のマージン

段落は一文字

figmaに乗り替わりつつある 操作性は変わらない 共有機能が使わなければ、無料で使える。

統一感を出す

スタイル機能で、 文字スタイルやボタンスタイルを登録しておくことがおすすめ。 コンポーネント化するとそのままそっくり流用できる。

Illustrator

  • 印刷向け Webでは互換性が悪い

  • イラスト・図解の作成向け

Photoshop

切り抜きを覚えましょう。

素材集

無料 icoon mono

有料(無料もあり)のもの


デザインの基本

文字

  • 本文サイズ：16px

  • 行間：28

テーマカラーの決め方

コーポレートカラーが決まっていない場合はどのように決めるといいか紹介します。

名前を言える色(名前がついている色)。カラーパレットを作っておきましょう。

PCCSとは | 色彩関連情報 | DICカラーデザイン株式会社

デザインの原則

説明しなくても、意図が相手に伝わる。

  • 近接

  • 整列※一番重要

  • 強調

  • 反復

撮影

段取りが大切です。撮る前段階を考えることも忘れず。

場所(背景・光)：背景がごちゃごちゃしていないか？

撮影時間：取材のなかでの時間の割り振りなど

使われるデザイン：最終的なイメージを加味して撮影する場面もあります。(右空間を開けて撮るなど)

参考ブログ

Web関係のメディア

関連ブログ

wataaame.hatenablog.com