escafrace blog

デザインプロセスを共有できたら楽しい

by purprin ｜ Tag: design, photoshop, webdesign

Feb
28
2008

私はgihyo.jpの連載のタイトル名でもかかげているとおり、独学でWebデザインの世界にとびこんできました。

この連載では、私自身が独学でとびこんできた経験に基づいて、なるべく、私自身が実際につまずいてきた場面をふりかえながら書くようにしています。独学でWebデザインをやってみたい！と考えている方に何かヒントになればうれしいです。

ところで、こうして書いている今も常にデザインに関する勉強はかかせないわけですが、勉強を始めたての頃は「デザインの勉強」と言葉では言っても、何からはじめればよいのかわからないまま手探りでした。

勉強のなかで大切なのは、未熟でもなんでもいいからとにかくたくさんつくってみることなんだと思います。そして、より多くの人にみてもらうことでいろいろな意見をもらうというのは自分で見えなかった視点の気づきが必ずあるためとても良い勉強になります。

それと同じくらいに、完成作品に対して「どのようにしてそれができあがったのか？」というプロセスを知ることも大切だと最近強く感じています。

HTMLやCSSは、仕様書が存在したり、先輩の書いたコードをいつでもインターネット上で研究することもできるぶん、「正しく、より効率よく、よりエレガントに書く」ことを実践しやすいような気がしますが、デザイン（ビジュアルデザイン・情報デザインなどを含む）の場面では完成形をみているだけではわからない大切なプロセスが隠されていて、それを学んで吸収できたらどんなにいいかと思うことがよくあります。

例えば・・

  • 数多くある色彩パターンの中からなぜその色を選んだのか(or どんな色を切り捨てたのか)
  • なぜこのパーツはこの場所に配置しているのか
  • 実際のところの情報の優先順位はどうなのか
  • このボタンの影は、レイヤー効果を使って作っているのか、それともシャドウ用のパスを別に用意して重ねているのか、それはなぜか

他にもあげだしたらたくさんでてきそうです。

先日の勉強会でまめこさんとの会話で出てきたなかに「デザインするときにPhotoshopだけでやるの？」という話題がありましたが、たったこれだけのことでとても盛り上がったのがなんだか嬉しかったのです。このような制作に至るまでの過程についてじっくり吸収できる場があったらもっとデザインの勉強が楽しくなると思った次第です。

ちなみに私がデザインをするときは、Photoshopオンリーではとてもできません。紙でラフをかいてから、さらに画面でイメージをつくるような流れで、画面に向かって手を動かすときはまずIllustratorを立ち上げます。前の前の仕事のときにDTPに触れて少し得意だったこともありますが、移動・拡大／縮小が快適にできるのが魅力的ですし、シンプルなアイコンを制作する時にはもっと大活躍です。

ツールの話をはじめるともっと長く（熱く）なりそうなのまたあらためて書きたいと思います。

  • by icon purprin
  • at 2008-02-28T01:13:50+09:00

▲ top

トラックバック

この記事について他のブログなどで参照いただく際に、下記の URI 宛に ping 送信するとこのブログに通知（トラックバック）することができます（但し、この記事にリンクのないトラックバックは削除されることがありますのでご了承ください）。

▲ top

コメント

* Gravatarに登録(FREE)するとあなたのアバターが表示されます。

  1. ヤスヒサ
    • ヤスヒサ

    • 共有はプログラマーさんのほうが長年やっていることもあって慣れているというか見せ方も上手というイメージがありますね。僕も自分のサイトで「オープンWebデザイン」というのやってますが、他もどんどんそういうの見せて行けばおもしろいかもしれませんね。

    February 28, 2008 5:19 AM

  2. ガク
    • ガク

    • もっと発表する場とか、考える場をつくらないとねー
      と、実は考え中

    February 28, 2008 4:43 PM

  3. purprin
    • purprin

    • ＞ヤスヒサさん
      おっしゃるとおりですね。プログラマーさんがオープンソースでアウトプットして、それがどんどんブラッシュアップされていく過程も素敵ですね。
      ヤスヒサさんのオープンWebデザインへの試みに心から共感しています。どこかのタイミングで是非コミットさせていただきたいと思います。


      ＞ガクさん
      オンライン・オフライン問わず、こういったことをアウトプットする場があるといいですね。
      といいつつ、私自身アウトプットも頑張っていきます。

    February 29, 2008 8:26 AM

  4. まめこ
    • まめこ

    • おわー! 自分の名前が出ていてビックリ!
      ぷるさんとは背景が似ていて、この前のソフトの話も足りないくらいでした!

      プロセスの共有方法として私はデスクトップ配信や、ムービーのキャプチャなどを試みたりしています。
      ここら辺を記事にしてみたりするだけでも面白いですよね。

    March 3, 2008 4:47 PM

▲ top

Please Your Comments!

コメント投稿フォーム:

この記事に関係のない内容のコメントは削除させていただく場合があります。また、コメントに対するお返事は必ず行われるとは限りませんのでご了承ください。