グラフィックデザイナーとしての5年間で学び、これからも大切にしたいこと。Blogグラフィックデザイナーとしての5年間で学び、これからも大切にしたいこと。2012朝、通勤をしていると新社会人の初々しい姿をみて、自分が新米デザイナーだった頃をふと思い出しました。新人デザイナーとしてスタートした時、その先に待ち受けるデザインへにワクワクしながらも、自らの力はどれだけ通用するのか、デザイナーとしてきちんとやっていけるのか、不安と希望が入り交じっていてとても緊張していたのを覚えています。たくさんの人が新しいスタートを切る中で、私自身も5年間勤めた制作会社を退職し、この春から、スタートアップで新しいサービスのデザインをさせていただく事になりました。そこで、新たなスタートを切るにあたって、これまでを振り返り、グラフィックデザイナーとしての5年間で学び、これからも大切にして行きたいと思うことを記しておこうと思います。自分自身にとっては初心に返る意味も込めつつ、新米デザイナーの方には、これからのデザイナーとして経験を積んで行く上で、何かの肥やしになれば幸いです。無駄なことなんて一つも無い新人の頃は、とにかくデザイン以外の雑用を任される事が多いです。資料さがしや電話番、朝イチでの掃除などなど...「デザイナーとして入ったのにいつになったらデザインをまかされるんだろう」と多くの人が最初にぶつかる壁であろうと思います。それらを振り返ってみると、それらの雑用すべてが良いデザインをつくることにつながっていたのだと思います。資料探しは、部屋を覆い尽くすほどの膨大な雑誌や画像の中から、最適な資料を取捨選択する「判断力」を。朝の掃除では、ゴミ箱から溢れるほどの先輩達が徹夜して作ったカンプを見ながらそのプロセスを追う「思考力」を。任された仕事に意味が無かったら意味を見いだすこと。デザイナーの仕事の本質は意味を創造することだと思うからです。デザインだけでは丸腰であるさて、いざデザインを任されるようになってくると、学生の時に課題としてやっていたデザインとは大きく違うことに気付きます。仕事としてのデザインは、多くの人が関わってくるもので、それらの人々すべての質問や要望を聞いて調整していかなければなりません。それらすべてを受け入れてしまうと結局何が言いたいのか良く分からないデザインになってしまいがちで、理由なきデザインは、丸腰のまま戦地に放り出されたかのように、要望と質問の矢にさらされます。そこで有効なのは、なぜその書体にしたのか、なぜその色にしたのかといった様な理由を徹底的に考える、デザインロジックの盾を常に持っておくことです。それ以上に大事なのは、デザインロジックはあくまで無茶な要望や、一部分しか見ていないような指摘からデザインを守る為の「防具」であり「武器」ではないということ。制作者が良いと主張して押し通すようなものより、誰もが見て良いと思える様なものが理想的なデザインだと思うからです。360度の視野を持ち続ける事ある程度仕事をこなせるようになってくると、忙しさにかまけてインプットをつい怠りがちになります。そんな状態が続くと、アイデアが枯渇し、あまり深く考えずに過去の経験則だけでデザインをするようになって、新しいものを生み出すことが難しくなってしまいます。インプットを意識しなくても、ネットにつながっていれば情報は事足りると考えがちですが、そこにある情報は最早誰もが手に入れることの出来る情報です。大事なのは自分の足を使って、デザインが実際に使われるであろう現場に行ったり、人を観察したりして何気なく街をフラフラしてみること。することで、Macの前に延々と座って考えていた時とは180度予想もしなかったアイデアに巡りあうことができます。常にインプットを忘れずに、カメレオンの様に360度の視野を持った日常の観察者であること。普段は誰も気にかけない様なところにこそ、デザインのヒントがたくさん潜んでいると思います。経験してきたなかで、一貫して思うのは、デザインが人と社会の交差点にある以上、世の中の流れを洞察したり、変化に合わせて新しいスキルや視点を身につける事は必要不可欠だということです。いった点では、デザイナーが学ぶ事を止めたとき、それは成長が止まることと同義でもあると思います。「学びつづける」ということについて、先日行ったフォーラムで、とても印象に残る場面を目にしました。業界では誰もが知るような有名な方が、他の方の話を聞いている時はその内容を一心不乱にメモをされていて、いつもニコニコしてユニークな質問や発言をして会場をわかせていてる陽気なイメージと、真剣な表情でメモをとる姿とのギャップがとても印象的でした。何十年と知識や経験を積み、どれほど有名になろうとも人から真剣に学ぶということ。その姿勢を目の当たりにして、自分のデザイナーとしての数年間はなんとちっぽけだろうか、まだまだ足りてないなぁと、凝り固まった価値観が一気に引っくり返されたような感じでした。初心を忘れず、今まで自分を育ててくれた会社の人たちや、すべての人に感謝しつつ、より良いデザインを生み出せるよう頑張って行きたいと思います。blog午前9時41分、Appleが止めた時間の謎。4Sが発表されました。日本からは2キャリアから出ることになり、乗り換えるのか、そのままなのか、これまで電波の弱さに悩まされてきたユーザーにとっては悩みどころですね。4Sですが、よくよく見てみると、ひとつ気になることが...。スクリーンショットの時間が、なんとも中途半端な9時41分になっています。キリの良い9:40でもなく、イベントの開始時間である10:00でもなく、なぜこんな中途半端な時間なのでしょうか。気になったので過去の製品画像をみてみると...。AM」で統一されています。ここまで中途半端な時間で一貫しているということは何か意味があるのかもしれないですね。マニングが、アップルストアにいたスコット・フォーストール(Apple上級副社長)に時間の意味を質問したという内容の記事がありました。それによると、プレゼンテーションでプロダクトを大きくお披露目する時間を、約40分で発生するようにkeynoteをデザインし、スクリーンに映し出されたときに観客の時計とズレがないようにしていたらしいのですが、ピッタリ予定通りに行かない事を見越して数分追加した時間なのだそうです。time」と名付けていたそうです。実際にiPhoneが初めて発表された2007年のMacWorldをみてみたところ、プレゼンが開始されてちょうど40分頃にiPhoneのスクリーンが初めて公開されています。時間が統一されている理由は、iPhoneのスクリーンが世界に向けて初めて公開されると予測した時間で、合理的な理由がありつつも、Appleにとって記念すべき時間でもあるからということですね。無事解決したかと思われますが、ここで新たな疑問がでてきます。time」はなぜ40分なのかということ。分刻みのプレゼンテーションを組み立てるぐらいですから、そのタイミングにも意味があると思います。5のデザイン変更点まとめ。4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが...慣れとは恐ろしいものです。本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。5ではグレーっぽく明るくなっています。4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。5ではシャドウとハイライトが追加されて立体的なデザインになっています。iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。5ではハイライトが追加されてこれまた立体的なデザインになっています。他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという機能アイコンと、ミュージックを起動するという起動アイコンの違いを表しているのではないかと思います。Web」から読み取るWeb用フォントの秘密。何か違うの?」と気になりだしたら止まらなかったので調べてみました。Appleのコーポレートフォントである「Myriad」を解剖していくことでデザインの美しさの秘密に迫ると同時に、Webの冠をつけたフォントはどの様に改良されているのかに迫ってみたいと思います。始めに「Myriad」とはどんな書体なのでしょうか。模倣フォントの一つである。アップルやアドビシステムズがコーポレートフォントに採用しているApple、Adobeと、世界のITを牽引する企業が採用しているという事から、先進的なイメージを与えてくれるフォントだということが分かります。Web」は、具体的にどこが違うのか、はじめにアウトラインにしたものを重ねてみました。可読性を高めるために、カウンターを広げたためか、全体的に横長になっている印象を受けます。その中でも、特に違いが見られたのが大文字の「N」です。Web」は中心部が少し膨張気味になっています。どのくらい違うのか、試しに直線を入れて見ると...。Web」の方は斜線部に肉付けがされてることが分かります。その理由に迫るために、スクリーン上で実際に多く表示されるであろうサイズへと徐々に縮小してみたいと思います。視力検査ではありませんよー。相対的に見てみると、左の「Myriad」は、だんだんと小さくなるにつれて中心部が少し頼りなさそうな感じになり、1番上のものと比較してみると違った印象が感じられます。Web」の方は中心部に肉付けしているために、安定した感じがしますが、大きくなるに従って肉付けしている部分に違和感が感じられます。あちらを立てればこちらが立たず、どちらも一長一短な感じです。