制作のおさらい

「ロゴ」作るヒントやフォントメモ

2018-11-22

作り方ヒント

1文字だけフォントを変える。
もしくはすべての文字のフォントを1文字ずつかえる。
文字の切り離し。
文字に色をつける。周囲に色をつける。
欧米フォントなどを1度分解し、組み直して、日本語のタイトルロゴに。
イメージ(イラスト)の追加。
文字の一部をイラストで置き換える。
カラーのアクセント(一部に色をつける)
漢字をロゴマーク化してアクセントロゴにする。
マーク(イラスト)の中に文字。
文字のヌキ部にイラストなどを入れて彩る。
大文字・小文字関係なく統一して使う。
電話番号から。

イメージ

店名の頭文字を使用
羽ばたくイメージ
Wで咲く花をイメージ
やわらかい印象・元気さ・さわやかさ・謙虚さ
太陽の色・赤
青で水を象徴
造形文字で人がよりそう感じ iii
親しみさを強調するために、小文字で、とか。
手書き書体で親しみやすさを
ブラウザ上で見やすいカラーを使う(プライマリーカラー)
文字を右斜めにして、スピード感
1か所の色をかえて、チャレンジ間
たえず変化することをイメージして、グラデーション

よく使われるフォント

フォントは見た目で選んでOK
Futura(ルイ・ヴィトン)
Trajan(ゴディバ)
Sackers Goshic(ピエール・マルコリーに)
Nicolas Cochin(ディオール)
Dodoni(ファッション雑誌「VOGUE」)
Helvetica (世界でよく使われる)
Plantin(ロンドン)
Haratio(ダイソンに近いロゴフォント)
Bernhard Fashion(パリのカフェとか・・・手描きみたい)
Peignot
Optima nova Titling(ルーブル美術館)
Courier(タイプライターっぽさの演出効果)

無料で頼まれそうになったとき

2018-11-20

無料でのお願いを断るとき

私も食べていかないといけないので、その都度いただきますよ^^;
外注というカタチでご依頼くださいましたら、対応いたします。

無料で「教えて」というお願いを断るとき

教える内容にもよりますが、教えるということの「忍耐・体力」ともに侮ってはいけません。
結構な労力を伴います。

友だちや知人などから軽い気持ちで「word教えて」と言われた場合
これを読んでいるあなたが元気であればOKすると、とても喜んでもらえるのではないでしょうか?

そうでない場合・・・
私も食べていかないといけないので、そこに(教えることに)時間をとられるわけにもいかないんですよ~^^;

この「食べていかないといけないので・・・」というフレーズは、とある知人のフリーのアナウンサーが使ってたのを聞いて(そのとおりなんだよね;)と思うと同時に
相手も納得してくれるので、困ったときは使わせていただいてます。

そもそも

そもそも友だち・知人からの依頼は受けない方が賢明です。
友だち関係に仕事が入ってくると、大概において気まずくなります。

理由は、友だちや知人は「安くしてほしい」という思いがあり
仮に安くしても、(相場や事情を知らないため)費用以上の内容を要求してくることが多く、
すると、だんだん請け負った側のモやっと感が強くなり、
お互いの認識ズレから、次第にギクシャクしてきます。

ですので、友だちや知人からは受注しないのが一番ですが、どうしてもお願いされた場合は
相見積もりをとっていただき、相場を知ったうえでお願いしてもらうようにお願いするといいかもしれません。

困ったときのメール

2018-11-20

お支払がなかったとき

メール文章例

今、○月末締め処理をしているのですが、行き違いでしたら誠に申し訳ございません。
ご入金の閣員がまだとれてないのですが(翌月の)○日○曜日確認になりますでしょうか?

相手が理不尽なことを言ってきたとき

お客様はプロではなく、事情がよくわかってない上に
いろんな考え方、物事の捉え方の人がいます。そこを理解した上で同じ土俵に立たないこと。

コミュニケーションが大事です。
相手を立てて、制作側の事情を説明してわかっていただくという態度が大事です。

相手の言い分をたっぷりと聞き、相手が効く体制を作ってから
制作サイドの事情説明に入ること。

売り言葉に買い言葉になってしまっては、お互いに後味が悪いです。

こちらができることは、相手の気持ちを理解し、
感情を害さないように丁寧に言葉を選びながら伝えることです。

これはお客様に限らず、コミュニケーションにおいて、相手を立てる態度を忘れない事は大事です。
そして自分の言い分を伝えることも同等に大事です。

動かす際によく使用されている言語

2018-11-20

Java Script

jQuery
ParticleJS
Pixi.js
three.js
CreateJS

【パララックス効果】
・Skrollr
・FadeThis
・ScrollMe
・ScrollReveal.js
・wow.js

CSS

transform
transition
animation

HTML5

Canvas

SVG

WebGL

3D表現
例:java+canvas+WebGL

CSSについて

CSSトランジション

再生時間とタイミング程度の設定(transitionプロパティを使う)
主にロールオーバー効果(クリックすると何かが起きる)

CSSアニメーション

いつ何をどう変化させるか、という情報(キーフレーム)ををまとめた進行表のようなものを作る
例:開始0% 終了100%

« Older Entries

PAGE TOP