Skip to main content

グラフィックデザイナーとしての5年間で学び、これからも大切にしたいこと。

朝、通勤をしていると新社会人の初々しい姿をみて、自分が新米デザイナーだった頃をふと思い出しました。

新人デザイナーとしてスタートした時、その先に待ち受けるデザインへにワクワクしながらも、自らの力はどれだけ通用するのか、デザイナーとしてきちんとやっていけるのか、不安と希望が入り交じっていてとても緊張していたのを覚えています。

さて、たくさんの人が新しいスタートを切る中で、私自身も5年間勤めた制作会社を退職し、この春から、スタートアップで新しいサービスのデザインをさせていただく事になりました。

そこで、新たなスタートを切るにあたって、これまでを振り返り、グラフィックデザイナーとしての5年間で学び、これからも大切にして行きたいと思うことを記しておこうと思います。

自分自身にとっては初心に返る意味も込めつつ、新米デザイナーの方には、これからのデザイナーとして経験を積んで行く上で、何かの肥やしになれば幸いです。


無駄なことなんて一つも無い
新人の頃は、とにかくデザイン以外の雑用を任される事が多いです。資料さがしや電話番、朝イチでの掃除などなど… 
「デザイナーとして入ったのにいつになったらデザインをまかされるんだろう」と多くの人が最初にぶつかる壁であろうと思います。
ただ、それらを振り返ってみると、それらの雑用すべてが良いデザインをつくることにつながっていたのだと思います。
資料探しは、部屋を覆い尽くすほどの膨大な雑誌や画像の中から、最適な資料を取捨選択する「判断力」を。
朝の掃除では、ゴミ箱から溢れるほどの先輩達が徹夜して作ったカンプを見ながらそのプロセスを追う「思考力」を。
任された仕事に意味が無かったら意味を見いだすこと。デザイナーの仕事の本質は意味を創造することだと思うからです。


デザインだけでは丸腰である
さて、いざデザインを任されるようになってくると、学生の時に課題としてやっていたデザインとは大きく違うことに気付きます。
仕事としてのデザインは、多くの人が関わってくるもので、それらの人々すべての質問や要望を聞いて調整していかなければなりません。
それらすべてを受け入れてしまうと結局何が言いたいのか良く分からないデザインになってしまいがちで、理由なきデザインは、丸腰のまま戦地に放り出されたかのように、要望と質問の矢にさらされます。
そこで有効なのは、なぜその書体にしたのか、なぜその色にしたのかといった様な理由を徹底的に考える、デザインロジックの盾を常に持っておくことです。
ただしそれ以上に大事なのは、デザインロジックはあくまで無茶な要望や、一部分しか見ていないような指摘からデザインを守る為の「防具」であり「武器」ではないということ。
制作者が良いと主張して押し通すようなものより、誰もが見て良いと思える様なものが理想的なデザインだと思うからです。


360度の視野を持ち続ける事
ある程度仕事をこなせるようになってくると、忙しさにかまけてインプットをつい怠りがちになります。
そんな状態が続くと、アイデアが枯渇し、あまり深く考えずに過去の経験則だけでデザインをするようになって、新しいものを生み出すことが難しくなってしまいます。
わざわざインプットを意識しなくても、ネットにつながっていれば情報は事足りると考えがちですが、そこにある情報は最早誰もが手に入れることの出来る情報です。
大事なのは自分の足を使って、デザインが実際に使われるであろう現場に行ったり、人を観察したりして何気なく街をフラフラしてみること。
そうすることで、Macの前に延々と座って考えていた時とは180度予想もしなかったアイデアに巡りあうことができます。
常にインプットを忘れずに、カメレオンの様に360度の視野を持った日常の観察者であること。
普段は誰も気にかけない様なところにこそ、デザインのヒントがたくさん潜んでいると思います。


色々と経験してきたなかで、一貫して思うのは、デザインが人と社会の交差点にある以上、世の中の流れを洞察したり、変化に合わせて新しいスキルや視点を身につける事は必要不可欠だということです。
そういった点では、デザイナーが学ぶ事を止めたとき、それは成長が止まることと同義でもあると思います。


「学びつづける」ということについて、先日行ったフォーラムで、とても印象に残る場面を目にしました。
業界では誰もが知るような有名な方が、他の方の話を聞いている時はその内容を一心不乱にメモをされていて、いつもニコニコしてユニークな質問や発言をして会場をわかせていてる陽気なイメージと、真剣な表情でメモをとる姿とのギャップがとても印象的でした。

何十年と知識や経験を積み、どれほど有名になろうとも人から真剣に学ぶということ。
その姿勢を目の当たりにして、自分のデザイナーとしての数年間はなんとちっぽけだろうか、まだまだ足りてないなぁと、凝り固まった価値観が一気に引っくり返されたような感じでした。

