1月11日(水)-イラストロゴ作成実習②

◆ロゴマーク=シンボルとロゴタイプ、またはロゴタイプのみ(装飾有り無し)で作られたもの

・ファビコン=ブラウザで表示したとき、タブの左上に表示されるマーク(ブクマした際のマーク)

ロゴデータをクライアントへ提出する際のルール

①バージョンを落としたaiデータ(ver.8.0がおすすめとのこと)で提出
 一緒にPDFも添付するとより良い

②文字はすべてアウトライン化する
(最終入稿前にアウトライン化、アウトライン化後のデータと、アウトライン化前データの2種類を保管しておく)

③線はすべて塗りにしておく
 ※1/11アジェンダ「ロゴデータを渡すときの鉄則」参照

④透明部分は白を使用しない ※同じく上記参照
 パスファインダー等の型抜きなど、きちんと処理しておく

⑤色指定 ※先生の提案データ例ファイル参照 ※:DeNAのロゴ説明ページ参照

【メモ】

・整列

オブジェクト全選択後に、基準にしたいオブジェクトをさらに再選択すると位置の基準になる。


・線のあるオブジェクトを拡大縮小するとき、
 【線幅や【角の大きさも追随で変更するかしないかの設定


オブジェクト選択後、プロパティ下部の「…」クリック、
□角拡大・縮小
□線の太さ  のチェックを付け外しして調整できる。

・アウトライン表示、非表示
ctrl+Y

A4アートボード1枚に複数の正方形の枠を一覧で作る方法

①イラレでA4を新規作成し、適当に正方形を作る
②プロパティでX・Y:0、W・H:70mmで作成(A4横幅=210mmなので3分割)
③編集タブ→環境設定→一般→キー入力:70mmに設定
④オブジェクト選択し、alt+→で70mmごとにコピペできる
⑤コピペでできた3つのオブジェクトを選択し、alt+↓で下にもコピペできる
⑥最後に、できた全てのオブジェクト選択後、右クリック→「ガイドを作成」
⑦「レイヤー1」にガイドが複数入っているので、「ガイド」等に名前変更しロック、新規レイヤーから作業していくのがおすすめとのこと
⑧最後にキー入力の設定を戻しておく

パス上文字ツール

オブジェクト選択した状態で、パス上をクリックでオブジェクトの形に沿って文字が入力できる
【応用】テキスト真ん中らへんの線をパス内側へ持ってくると内側に文字を移動できる

エリア内文字ツール

オブジェクトの中に文字を表示できる
★文字を普通に入力後、エリア内文字ツールに変換も、逆も可能
・文字ツール→エリア内文字ツール:枠の右側の○をWクリックで●にする
・エリア内文字ツール→文字ツール:枠の右側の●をWクリックで◌にする

文字の変形

・V/A→カーソルを置いた部分のみ文字間隔を調整(-50や100など…)
・VA(↔)→文字全体の間隔を調整

文字のグラデーション(再確認しておく)

①文字をアウトライン化
②複合パス化
③グラデーションツール

練習作品

使用ソフト|Illustrator(作業時間:約140~160分)
企画予定のフィンランドの案内サイトに使用できそうなロゴマークを考えました。
雪マークを”e”にはめ込んだものが”e”に見えづらいとのことだったので、修正していきたいと思います。

1月6日(金)-ユーザーインターフェイス基礎①

ピクトグラムとは

言葉を使わなくても情報を伝えられる、単純化された視覚記号。
文字は使わず(数字はグレーゾーン)、マークだけで説明ができるもの。(=言葉の通じない環境や直感的にもわかりやすいマーク)

ロゴとは

ロゴタイプ、通称「ロゴ」 は、図案化・装飾化された文字・文字列のことで、団体名、商号、商品名、雑誌名、書名等を印刷・表示する際などに使用される。

ピクトグラムとアイコンの違い

マークという点ではピクトグラムとアイコンは同じ。
ただ、ピクトグラムは2色使いを主としているのに対し、アイコンには色使いの制限がなくカラフル。
そして大きな違いは、端的にいうと公共性のある表記か機能表記かということ。

【メモ】

・ユニバーサルデザイン(色合いなど)に注意する。
※色弱の方や宗教、ジェンダーなどに配慮した(少なくとも攻撃性のない)デザインを心がける
※東京都のカラーユニバーサルデザイン(PDF)参照


・デザインに赤い十字(✚)などを使うと法律違反
参考サイト(https://webtan.impress.co.jp/e/2014/07/08/17778

・色について
FF0000(赤)や000000(黒)などは主張が強いので、少し弱めの色を使う方がデザイン向きとのこと

・ピクトグラムを実際にイラレで制作する時間は5分くらいが理想とのこと

・ピクトグラムは極力要素をそぎ落とし、最低限の情報で伝えられるようにする(デザインの敗北=ゴテゴテにならないように注意)

・ロゴは10個程度アイデア出し→1日で10個作成しクライアントへ提出・提案するのが理想とのこと

・フォントは、英数字のみ使用する場合は英文書体を使用すると、並びが綺麗に見えやすくおすすめとのこと(日本語書体でもOK)