初心を忘れず、今まで自分を育ててくれた会社の人たちや、すべての人に感謝しつつ、より良いデザインを生み出せるよう頑張って行きたいと思います。

と、いうことで、みなさま!
新年度、気持ち新たに頑張って行きましょう!



Popular posts from this blog

細かすぎて伝わりづらい!
iOS 5のデザイン変更点まとめ。

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので 前回のLion と同じようにまとめてみました。  細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。  1.アイコンバッジ  iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。 2.ボックスデザイン 設定画面などのボックスデザインが、iOS 4ではフラットなラインに対して、iOS 5ではシャドウとハイライトが追加されて立体的なデザインになっています。  iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。  3.メッセージのハイライト これは賛否両論ありそうですが、iOS 4ではメッセージの文字がプレーンなテキストだったのに対して、iOS 5ではハイライトが追加されてこれまた立体的なデザインになっています。 他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。  5.回転ロックボタンの厚み iOS 4では回転ロックボタンのシャドウ距離が3pxだったのに対して、iOS 5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。 反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという 機能アイコン と、ミュージックを起動するという 起動アイコン の違いを表しているのではないかと

AvenirとFuturaに込められた、共通する1つの想い。『30 Essential Typefaces for a Lifetime』

30 Essential Typefaces for a Lifetimeが届きました。 渋谷のLIBROで見て欲しいなと思い、何となくamazonで調べてみたら海外の書店だと新品で半額以下だったので、書店にいながらもamazonで注文してしまいました。 アメリカからの発送でよほど過酷な旅をしてきたのか、新品にもかかわらずカバーがくたくたで、労をねぎらってあげたいぐらい疲れた本でした。まあ、半額以下だったのでよしとします。 本の内容は、世界中で多く使用されている主要な欧文書体の制作背景・主な用途・作品事例が様々なデザイナーのインタビューとともに掲載されています。 Avenir,DIN,Frutiger,Sabon,Times New Romanなどについてまとめられていて、様々な定番書体の背景を理解するのにとても参考になります。 和書だと欧文書体に関する本が限られてくるので、英語を身につけて洋書で知識を広げる事の大切さを痛感します。 この本で面白かった部分は小林章氏のAvenirついての話です。 ・「Avenir」は「Futura」より良いデザインを目指した書体(Futuraとはラテン語で「未来」の意味) ・Avenirはフランス語で「未来」を意味する AvenirはFuturaを出発点とし、共に未来を意味する書体でありながら、より良い未来への想いが込められた書体だということです。 書体の名前の由来を知る事で、また違った視点で関わり合う事が出来る。 知れば知るほど面白い世界ですね。

Appleのフォント「Myriad Pro」と「Myriad Pro Web」から読み取るWeb用フォントの秘密。

先日AdobeのCS5をインストールしたら、Macに始めから入っているフォントの「Myriad Pro」の他に「Myriad Pro Web」がインストールされていて「Web? 何か違うの?」と気になりだしたら止まらなかったので調べてみました。 Appleのコーポレートフォントである「Myriad」を解剖していくことでデザインの美しさの秘密に迫ると同時に、Webの冠をつけたフォントはどの様に改良されているのかに迫ってみたいと思います。 まず、始めに「Myriad」とはどんな書体なのでしょうか。Wikipediaで調べてみると… ミリアド (Myriad) は、サンセリフの欧文書体で、いくつかあるフルティガー体 (Frutiger) 模倣フォントの一つである。アップルやアドビシステムズがコーポレートフォントに採用している Apple、Adobeと、世界のITを牽引する企業が採用しているという事から、先進的なイメージを与えてくれるフォントだということが分かります。 では「Myriad」と「Myriad Web」は、具体的にどこが違うのか、はじめにアウトラインにしたものを重ねてみました。 可読性を高めるために、カウンターを広げたためか、全体的に横長になっている印象を受けます。 その中でも、特に違いが見られたのが大文字の「N」です。 左の「Myriad」のNは直線的に構成されているのに対して、右の「Myriad Web」は中心部が少し膨張気味になっています。 では、どのくらい違うのか、試しに直線を入れて見ると…。 こうして比較してみると、右の「Myriad Web」の方は斜線部に肉付けがされてることが分かります。 何故でしょうか、その理由に迫るために、スクリーン上で実際に多く表示されるであろうサイズへと徐々に縮小してみたいと思います。 視力検査ではありませんよー。 相対的に見てみると、左の「Myriad」は、だんだんと小さくなるにつれて中心部が少し頼りなさそうな感じになり、1番上のものと比較してみると違った印象が感じられます。 反面、右の「Myriad Web」の方は中心部に肉付けしているために、安定した感じがしますが、大きくなるに従って肉付けしている部分に違和感が感じられます。 あちらを立てればこちらが立